/*============================================================================
  Megashop

  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
    - You cannot use @imports in this file
        * Use grunt or gulp tasks to enable @imports - https://github.com/Shopify/shopify-css-import
    - Helpers variables, mixins, and starter classes are provided. Change as needed.
    - The file is prepped with a CSS reset
==============================================================================*/
/*============================================================================
  Table of Contents

  #Breakpoint and Grid Variables
  #Sass Mixins
  #General Variables
  #Normalize
  #Grid Setup
  #Basic Styles
  #Helper Classes
  #Typography
  #Rich Text Editor
  #Links and Buttons
  #Lists
  #Tables
  #OOCSS Media Object
  #Images and Iframes
  #Forms
  #Icons
  #Pagination
  #Site Header
  #Site Nav and Dropdowns
  #Breadcrumb
  #Drawers
  #Custom Section
  #Site Footer
  #Product Grid and List Views
  #Collection Filters
  #Collection Page
  #Product Page
  #404 page
  #Blogs and Comments
  #Search Results
  #Notes and Form Feedback
  #Cart Page
  #Password Page
  #Demo Styles - for empty store state
  #Flexslider
  #Magnific Popup
==============================================================================*/
/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
/*================ The following are dependencies of csswizardry grid ================*/
/*============================================================================
  #Sass Mixins
==============================================================================*/
.clearfix {
  *zoom: 1;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/*============================================================================
  Flexbox prefix mixins from Bourbon
    https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_flex-box.scss
==============================================================================*/
/*============================================================================
  #General Variables
==============================================================================*/
/*================ Typography ================*/
/*============================================================================
  Get font-families from theme settings
==============================================================================*/
body {
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 18px;
  font-family: "Open Sans";
}

@font-face {
  font-family: 'icons';
  src: url("../fonts/icons.eot?10708498227930971215");
  src: url("../fonts/icons.eot?10708498227930971215#iefix") format("embedded-opentype"),
  url("../fonts/icons.woff?10708498227930971215") format("woff"),
  url("../fonts/icons.ttf?10708498227930971215") format("truetype"),
  url("../fonts/icons.svg?10708498227930971215#timber-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*============================================================================
  Dependency-free breakpoint mixin
    - http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
==============================================================================*/
/*============================================================================
  #Normalize
==============================================================================*/
*, input, :before, :after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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;
}

/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns and a fixed gutter size
    - Breakpoints defined above, under #Breakpoint and Grid Variables
    - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid-items
==============================================================================*/
/* Force clearfix on grids */
.grid, .grid--rev, .grid--full,
.grid-uniform {
  *zoom: 1;
}

.grid:after, .grid--rev:after, .grid--full:after,
  .grid-uniform:after {
  content: "";
  display: table;
  clear: both;
}

/* Manual grid-item clearfix */
.grid-item.clear {
  clear: both;
}

/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
/*============================================================================
  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.
==============================================================================*/
.grid, .grid--rev, .grid--full,
.grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: 0;
}

.grid-item {
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: top;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid-uniform.product-grid.col-main {
  margin: 0;
}

.products-grid-view.collections_masonry.shop_masonry {
  float: left;
  width: 100%;
}

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

.grid--rev > .grid-item {
  direction: ltr;
  text-align: left;
  float: right;
}

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
.grid--full {
  margin-left: 0;
}

.grid--full > .grid-item {
  padding-left: 0;
  padding-right: 0;
}

/*============================================================================
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
==============================================================================*/
/*================ Clearfix helper on uniform grids ================*/
/*============================================================================
  HELPERS
==============================================================================*/
/*================ Helper show/hide classes around our breakpoints ================*/
/*================ Our regular, non-responsive width and helper classes ================*/
/** Whole */
.one-whole {
  width: 100%;
}

/* Halves */
.one-half {
  width: 50%;
}

/* Thirds */
.one-third {
  width: 33.333%;
}

.two-thirds {
  width: 66.666%;
}

/* Quarters */
.one-quarter {
  width: 25%;
}

.two-quarters {
  width: 50%;
}

.three-quarters {
  width: 75%;
}

/* Fifths */
.one-fifth {
  width: 20%;
}

.two-fifths {
  width: 40%;
}

.three-fifths {
  width: 60%;
}

.four-fifths {
  width: 80%;
}

/* Sixths */
.one-sixth {
  width: 16.666%;
}

.two-sixths {
  width: 33.333%;
}

.three-sixths {
  width: 50%;
}

.four-sixths {
  width: 66.666%;
}

.five-sixths {
  width: 83.333%;
}

/* Eighths */
.one-eighth {
  width: 12.5%;
}

.two-eighths {
  width: 25%;
}

.three-eighths {
  width: 37.5%;
}

.four-eighths {
  width: 50%;
}

.five-eighths {
  width: 62.5%;
}

.six-eighths {
  width: 75%;
}

.seven-eighths {
  width: 87.5%;
}

/* Tenths */
.one-tenth {
  width: 10%;
}

.two-tenths {
  width: 20%;
}

.three-tenths {
  width: 30%;
}

.four-tenths {
  width: 40%;
}

.five-tenths {
  width: 50%;
}

.six-tenths {
  width: 60%;
}

.seven-tenths {
  width: 70%;
}

.eight-tenths {
  width: 80%;
}

.nine-tenths {
  width: 90%;
}

/* Twelfths */
.one-twelfth {
  width: 8.333%;
}

.two-twelfths {
  width: 16.666%;
}

.three-twelfths {
  width: 25%;
}

.four-twelfths {
  width: 33.333%;
}

.five-twelfths {
  width: 41.666%;
}

.six-twelfths {
  width: 50%;
}

.seven-twelfths {
  width: 58.333%;
}

.eight-twelfths {
  width: 66.666%;
}

.nine-twelfths {
  width: 75%;
}

.ten-twelfths {
  width: 83.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

/*================ Our responsive classes, if we have enabled them ================*/
@media only screen and (max-width: 480px) {
  /** Whole */
  .mobile--one-whole {
    width: 100%;
  }
  /* Halves */
  .mobile--one-half {
    width: 50%;
  }
  /* Thirds */
  .mobile--one-third {
    width: 33.333%;
  }

  .mobile--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .mobile--one-quarter {
    width: 25%;
  }

  .mobile--two-quarters {
    width: 50%;
  }

  .mobile--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .mobile--one-fifth {
    width: 20%;
  }

  .mobile--two-fifths {
    width: 40%;
  }

  .mobile--three-fifths {
    width: 60%;
  }

  .mobile--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .mobile--one-sixth {
    width: 16.666%;
  }

  .mobile--two-sixths {
    width: 33.333%;
  }

  .mobile--three-sixths {
    width: 50%;
  }

  .mobile--four-sixths {
    width: 66.666%;
  }

  .mobile--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .mobile--one-eighth {
    width: 12.5%;
  }

  .mobile--two-eighths {
    width: 25%;
  }

  .mobile--three-eighths {
    width: 37.5%;
  }

  .mobile--four-eighths {
    width: 50%;
  }

  .mobile--five-eighths {
    width: 62.5%;
  }

  .mobile--six-eighths {
    width: 75%;
  }

  .mobile--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .mobile--one-tenth {
    width: 10%;
  }

  .mobile--two-tenths {
    width: 20%;
  }

  .mobile--three-tenths {
    width: 30%;
  }

  .mobile--four-tenths {
    width: 40%;
  }

  .mobile--five-tenths {
    width: 50%;
  }

  .mobile--six-tenths {
    width: 60%;
  }

  .mobile--seven-tenths {
    width: 70%;
  }

  .mobile--eight-tenths {
    width: 80%;
  }

  .mobile--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .mobile--one-twelfth {
    width: 8.333%;
  }

  .mobile--two-twelfths {
    width: 16.666%;
  }

  .mobile--three-twelfths {
    width: 25%;
  }

  .mobile--four-twelfths {
    width: 33.333%;
  }

  .mobile--five-twelfths {
    width: 41.666%;
  }

  .mobile--six-twelfths {
    width: 50%;
  }

  .mobile--seven-twelfths {
    width: 58.333%;
  }

  .mobile--eight-twelfths {
    width: 66.666%;
  }

  .mobile--nine-twelfths {
    width: 75%;
  }

  .mobile--ten-twelfths {
    width: 83.333%;
  }

  .mobile--eleven-twelfths {
    width: 91.666%;
  }

  .mobile--show {
    display: block !important;
  }

  .mobile--hide {
    display: none !important;
  }

  .mobile--text-left {
    text-align: left !important;
  }

  .mobile--text-right {
    text-align: right !important;
  }

  .mobile--text-center {
    text-align: center !important;
  }

  .mobile--left {
    float: left !important;
  }

  .mobile--right {
    float: right !important;
  }

  .grid-uniform .mobile--one-half:nth-child(2n+1),
  .grid-uniform .mobile--one-third:nth-child(3n+1),
  .grid-uniform .mobile--one-quarter:nth-child(4n+1),
  .grid-uniform .mobile--one-fifth:nth-child(5n+1),
  .grid-uniform .mobile--one-sixth:nth-child(6n+1),
  .grid-uniform .mobile--two-sixths:nth-child(3n+1),
  .grid-uniform .mobile--three-sixths:nth-child(2n+1),
  .grid-uniform .mobile--two-eighths:nth-child(4n+1),
  .grid-uniform .mobile--four-eighths:nth-child(2n+1),
  .grid-uniform .mobile--five-tenths:nth-child(2n+1),
  .grid-uniform .mobile--one-twelfth:nth-child(12n+1),
  .grid-uniform .mobile--two-twelfths:nth-child(6n+1),
  .grid-uniform .mobile--three-twelfths:nth-child(4n+1),
  .grid-uniform .mobile--four-twelfths:nth-child(3n+1),
  .grid-uniform .mobile--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 767px) {
  /** Whole */
  .tablet--one-whole {
    width: 100%;
  }
  /* Halves */
  .tablet--one-half {
    width: 50%;
  }
  /* Thirds */
  .tablet--one-third {
    width: 33.333%;
  }

  .tablet--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .tablet--one-quarter {
    width: 25%;
  }

  .tablet--two-quarters {
    width: 50%;
  }

  .tablet--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .tablet--one-fifth {
    width: 20%;
  }

  .tablet--two-fifths {
    width: 40%;
  }

  .tablet--three-fifths {
    width: 60%;
  }

  .tablet--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .tablet--one-sixth {
    width: 16.666%;
  }

  .tablet--two-sixths {
    width: 33.333%;
  }

  .tablet--three-sixths {
    width: 50%;
  }

  .tablet--four-sixths {
    width: 66.666%;
  }

  .tablet--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .tablet--one-eighth {
    width: 12.5%;
  }

  .tablet--two-eighths {
    width: 25%;
  }

  .tablet--three-eighths {
    width: 37.5%;
  }

  .tablet--four-eighths {
    width: 50%;
  }

  .tablet--five-eighths {
    width: 62.5%;
  }

  .tablet--six-eighths {
    width: 75%;
  }

  .tablet--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .tablet--one-tenth {
    width: 10%;
  }

  .tablet--two-tenths {
    width: 20%;
  }

  .tablet--three-tenths {
    width: 30%;
  }

  .tablet--four-tenths {
    width: 40%;
  }

  .tablet--five-tenths {
    width: 50%;
  }

  .tablet--six-tenths {
    width: 60%;
  }

  .tablet--seven-tenths {
    width: 70%;
  }

  .tablet--eight-tenths {
    width: 80%;
  }

  .tablet--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .tablet--one-twelfth {
    width: 8.333%;
  }

  .tablet--two-twelfths {
    width: 16.666%;
  }

  .tablet--three-twelfths {
    width: 25%;
  }

  .tablet--four-twelfths {
    width: 33.333%;
  }

  .tablet--five-twelfths {
    width: 41.666%;
  }

  .tablet--six-twelfths {
    width: 50%;
  }

  .tablet--seven-twelfths {
    width: 58.333%;
  }

  .tablet--eight-twelfths {
    width: 66.666%;
  }

  .tablet--nine-twelfths {
    width: 75%;
  }

  .tablet--ten-twelfths {
    width: 83.333%;
  }

  .tablet--eleven-twelfths {
    width: 91.666%;
  }

  .tablet--show {
    display: block !important;
  }

  .tablet--hide {
    display: none !important;
  }

  .tablet--text-left {
    text-align: left !important;
  }

  .tablet--text-right {
    text-align: right !important;
  }

  .tablet--text-center {
    text-align: center !important;
  }

  .tablet--left {
    float: left !important;
  }

  .tablet--right {
    float: right !important;
  }

  .grid-uniform .tablet--one-half:nth-child(2n+1),
  .grid-uniform .tablet--one-third:nth-child(3n+1),
  .grid-uniform .tablet--one-quarter:nth-child(4n+1),
  .grid-uniform .tablet--one-fifth:nth-child(5n+1),
  .grid-uniform .tablet--one-sixth:nth-child(6n+1),
  .grid-uniform .tablet--two-sixths:nth-child(3n+1),
  .grid-uniform .tablet--three-sixths:nth-child(2n+1),
  .grid-uniform .tablet--two-eighths:nth-child(4n+1),
  .grid-uniform .tablet--four-eighths:nth-child(2n+1),
  .grid-uniform .tablet--five-tenths:nth-child(2n+1),
  .grid-uniform .tablet--one-twelfth:nth-child(12n+1),
  .grid-uniform .tablet--two-twelfths:nth-child(6n+1),
  .grid-uniform .tablet--three-twelfths:nth-child(4n+1),
  .grid-uniform .tablet--four-twelfths:nth-child(3n+1),
  .grid-uniform .tablet--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 991px) {
  /** Whole */
  .postlaptop--one-whole {
    width: 100%;
  }
  /* Halves */
  .postlaptop--one-half {
    width: 50%;
  }
  /* Thirds */
  .postlaptop--one-third {
    width: 33.333%;
  }

  .postlaptop--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .postlaptop--one-quarter {
    width: 25%;
  }

  .postlaptop--two-quarters {
    width: 50%;
  }

  .postlaptop--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .postlaptop--one-fifth {
    width: 20%;
  }

  .postlaptop--two-fifths {
    width: 40%;
  }

  .postlaptop--three-fifths {
    width: 60%;
  }

  .postlaptop--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .postlaptop--one-sixth {
    width: 16.666%;
  }

  .postlaptop--two-sixths {
    width: 33.333%;
  }

  .postlaptop--three-sixths {
    width: 50%;
  }

  .postlaptop--four-sixths {
    width: 66.666%;
  }

  .postlaptop--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .postlaptop--one-eighth {
    width: 12.5%;
  }

  .postlaptop--two-eighths {
    width: 25%;
  }

  .postlaptop--three-eighths {
    width: 37.5%;
  }

  .postlaptop--four-eighths {
    width: 50%;
  }

  .postlaptop--five-eighths {
    width: 62.5%;
  }

  .postlaptop--six-eighths {
    width: 75%;
  }

  .postlaptop--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .postlaptop--one-tenth {
    width: 10%;
  }

  .postlaptop--two-tenths {
    width: 20%;
  }

  .postlaptop--three-tenths {
    width: 30%;
  }

  .postlaptop--four-tenths {
    width: 40%;
  }

  .postlaptop--five-tenths {
    width: 50%;
  }

  .postlaptop--six-tenths {
    width: 60%;
  }

  .postlaptop--seven-tenths {
    width: 70%;
  }

  .postlaptop--eight-tenths {
    width: 80%;
  }

  .postlaptop--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .postlaptop--one-twelfth {
    width: 8.333%;
  }

  .postlaptop--two-twelfths {
    width: 16.666%;
  }

  .postlaptop--three-twelfths {
    width: 25%;
  }

  .postlaptop--four-twelfths {
    width: 33.333%;
  }

  .postlaptop--five-twelfths {
    width: 41.666%;
  }

  .postlaptop--six-twelfths {
    width: 50%;
  }

  .postlaptop--seven-twelfths {
    width: 58.333%;
  }

  .postlaptop--eight-twelfths {
    width: 66.666%;
  }

  .postlaptop--nine-twelfths {
    width: 75%;
  }

  .postlaptop--ten-twelfths {
    width: 83.333%;
  }

  .postlaptop--eleven-twelfths {
    width: 91.666%;
  }

  .postlaptop--show {
    display: block !important;
  }

  .postlaptop--hide {
    display: none !important;
  }

  .postlaptop--text-left {
    text-align: left !important;
  }

  .postlaptop--text-right {
    text-align: right !important;
  }

  .postlaptop--text-center {
    text-align: center !important;
  }

  .postlaptop--left {
    float: left !important;
  }

  .postlaptop--right {
    float: right !important;
  }

  .grid-uniform .postlaptop--one-half:nth-child(2n+1),
  .grid-uniform .postlaptop--one-third:nth-child(3n+1),
  .grid-uniform .postlaptop--one-quarter:nth-child(4n+1),
  .grid-uniform .postlaptop--one-fifth:nth-child(5n+1),
  .grid-uniform .postlaptop--one-sixth:nth-child(6n+1),
  .grid-uniform .postlaptop--two-sixths:nth-child(3n+1),
  .grid-uniform .postlaptop--three-sixths:nth-child(2n+1),
  .grid-uniform .postlaptop--two-eighths:nth-child(4n+1),
  .grid-uniform .postlaptop--four-eighths:nth-child(2n+1),
  .grid-uniform .postlaptop--five-tenths:nth-child(2n+1),
  .grid-uniform .postlaptop--one-twelfth:nth-child(12n+1),
  .grid-uniform .postlaptop--two-twelfths:nth-child(6n+1),
  .grid-uniform .postlaptop--three-twelfths:nth-child(4n+1),
  .grid-uniform .postlaptop--four-twelfths:nth-child(3n+1),
  .grid-uniform .postlaptop--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1024px) {
  /** Whole */
  .medium--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium--one-third {
    width: 33.333%;
  }

  .medium--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .medium--one-quarter {
    width: 25%;
  }

  .medium--two-quarters {
    width: 50%;
  }

  .medium--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium--one-fifth {
    width: 20%;
  }

  .medium--two-fifths {
    width: 40%;
  }

  .medium--three-fifths {
    width: 60%;
  }

  .medium--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium--one-sixth {
    width: 16.666%;
  }

  .medium--two-sixths {
    width: 33.333%;
  }

  .medium--three-sixths {
    width: 50%;
  }

  .medium--four-sixths {
    width: 66.666%;
  }

  .medium--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .medium--one-eighth {
    width: 12.5%;
  }

  .medium--two-eighths {
    width: 25%;
  }

  .medium--three-eighths {
    width: 37.5%;
  }

  .medium--four-eighths {
    width: 50%;
  }

  .medium--five-eighths {
    width: 62.5%;
  }

  .medium--six-eighths {
    width: 75%;
  }

  .medium--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium--one-tenth {
    width: 10%;
  }

  .medium--two-tenths {
    width: 20%;
  }

  .medium--three-tenths {
    width: 30%;
  }

  .medium--four-tenths {
    width: 40%;
  }

  .medium--five-tenths {
    width: 50%;
  }

  .medium--six-tenths {
    width: 60%;
  }

  .medium--seven-tenths {
    width: 70%;
  }

  .medium--eight-tenths {
    width: 80%;
  }

  .medium--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium--one-twelfth {
    width: 8.333%;
  }

  .medium--two-twelfths {
    width: 16.666%;
  }

  .medium--three-twelfths {
    width: 25%;
  }

  .medium--four-twelfths {
    width: 33.333%;
  }

  .medium--five-twelfths {
    width: 41.666%;
  }

  .medium--six-twelfths {
    width: 50%;
  }

  .medium--seven-twelfths {
    width: 58.333%;
  }

  .medium--eight-twelfths {
    width: 66.666%;
  }

  .medium--nine-twelfths {
    width: 75%;
  }

  .medium--ten-twelfths {
    width: 83.333%;
  }

  .medium--eleven-twelfths {
    width: 91.666%;
  }

  .medium--show {
    display: block !important;
  }

  .medium--hide {
    display: none !important;
  }

  .medium--text-left {
    text-align: left !important;
  }

  .medium--text-right {
    text-align: right !important;
  }

  .medium--text-center {
    text-align: center !important;
  }

  .medium--left {
    float: left !important;
  }

  .medium--right {
    float: right !important;
  }

  .grid-uniform .medium--one-half:nth-child(2n+1),
  .grid-uniform .medium--one-third:nth-child(3n+1),
  .grid-uniform .medium--one-quarter:nth-child(4n+1),
  .grid-uniform .medium--one-fifth:nth-child(5n+1),
  .grid-uniform .medium--one-sixth:nth-child(6n+1),
  .grid-uniform .medium--two-sixths:nth-child(3n+1),
  .grid-uniform .medium--three-sixths:nth-child(2n+1),
  .grid-uniform .medium--two-eighths:nth-child(4n+1),
  .grid-uniform .medium--four-eighths:nth-child(2n+1),
  .grid-uniform .medium--five-tenths:nth-child(2n+1),
  .grid-uniform .medium--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1024px) {
  /** Whole */
  .medium-down--one-whole {
    width: 100%;
  }
  /* Halves */
  .medium-down--one-half {
    width: 50%;
  }
  /* Thirds */
  .medium-down--one-third {
    width: 33.333%;
  }

  .medium-down--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .medium-down--one-quarter {
    width: 25%;
  }

  .medium-down--two-quarters {
    width: 50%;
  }

  .medium-down--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .medium-down--one-fifth {
    width: 20%;
  }

  .medium-down--two-fifths {
    width: 40%;
  }

  .medium-down--three-fifths {
    width: 60%;
  }

  .medium-down--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .medium-down--one-sixth {
    width: 16.666%;
  }

  .medium-down--two-sixths {
    width: 33.333%;
  }

  .medium-down--three-sixths {
    width: 50%;
  }

  .medium-down--four-sixths {
    width: 66.666%;
  }

  .medium-down--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .medium-down--one-eighth {
    width: 12.5%;
  }

  .medium-down--two-eighths {
    width: 25%;
  }

  .medium-down--three-eighths {
    width: 37.5%;
  }

  .medium-down--four-eighths {
    width: 50%;
  }

  .medium-down--five-eighths {
    width: 62.5%;
  }

  .medium-down--six-eighths {
    width: 75%;
  }

  .medium-down--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .medium-down--one-tenth {
    width: 10%;
  }

  .medium-down--two-tenths {
    width: 20%;
  }

  .medium-down--three-tenths {
    width: 30%;
  }

  .medium-down--four-tenths {
    width: 40%;
  }

  .medium-down--five-tenths {
    width: 50%;
  }

  .medium-down--six-tenths {
    width: 60%;
  }

  .medium-down--seven-tenths {
    width: 70%;
  }

  .medium-down--eight-tenths {
    width: 80%;
  }

  .medium-down--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .medium-down--one-twelfth {
    width: 8.333%;
  }

  .medium-down--two-twelfths {
    width: 16.666%;
  }

  .medium-down--three-twelfths {
    width: 25%;
  }

  .medium-down--four-twelfths {
    width: 33.333%;
  }

  .medium-down--five-twelfths {
    width: 41.666%;
  }

  .medium-down--six-twelfths {
    width: 50%;
  }

  .medium-down--seven-twelfths {
    width: 58.333%;
  }

  .medium-down--eight-twelfths {
    width: 66.666%;
  }

  .medium-down--nine-twelfths {
    width: 75%;
  }

  .medium-down--ten-twelfths {
    width: 83.333%;
  }

  .medium-down--eleven-twelfths {
    width: 91.666%;
  }

  .medium-down--show {
    display: block !important;
  }

  .medium-down--hide {
    display: none !important;
  }

  .medium-down--text-left {
    text-align: left !important;
  }

  .medium-down--text-right {
    text-align: right !important;
  }

  .medium-down--text-center {
    text-align: center !important;
  }

  .medium-down--left {
    float: left !important;
  }

  .medium-down--right {
    float: right !important;
  }

  .grid-uniform .medium-down--one-half:nth-child(2n+1),
  .grid-uniform .medium-down--one-third:nth-child(3n+1),
  .grid-uniform .medium-down--one-quarter:nth-child(4n+1),
  .grid-uniform .medium-down--one-fifth:nth-child(5n+1),
  .grid-uniform .medium-down--one-sixth:nth-child(6n+1),
  .grid-uniform .medium-down--two-sixths:nth-child(3n+1),
  .grid-uniform .medium-down--three-sixths:nth-child(2n+1),
  .grid-uniform .medium-down--two-eighths:nth-child(4n+1),
  .grid-uniform .medium-down--four-eighths:nth-child(2n+1),
  .grid-uniform .medium-down--five-tenths:nth-child(2n+1),
  .grid-uniform .medium-down--one-twelfth:nth-child(12n+1),
  .grid-uniform .medium-down--two-twelfths:nth-child(6n+1),
  .grid-uniform .medium-down--three-twelfths:nth-child(4n+1),
  .grid-uniform .medium-down--four-twelfths:nth-child(3n+1),
  .grid-uniform .medium-down--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 1200px) {
  /** Whole */
  .desktop--one-whole {
    width: 100%;
  }
  /* Halves */
  .desktop--one-half {
    width: 50%;
  }
  /* Thirds */
  .desktop--one-third {
    width: 33.333%;
  }

  .desktop--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .desktop--one-quarter {
    width: 25%;
  }

  .desktop--two-quarters {
    width: 50%;
  }

  .desktop--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .desktop--one-fifth {
    width: 20%;
  }

  .desktop--two-fifths {
    width: 40%;
  }

  .desktop--three-fifths {
    width: 60%;
  }

  .desktop--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .desktop--one-sixth {
    width: 16.666%;
  }

  .desktop--two-sixths {
    width: 33.333%;
  }

  .desktop--three-sixths {
    width: 50%;
  }

  .desktop--four-sixths {
    width: 66.666%;
  }

  .desktop--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .desktop--one-eighth {
    width: 12.5%;
  }

  .desktop--two-eighths {
    width: 25%;
  }

  .desktop--three-eighths {
    width: 37.5%;
  }

  .desktop--four-eighths {
    width: 50%;
  }

  .desktop--five-eighths {
    width: 62.5%;
  }

  .desktop--six-eighths {
    width: 75%;
  }

  .desktop--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .desktop--one-tenth {
    width: 10%;
  }

  .desktop--two-tenths {
    width: 20%;
  }

  .desktop--three-tenths {
    width: 30%;
  }

  .desktop--four-tenths {
    width: 40%;
  }

  .desktop--five-tenths {
    width: 50%;
  }

  .desktop--six-tenths {
    width: 60%;
  }

  .desktop--seven-tenths {
    width: 70%;
  }

  .desktop--eight-tenths {
    width: 80%;
  }

  .desktop--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .desktop--one-twelfth {
    width: 8.333%;
  }

  .desktop--two-twelfths {
    width: 16.666%;
  }

  .desktop--three-twelfths {
    width: 25%;
  }

  .desktop--four-twelfths {
    width: 33.333%;
  }

  .desktop--five-twelfths {
    width: 41.666%;
  }

  .desktop--six-twelfths {
    width: 50%;
  }

  .desktop--seven-twelfths {
    width: 58.333%;
  }

  .desktop--eight-twelfths {
    width: 66.666%;
  }

  .desktop--nine-twelfths {
    width: 75%;
  }

  .desktop--ten-twelfths {
    width: 83.333%;
  }

  .desktop--eleven-twelfths {
    width: 91.666%;
  }

  .desktop--show {
    display: block !important;
  }

  .desktop--hide {
    display: none !important;
  }

  .desktop--text-left {
    text-align: left !important;
  }

  .desktop--text-right {
    text-align: right !important;
  }

  .desktop--text-center {
    text-align: center !important;
  }

  .desktop--left {
    float: left !important;
  }

  .desktop--right {
    float: right !important;
  }

  .grid-uniform .desktop--one-half:nth-child(2n+1),
  .grid-uniform .desktop--one-third:nth-child(3n+1),
  .grid-uniform .desktop--one-quarter:nth-child(4n+1),
  .grid-uniform .desktop--one-fifth:nth-child(5n+1),
  .grid-uniform .desktop--one-sixth:nth-child(6n+1),
  .grid-uniform .desktop--two-sixths:nth-child(3n+1),
  .grid-uniform .desktop--three-sixths:nth-child(2n+1),
  .grid-uniform .desktop--two-eighths:nth-child(4n+1),
  .grid-uniform .desktop--four-eighths:nth-child(2n+1),
  .grid-uniform .desktop--five-tenths:nth-child(2n+1),
  .grid-uniform .desktop--one-twelfth:nth-child(12n+1),
  .grid-uniform .desktop--two-twelfths:nth-child(6n+1),
  .grid-uniform .desktop--three-twelfths:nth-child(4n+1),
  .grid-uniform .desktop--four-twelfths:nth-child(3n+1),
  .grid-uniform .desktop--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1200px) {
  /** Whole */
  .desktopsmall--one-whole {
    width: 100%;
  }
  /* Halves */
  .desktopsmall--one-half {
    width: 50%;
  }
  /* Thirds */
  .desktopsmall--one-third {
    width: 33.333%;
  }

  .desktopsmall--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .desktopsmall--one-quarter {
    width: 25%;
  }

  .desktopsmall--two-quarters {
    width: 50%;
  }

  .desktopsmall--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .desktopsmall--one-fifth {
    width: 20%;
  }

  .desktopsmall--two-fifths {
    width: 40%;
  }

  .desktopsmall--three-fifths {
    width: 60%;
  }

  .desktopsmall--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .desktopsmall--one-sixth {
    width: 16.666%;
  }

  .desktopsmall--two-sixths {
    width: 33.333%;
  }

  .desktopsmall--three-sixths {
    width: 50%;
  }

  .desktopsmall--four-sixths {
    width: 66.666%;
  }

  .desktopsmall--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .desktopsmall--one-eighth {
    width: 12.5%;
  }

  .desktopsmall--two-eighths {
    width: 25%;
  }

  .desktopsmall--three-eighths {
    width: 37.5%;
  }

  .desktopsmall--four-eighths {
    width: 50%;
  }

  .desktopsmall--five-eighths {
    width: 62.5%;
  }

  .desktopsmall--six-eighths {
    width: 75%;
  }

  .desktopsmall--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .desktopsmall--one-tenth {
    width: 10%;
  }

  .desktopsmall--two-tenths {
    width: 20%;
  }

  .desktopsmall--three-tenths {
    width: 30%;
  }

  .desktopsmall--four-tenths {
    width: 40%;
  }

  .desktopsmall--five-tenths {
    width: 50%;
  }

  .desktopsmall--six-tenths {
    width: 60%;
  }

  .desktopsmall--seven-tenths {
    width: 70%;
  }

  .desktopsmall--eight-tenths {
    width: 80%;
  }

  .desktopsmall--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .desktopsmall--one-twelfth {
    width: 8.333%;
  }

  .desktopsmall--two-twelfths {
    width: 16.666%;
  }

  .desktopsmall--three-twelfths {
    width: 25%;
  }

  .desktopsmall--four-twelfths {
    width: 33.333%;
  }

  .desktopsmall--five-twelfths {
    width: 41.666%;
  }

  .desktopsmall--six-twelfths {
    width: 50%;
  }

  .desktopsmall--seven-twelfths {
    width: 58.333%;
  }

  .desktopsmall--eight-twelfths {
    width: 66.666%;
  }

  .desktopsmall--nine-twelfths {
    width: 75%;
  }

  .desktopsmall--ten-twelfths {
    width: 83.333%;
  }

  .desktopsmall--eleven-twelfths {
    width: 91.666%;
  }

  .desktopsmall--show {
    display: block !important;
  }

  .desktopsmall--hide {
    display: none !important;
  }

  .desktopsmall--text-left {
    text-align: left !important;
  }

  .desktopsmall--text-right {
    text-align: right !important;
  }

  .desktopsmall--text-center {
    text-align: center !important;
  }

  .desktopsmall--left {
    float: left !important;
  }

  .desktopsmall--right {
    float: right !important;
  }

  .grid-uniform .desktopsmall--one-half:nth-child(2n+1),
  .grid-uniform .desktopsmall--one-third:nth-child(3n+1),
  .grid-uniform .desktopsmall--one-quarter:nth-child(4n+1),
  .grid-uniform .desktopsmall--one-fifth:nth-child(5n+1),
  .grid-uniform .desktopsmall--one-sixth:nth-child(6n+1),
  .grid-uniform .desktopsmall--two-sixths:nth-child(3n+1),
  .grid-uniform .desktopsmall--three-sixths:nth-child(2n+1),
  .grid-uniform .desktopsmall--two-eighths:nth-child(4n+1),
  .grid-uniform .desktopsmall--four-eighths:nth-child(2n+1),
  .grid-uniform .desktopsmall--five-tenths:nth-child(2n+1),
  .grid-uniform .desktopsmall--one-twelfth:nth-child(12n+1),
  .grid-uniform .desktopsmall--two-twelfths:nth-child(6n+1),
  .grid-uniform .desktopsmall--three-twelfths:nth-child(4n+1),
  .grid-uniform .desktopsmall--four-twelfths:nth-child(3n+1),
  .grid-uniform .desktopsmall--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (min-width: 1025px) {
  /** Whole */
  .large--one-whole {
    width: 100%;
  }
  /* Halves */
  .large--one-half {
    width: 50%;
  }
  /* Thirds */
  .large--one-third {
    width: 33.333%;
  }

  .large--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .large--one-quarter {
    width: 25%;
  }

  .large--two-quarters {
    width: 50%;
  }

  .large--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .large--one-fifth {
    width: 20%;
  }

  .large--two-fifths {
    width: 40%;
  }

  .large--three-fifths {
    width: 60%;
  }

  .large--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .large--one-sixth {
    width: 16.666%;
  }

  .large--two-sixths {
    width: 33.333%;
  }

  .large--three-sixths {
    width: 50%;
  }

  .large--four-sixths {
    width: 66.666%;
  }

  .large--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .large--one-eighth {
    width: 12.5%;
  }

  .large--two-eighths {
    width: 25%;
  }

  .large--three-eighths {
    width: 37.5%;
  }

  .large--four-eighths {
    width: 50%;
  }

  .large--five-eighths {
    width: 62.5%;
  }

  .large--six-eighths {
    width: 75%;
  }

  .large--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .large--one-tenth {
    width: 10%;
  }

  .large--two-tenths {
    width: 20%;
  }

  .large--three-tenths {
    width: 30%;
  }

  .large--four-tenths {
    width: 40%;
  }

  .large--five-tenths {
    width: 50%;
  }

  .large--six-tenths {
    width: 60%;
  }

  .large--seven-tenths {
    width: 70%;
  }

  .large--eight-tenths {
    width: 80%;
  }

  .large--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .large--one-twelfth {
    width: 8.333%;
  }

  .large--two-twelfths {
    width: 16.666%;
  }

  .large--three-twelfths {
    width: 25%;
  }

  .large--four-twelfths {
    width: 33.333%;
  }

  .large--five-twelfths {
    width: 41.666%;
  }

  .large--six-twelfths {
    width: 50%;
  }

  .large--seven-twelfths {
    width: 58.333%;
  }

  .large--eight-twelfths {
    width: 66.666%;
  }

  .large--nine-twelfths {
    width: 75%;
  }

  .large--ten-twelfths {
    width: 83.333%;
  }

  .large--eleven-twelfths {
    width: 91.666%;
  }

  .large--show {
    display: block !important;
  }

  .large--hide {
    display: none !important;
  }

  .large--text-left {
    text-align: left !important;
  }

  .large--text-right {
    text-align: right !important;
  }

  .large--text-center {
    text-align: center !important;
  }

  .large--left {
    float: left !important;
  }

  .large--right {
    float: right !important;
  }

  .grid-uniform .large--one-half:nth-child(2n+1),
  .grid-uniform .large--one-third:nth-child(3n+1),
  .grid-uniform .large--one-quarter:nth-child(4n+1),
  .grid-uniform .large--one-fifth:nth-child(5n+1),
  .grid-uniform .large--one-sixth:nth-child(6n+1),
  .grid-uniform .large--two-sixths:nth-child(3n+1),
  .grid-uniform .large--three-sixths:nth-child(2n+1),
  .grid-uniform .large--two-eighths:nth-child(4n+1),
  .grid-uniform .large--four-eighths:nth-child(2n+1),
  .grid-uniform .large--five-tenths:nth-child(2n+1),
  .grid-uniform .large--one-twelfth:nth-child(12n+1),
  .grid-uniform .large--two-twelfths:nth-child(6n+1),
  .grid-uniform .large--three-twelfths:nth-child(4n+1),
  .grid-uniform .large--four-twelfths:nth-child(3n+1),
  .grid-uniform .large--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 1199px) {
  /** Whole */
  .laptop--one-whole {
    width: 100%;
  }
  /* Halves */
  .laptop--one-half {
    width: 50%;
  }
  /* Thirds */
  .laptop--one-third {
    width: 33.333%;
  }

  .laptop--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .laptop--one-quarter {
    width: 25%;
  }

  .laptop--two-quarters {
    width: 50%;
  }

  .laptop--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .laptop--one-fifth {
    width: 20%;
  }

  .laptop--two-fifths {
    width: 40%;
  }

  .laptop--three-fifths {
    width: 60%;
  }

  .laptop--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .laptop--one-sixth {
    width: 16.666%;
  }

  .laptop--two-sixths {
    width: 33.333%;
  }

  .laptop--three-sixths {
    width: 50%;
  }

  .laptop--four-sixths {
    width: 66.666%;
  }

  .laptop--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .laptop--one-eighth {
    width: 12.5%;
  }

  .laptop--two-eighths {
    width: 25%;
  }

  .laptop--three-eighths {
    width: 37.5%;
  }

  .laptop--four-eighths {
    width: 50%;
  }

  .laptop--five-eighths {
    width: 62.5%;
  }

  .laptop--six-eighths {
    width: 75%;
  }

  .laptop--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .laptop--one-tenth {
    width: 10%;
  }

  .laptop--two-tenths {
    width: 20%;
  }

  .laptop--three-tenths {
    width: 30%;
  }

  .laptop--four-tenths {
    width: 40%;
  }

  .laptop--five-tenths {
    width: 50%;
  }

  .laptop--six-tenths {
    width: 60%;
  }

  .laptop--seven-tenths {
    width: 70%;
  }

  .laptop--eight-tenths {
    width: 80%;
  }

  .laptop--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .laptop--one-twelfth {
    width: 8.333%;
  }

  .laptop--two-twelfths {
    width: 16.666%;
  }

  .laptop--three-twelfths {
    width: 25%;
  }

  .laptop--four-twelfths {
    width: 33.333%;
  }

  .laptop--five-twelfths {
    width: 41.666%;
  }

  .laptop--six-twelfths {
    width: 50%;
  }

  .laptop--seven-twelfths {
    width: 58.333%;
  }

  .laptop--eight-twelfths {
    width: 66.666%;
  }

  .laptop--nine-twelfths {
    width: 75%;
  }

  .laptop--ten-twelfths {
    width: 83.333%;
  }

  .laptop--eleven-twelfths {
    width: 91.666%;
  }

  .laptop--show {
    display: block !important;
  }

  .laptop--hide {
    display: none !important;
  }

  .laptop--text-left {
    text-align: left !important;
  }

  .laptop--text-right {
    text-align: right !important;
  }

  .laptop--text-center {
    text-align: center !important;
  }

  .laptop--left {
    float: left !important;
  }

  .laptop--right {
    float: right !important;
  }

  .grid-uniform .laptop--one-half:nth-child(2n+1),
  .grid-uniform .laptop--one-third:nth-child(3n+1),
  .grid-uniform .laptop--one-quarter:nth-child(4n+1),
  .grid-uniform .laptop--one-fifth:nth-child(5n+1),
  .grid-uniform .laptop--one-sixth:nth-child(6n+1),
  .grid-uniform .laptop--two-sixths:nth-child(3n+1),
  .grid-uniform .laptop--three-sixths:nth-child(2n+1),
  .grid-uniform .laptop--two-eighths:nth-child(4n+1),
  .grid-uniform .laptop--four-eighths:nth-child(2n+1),
  .grid-uniform .laptop--five-tenths:nth-child(2n+1),
  .grid-uniform .laptop--one-twelfth:nth-child(12n+1),
  .grid-uniform .laptop--two-twelfths:nth-child(6n+1),
  .grid-uniform .laptop--three-twelfths:nth-child(4n+1),
  .grid-uniform .laptop--four-twelfths:nth-child(3n+1),
  .grid-uniform .laptop--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 992px) {
  /** Whole */
  .laptopsmall--one-whole {
    width: 100%;
  }
  /* Halves */
  .laptopsmall--one-half {
    width: 50%;
  }
  /* Thirds */
  .laptopsmall--one-third {
    width: 33.333%;
  }

  .laptopsmall--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .laptopsmall--one-quarter {
    width: 25%;
  }

  .laptopsmall--two-quarters {
    width: 50%;
  }

  .laptopsmall--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .laptopsmall--one-fifth {
    width: 20%;
  }

  .laptopsmall--two-fifths {
    width: 40%;
  }

  .laptopsmall--three-fifths {
    width: 60%;
  }

  .laptopsmall--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .laptopsmall--one-sixth {
    width: 16.666%;
  }

  .laptopsmall--two-sixths {
    width: 33.333%;
  }

  .laptopsmall--three-sixths {
    width: 50%;
  }

  .laptopsmall--four-sixths {
    width: 66.666%;
  }

  .laptopsmall--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .laptopsmall--one-eighth {
    width: 12.5%;
  }

  .laptopsmall--two-eighths {
    width: 25%;
  }

  .laptopsmall--three-eighths {
    width: 37.5%;
  }

  .laptopsmall--four-eighths {
    width: 50%;
  }

  .laptopsmall--five-eighths {
    width: 62.5%;
  }

  .laptopsmall--six-eighths {
    width: 75%;
  }

  .laptopsmall--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .laptopsmall--one-tenth {
    width: 10%;
  }

  .laptopsmall--two-tenths {
    width: 20%;
  }

  .laptopsmall--three-tenths {
    width: 30%;
  }

  .laptopsmall--four-tenths {
    width: 40%;
  }

  .laptopsmall--five-tenths {
    width: 50%;
  }

  .laptopsmall--six-tenths {
    width: 60%;
  }

  .laptopsmall--seven-tenths {
    width: 70%;
  }

  .laptopsmall--eight-tenths {
    width: 80%;
  }

  .laptopsmall--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .laptopsmall--one-twelfth {
    width: 8.333%;
  }

  .laptopsmall--two-twelfths {
    width: 16.666%;
  }

  .laptopsmall--three-twelfths {
    width: 25%;
  }

  .laptopsmall--four-twelfths {
    width: 33.333%;
  }

  .laptopsmall--five-twelfths {
    width: 41.666%;
  }

  .laptopsmall--six-twelfths {
    width: 50%;
  }

  .laptopsmall--seven-twelfths {
    width: 58.333%;
  }

  .laptopsmall--eight-twelfths {
    width: 66.666%;
  }

  .laptopsmall--nine-twelfths {
    width: 75%;
  }

  .laptopsmall--ten-twelfths {
    width: 83.333%;
  }

  .laptopsmall--eleven-twelfths {
    width: 91.666%;
  }

  .laptopsmall--show {
    display: block !important;
  }

  .laptopsmall--hide {
    display: none !important;
  }

  .laptopsmall--text-left {
    text-align: left !important;
  }

  .laptopsmall--text-right {
    text-align: right !important;
  }

  .laptopsmall--text-center {
    text-align: center !important;
  }

  .laptopsmall--left {
    float: left !important;
  }

  .laptopsmall--right {
    float: right !important;
  }

  .grid-uniform .laptopsmall--one-half:nth-child(2n+1),
  .grid-uniform .laptopsmall--one-third:nth-child(3n+1),
  .grid-uniform .laptopsmall--one-quarter:nth-child(4n+1),
  .grid-uniform .laptopsmall--one-fifth:nth-child(5n+1),
  .grid-uniform .laptopsmall--one-sixth:nth-child(6n+1),
  .grid-uniform .laptopsmall--two-sixths:nth-child(3n+1),
  .grid-uniform .laptopsmall--three-sixths:nth-child(2n+1),
  .grid-uniform .laptopsmall--two-eighths:nth-child(4n+1),
  .grid-uniform .laptopsmall--four-eighths:nth-child(2n+1),
  .grid-uniform .laptopsmall--five-tenths:nth-child(2n+1),
  .grid-uniform .laptopsmall--one-twelfth:nth-child(12n+1),
  .grid-uniform .laptopsmall--two-twelfths:nth-child(6n+1),
  .grid-uniform .laptopsmall--three-twelfths:nth-child(4n+1),
  .grid-uniform .laptopsmall--four-twelfths:nth-child(3n+1),
  .grid-uniform .laptopsmall--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 768px) {
  /** Whole */
  .prelaptop--one-whole {
    width: 100%;
  }
  /* Halves */
  .prelaptop--one-half {
    width: 50%;
  }
  /* Thirds */
  .prelaptop--one-third {
    width: 33.333%;
  }

  .prelaptop--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .prelaptop--one-quarter {
    width: 25%;
  }

  .prelaptop--two-quarters {
    width: 50%;
  }

  .prelaptop--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .prelaptop--one-fifth {
    width: 20%;
  }

  .prelaptop--two-fifths {
    width: 40%;
  }

  .prelaptop--three-fifths {
    width: 60%;
  }

  .prelaptop--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .prelaptop--one-sixth {
    width: 16.666%;
  }

  .prelaptop--two-sixths {
    width: 33.333%;
  }

  .prelaptop--three-sixths {
    width: 50%;
  }

  .prelaptop--four-sixths {
    width: 66.666%;
  }

  .prelaptop--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .prelaptop--one-eighth {
    width: 12.5%;
  }

  .prelaptop--two-eighths {
    width: 25%;
  }

  .prelaptop--three-eighths {
    width: 37.5%;
  }

  .prelaptop--four-eighths {
    width: 50%;
  }

  .prelaptop--five-eighths {
    width: 62.5%;
  }

  .prelaptop--six-eighths {
    width: 75%;
  }

  .prelaptop--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .prelaptop--one-tenth {
    width: 10%;
  }

  .prelaptop--two-tenths {
    width: 20%;
  }

  .prelaptop--three-tenths {
    width: 30%;
  }

  .prelaptop--four-tenths {
    width: 40%;
  }

  .prelaptop--five-tenths {
    width: 50%;
  }

  .prelaptop--six-tenths {
    width: 60%;
  }

  .prelaptop--seven-tenths {
    width: 70%;
  }

  .prelaptop--eight-tenths {
    width: 80%;
  }

  .prelaptop--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .prelaptop--one-twelfth {
    width: 8.333%;
  }

  .prelaptop--two-twelfths {
    width: 16.666%;
  }

  .prelaptop--three-twelfths {
    width: 25%;
  }

  .prelaptop--four-twelfths {
    width: 33.333%;
  }

  .prelaptop--five-twelfths {
    width: 41.666%;
  }

  .prelaptop--six-twelfths {
    width: 50%;
  }

  .prelaptop--seven-twelfths {
    width: 58.333%;
  }

  .prelaptop--eight-twelfths {
    width: 66.666%;
  }

  .prelaptop--nine-twelfths {
    width: 75%;
  }

  .prelaptop--ten-twelfths {
    width: 83.333%;
  }

  .prelaptop--eleven-twelfths {
    width: 91.666%;
  }

  .prelaptop--show {
    display: block !important;
  }

  .prelaptop--hide {
    display: none !important;
  }

  .prelaptop--text-left {
    text-align: left !important;
  }

  .prelaptop--text-right {
    text-align: right !important;
  }

  .prelaptop--text-center {
    text-align: center !important;
  }

  .prelaptop--left {
    float: left !important;
  }

  .prelaptop--right {
    float: right !important;
  }

  .grid-uniform .prelaptop--one-half:nth-child(2n+1),
  .grid-uniform .prelaptop--one-third:nth-child(3n+1),
  .grid-uniform .prelaptop--one-quarter:nth-child(4n+1),
  .grid-uniform .prelaptop--one-fifth:nth-child(5n+1),
  .grid-uniform .prelaptop--one-sixth:nth-child(6n+1),
  .grid-uniform .prelaptop--two-sixths:nth-child(3n+1),
  .grid-uniform .prelaptop--three-sixths:nth-child(2n+1),
  .grid-uniform .prelaptop--two-eighths:nth-child(4n+1),
  .grid-uniform .prelaptop--four-eighths:nth-child(2n+1),
  .grid-uniform .prelaptop--five-tenths:nth-child(2n+1),
  .grid-uniform .prelaptop--one-twelfth:nth-child(12n+1),
  .grid-uniform .prelaptop--two-twelfths:nth-child(6n+1),
  .grid-uniform .prelaptop--three-twelfths:nth-child(4n+1),
  .grid-uniform .prelaptop--four-twelfths:nth-child(3n+1),
  .grid-uniform .prelaptop--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 481px) {
  /** Whole */
  .pretablet--one-whole {
    width: 100%;
  }
  /* Halves */
  .pretablet--one-half {
    width: 50%;
  }
  /* Thirds */
  .pretablet--one-third {
    width: 33.333%;
  }

  .pretablet--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .pretablet--one-quarter {
    width: 25%;
  }

  .pretablet--two-quarters {
    width: 50%;
  }

  .pretablet--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .pretablet--one-fifth {
    width: 20%;
  }

  .pretablet--two-fifths {
    width: 40%;
  }

  .pretablet--three-fifths {
    width: 60%;
  }

  .pretablet--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .pretablet--one-sixth {
    width: 16.666%;
  }

  .pretablet--two-sixths {
    width: 33.333%;
  }

  .pretablet--three-sixths {
    width: 50%;
  }

  .pretablet--four-sixths {
    width: 66.666%;
  }

  .pretablet--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .pretablet--one-eighth {
    width: 12.5%;
  }

  .pretablet--two-eighths {
    width: 25%;
  }

  .pretablet--three-eighths {
    width: 37.5%;
  }

  .pretablet--four-eighths {
    width: 50%;
  }

  .pretablet--five-eighths {
    width: 62.5%;
  }

  .pretablet--six-eighths {
    width: 75%;
  }

  .pretablet--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .pretablet--one-tenth {
    width: 10%;
  }

  .pretablet--two-tenths {
    width: 20%;
  }

  .pretablet--three-tenths {
    width: 30%;
  }

  .pretablet--four-tenths {
    width: 40%;
  }

  .pretablet--five-tenths {
    width: 50%;
  }

  .pretablet--six-tenths {
    width: 60%;
  }

  .pretablet--seven-tenths {
    width: 70%;
  }

  .pretablet--eight-tenths {
    width: 80%;
  }

  .pretablet--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .pretablet--one-twelfth {
    width: 8.333%;
  }

  .pretablet--two-twelfths {
    width: 16.666%;
  }

  .pretablet--three-twelfths {
    width: 25%;
  }

  .pretablet--four-twelfths {
    width: 33.333%;
  }

  .pretablet--five-twelfths {
    width: 41.666%;
  }

  .pretablet--six-twelfths {
    width: 50%;
  }

  .pretablet--seven-twelfths {
    width: 58.333%;
  }

  .pretablet--eight-twelfths {
    width: 66.666%;
  }

  .pretablet--nine-twelfths {
    width: 75%;
  }

  .pretablet--ten-twelfths {
    width: 83.333%;
  }

  .pretablet--eleven-twelfths {
    width: 91.666%;
  }

  .pretablet--show {
    display: block !important;
  }

  .pretablet--hide {
    display: none !important;
  }

  .pretablet--text-left {
    text-align: left !important;
  }

  .pretablet--text-right {
    text-align: right !important;
  }

  .pretablet--text-center {
    text-align: center !important;
  }

  .pretablet--left {
    float: left !important;
  }

  .pretablet--right {
    float: right !important;
  }

  .grid-uniform .pretablet--one-half:nth-child(2n+1),
  .grid-uniform .pretablet--one-third:nth-child(3n+1),
  .grid-uniform .pretablet--one-quarter:nth-child(4n+1),
  .grid-uniform .pretablet--one-fifth:nth-child(5n+1),
  .grid-uniform .pretablet--one-sixth:nth-child(6n+1),
  .grid-uniform .pretablet--two-sixths:nth-child(3n+1),
  .grid-uniform .pretablet--three-sixths:nth-child(2n+1),
  .grid-uniform .pretablet--two-eighths:nth-child(4n+1),
  .grid-uniform .pretablet--four-eighths:nth-child(2n+1),
  .grid-uniform .pretablet--five-tenths:nth-child(2n+1),
  .grid-uniform .pretablet--one-twelfth:nth-child(12n+1),
  .grid-uniform .pretablet--two-twelfths:nth-child(6n+1),
  .grid-uniform .pretablet--three-twelfths:nth-child(4n+1),
  .grid-uniform .pretablet--four-twelfths:nth-child(3n+1),
  .grid-uniform .pretablet--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

@media only screen and (max-width: 320px) {
  /** Whole */
  .premobile--one-whole {
    width: 100%;
  }
  /* Halves */
  .premobile--one-half {
    width: 50%;
  }
  /* Thirds */
  .premobile--one-third {
    width: 33.333%;
  }

  .premobile--two-thirds {
    width: 66.666%;
  }
  /* Quarters */
  .premobile--one-quarter {
    width: 25%;
  }

  .premobile--two-quarters {
    width: 50%;
  }

  .premobile--three-quarters {
    width: 75%;
  }
  /* Fifths */
  .premobile--one-fifth {
    width: 20%;
  }

  .premobile--two-fifths {
    width: 40%;
  }

  .premobile--three-fifths {
    width: 60%;
  }

  .premobile--four-fifths {
    width: 80%;
  }
  /* Sixths */
  .premobile--one-sixth {
    width: 16.666%;
  }

  .premobile--two-sixths {
    width: 33.333%;
  }

  .premobile--three-sixths {
    width: 50%;
  }

  .premobile--four-sixths {
    width: 66.666%;
  }

  .premobile--five-sixths {
    width: 83.333%;
  }
  /* Eighths */
  .premobile--one-eighth {
    width: 12.5%;
  }

  .premobile--two-eighths {
    width: 25%;
  }

  .premobile--three-eighths {
    width: 37.5%;
  }

  .premobile--four-eighths {
    width: 50%;
  }

  .premobile--five-eighths {
    width: 62.5%;
  }

  .premobile--six-eighths {
    width: 75%;
  }

  .premobile--seven-eighths {
    width: 87.5%;
  }
  /* Tenths */
  .premobile--one-tenth {
    width: 10%;
  }

  .premobile--two-tenths {
    width: 20%;
  }

  .premobile--three-tenths {
    width: 30%;
  }

  .premobile--four-tenths {
    width: 40%;
  }

  .premobile--five-tenths {
    width: 50%;
  }

  .premobile--six-tenths {
    width: 60%;
  }

  .premobile--seven-tenths {
    width: 70%;
  }

  .premobile--eight-tenths {
    width: 80%;
  }

  .premobile--nine-tenths {
    width: 90%;
  }
  /* Twelfths */
  .premobile--one-twelfth {
    width: 8.333%;
  }

  .premobile--two-twelfths {
    width: 16.666%;
  }

  .premobile--three-twelfths {
    width: 25%;
  }

  .premobile--four-twelfths {
    width: 33.333%;
  }

  .premobile--five-twelfths {
    width: 41.666%;
  }

  .premobile--six-twelfths {
    width: 50%;
  }

  .premobile--seven-twelfths {
    width: 58.333%;
  }

  .premobile--eight-twelfths {
    width: 66.666%;
  }

  .premobile--nine-twelfths {
    width: 75%;
  }

  .premobile--ten-twelfths {
    width: 83.333%;
  }

  .premobile--eleven-twelfths {
    width: 91.666%;
  }

  .premobile--show {
    display: block !important;
  }

  .premobile--hide {
    display: none !important;
  }

  .premobile--text-left {
    text-align: left !important;
  }

  .premobile--text-right {
    text-align: right !important;
  }

  .premobile--text-center {
    text-align: center !important;
  }

  .premobile--left {
    float: left !important;
  }

  .premobile--right {
    float: right !important;
  }

  .grid-uniform .premobile--one-half:nth-child(2n+1),
  .grid-uniform .premobile--one-third:nth-child(3n+1),
  .grid-uniform .premobile--one-quarter:nth-child(4n+1),
  .grid-uniform .premobile--one-fifth:nth-child(5n+1),
  .grid-uniform .premobile--one-sixth:nth-child(6n+1),
  .grid-uniform .premobile--two-sixths:nth-child(3n+1),
  .grid-uniform .premobile--three-sixths:nth-child(2n+1),
  .grid-uniform .premobile--two-eighths:nth-child(4n+1),
  .grid-uniform .premobile--four-eighths:nth-child(2n+1),
  .grid-uniform .premobile--five-tenths:nth-child(2n+1),
  .grid-uniform .premobile--one-twelfth:nth-child(12n+1),
  .grid-uniform .premobile--two-twelfths:nth-child(6n+1),
  .grid-uniform .premobile--three-twelfths:nth-child(4n+1),
  .grid-uniform .premobile--four-twelfths:nth-child(3n+1),
  .grid-uniform .premobile--six-twelfths:nth-child(2n+1) {
    clear: both;
  }
}

/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
[class*="push--"] {
  position: relative;
}

/* Whole */
.push--one-whole {
  left: 100%;
}

/* Halves */
.push--one-half {
  left: 50%;
}

/* Thirds */
.push--one-third {
  left: 33.333%;
}

.push--two-thirds {
  left: 66.666%;
}

/* Quarters */
.push--one-quarter {
  left: 25%;
}

.push--two-quarters {
  left: 50%;
}

.push--three-quarters {
  left: 75%;
}

/* Fifths */
.push--one-fifth {
  left: 20%;
}

.push--two-fifths {
  left: 40%;
}

.push--three-fifths {
  left: 60%;
}

.push--four-fifths {
  left: 80%;
}

/* Sixths */
.push--one-sixth {
  left: 16.666%;
}

.push--two-sixths {
  left: 33.333%;
}

.push--three-sixths {
  left: 50%;
}

.push--four-sixths {
  left: 66.666%;
}

.push--five-sixths {
  left: 83.333%;
}

/* Eighths */
.push--one-eighth {
  left: 12.5%;
}

.push--two-eighths {
  left: 25%;
}

.push--three-eighths {
  left: 37.5%;
}

.push--four-eighths {
  left: 50%;
}

.push--five-eighths {
  left: 62.5%;
}

.push--six-eighths {
  left: 75%;
}

.push--seven-eighths {
  left: 87.5%;
}

/* Tenths */
.push--one-tenth {
  left: 10%;
}

.push--two-tenths {
  left: 20%;
}

.push--three-tenths {
  left: 30%;
}

.push--four-tenths {
  left: 40%;
}

.push--five-tenths {
  left: 50%;
}

.push--six-tenths {
  left: 60%;
}

.push--seven-tenths {
  left: 70%;
}

.push--eight-tenths {
  left: 80%;
}

.push--nine-tenths {
  left: 90%;
}

/* Twelfths */
.push--one-twelfth {
  left: 8.333%;
}

.push--two-twelfths {
  left: 16.666%;
}

.push--three-twelfths {
  left: 25%;
}

.push--four-twelfths {
  left: 33.333%;
}

.push--five-twelfths {
  left: 41.666%;
}

.push--six-twelfths {
  left: 50%;
}

.push--seven-twelfths {
  left: 58.333%;
}

.push--eight-twelfths {
  left: 66.666%;
}

.push--nine-twelfths {
  left: 75%;
}

.push--ten-twelfths {
  left: 83.333%;
}

.push--eleven-twelfths {
  left: 91.666%;
}

@media only screen and (min-width: 481px) and (max-width: 1024px) {
  /* Whole */
  .push--medium--one-whole {
    left: 100%;
  }
  /* Halves */
  .push--medium--one-half {
    left: 50%;
  }
  /* Thirds */
  .push--medium--one-third {
    left: 33.333%;
  }

  .push--medium--two-thirds {
    left: 66.666%;
  }
  /* Quarters */
  .push--medium--one-quarter {
    left: 25%;
  }

  .push--medium--two-quarters {
    left: 50%;
  }

  .push--medium--three-quarters {
    left: 75%;
  }
  /* Fifths */
  .push--medium--one-fifth {
    left: 20%;
  }

  .push--medium--two-fifths {
    left: 40%;
  }

  .push--medium--three-fifths {
    left: 60%;
  }

  .push--medium--four-fifths {
    left: 80%;
  }
  /* Sixths */
  .push--medium--one-sixth {
    left: 16.666%;
  }

  .push--medium--two-sixths {
    left: 33.333%;
  }

  .push--medium--three-sixths {
    left: 50%;
  }

  .push--medium--four-sixths {
    left: 66.666%;
  }

  .push--medium--five-sixths {
    left: 83.333%;
  }
  /* Eighths */
  .push--medium--one-eighth {
    left: 12.5%;
  }

  .push--medium--two-eighths {
    left: 25%;
  }

  .push--medium--three-eighths {
    left: 37.5%;
  }

  .push--medium--four-eighths {
    left: 50%;
  }

  .push--medium--five-eighths {
    left: 62.5%;
  }

  .push--medium--six-eighths {
    left: 75%;
  }

  .push--medium--seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .push--medium--one-tenth {
    left: 10%;
  }

  .push--medium--two-tenths {
    left: 20%;
  }

  .push--medium--three-tenths {
    left: 30%;
  }

  .push--medium--four-tenths {
    left: 40%;
  }

  .push--medium--five-tenths {
    left: 50%;
  }

  .push--medium--six-tenths {
    left: 60%;
  }

  .push--medium--seven-tenths {
    left: 70%;
  }

  .push--medium--eight-tenths {
    left: 80%;
  }

  .push--medium--nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .push--medium--one-twelfth {
    left: 8.333%;
  }

  .push--medium--two-twelfths {
    left: 16.666%;
  }

  .push--medium--three-twelfths {
    left: 25%;
  }

  .push--medium--four-twelfths {
    left: 33.333%;
  }

  .push--medium--five-twelfths {
    left: 41.666%;
  }

  .push--medium--six-twelfths {
    left: 50%;
  }

  .push--medium--seven-twelfths {
    left: 58.333%;
  }

  .push--medium--eight-twelfths {
    left: 66.666%;
  }

  .push--medium--nine-twelfths {
    left: 75%;
  }

  .push--medium--ten-twelfths {
    left: 83.333%;
  }

  .push--medium--eleven-twelfths {
    left: 91.666%;
  }
}

@media only screen and (max-width: 1024px) {
  /* Whole */
  .push--medium-down--one-whole {
    left: 100%;
  }
  /* Halves */
  .push--medium-down--one-half {
    left: 50%;
  }
  /* Thirds */
  .push--medium-down--one-third {
    left: 33.333%;
  }

  .push--medium-down--two-thirds {
    left: 66.666%;
  }
  /* Quarters */
  .push--medium-down--one-quarter {
    left: 25%;
  }

  .push--medium-down--two-quarters {
    left: 50%;
  }

  .push--medium-down--three-quarters {
    left: 75%;
  }
  /* Fifths */
  .push--medium-down--one-fifth {
    left: 20%;
  }

  .push--medium-down--two-fifths {
    left: 40%;
  }

  .push--medium-down--three-fifths {
    left: 60%;
  }

  .push--medium-down--four-fifths {
    left: 80%;
  }
  /* Sixths */
  .push--medium-down--one-sixth {
    left: 16.666%;
  }

  .push--medium-down--two-sixths {
    left: 33.333%;
  }

  .push--medium-down--three-sixths {
    left: 50%;
  }

  .push--medium-down--four-sixths {
    left: 66.666%;
  }

  .push--medium-down--five-sixths {
    left: 83.333%;
  }
  /* Eighths */
  .push--medium-down--one-eighth {
    left: 12.5%;
  }

  .push--medium-down--two-eighths {
    left: 25%;
  }

  .push--medium-down--three-eighths {
    left: 37.5%;
  }

  .push--medium-down--four-eighths {
    left: 50%;
  }

  .push--medium-down--five-eighths {
    left: 62.5%;
  }

  .push--medium-down--six-eighths {
    left: 75%;
  }

  .push--medium-down--seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .push--medium-down--one-tenth {
    left: 10%;
  }

  .push--medium-down--two-tenths {
    left: 20%;
  }

  .push--medium-down--three-tenths {
    left: 30%;
  }

  .push--medium-down--four-tenths {
    left: 40%;
  }

  .push--medium-down--five-tenths {
    left: 50%;
  }

  .push--medium-down--six-tenths {
    left: 60%;
  }

  .push--medium-down--seven-tenths {
    left: 70%;
  }

  .push--medium-down--eight-tenths {
    left: 80%;
  }

  .push--medium-down--nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .push--medium-down--one-twelfth {
    left: 8.333%;
  }

  .push--medium-down--two-twelfths {
    left: 16.666%;
  }

  .push--medium-down--three-twelfths {
    left: 25%;
  }

  .push--medium-down--four-twelfths {
    left: 33.333%;
  }

  .push--medium-down--five-twelfths {
    left: 41.666%;
  }

  .push--medium-down--six-twelfths {
    left: 50%;
  }

  .push--medium-down--seven-twelfths {
    left: 58.333%;
  }

  .push--medium-down--eight-twelfths {
    left: 66.666%;
  }

  .push--medium-down--nine-twelfths {
    left: 75%;
  }

  .push--medium-down--ten-twelfths {
    left: 83.333%;
  }

  .push--medium-down--eleven-twelfths {
    left: 91.666%;
  }
}

@media only screen and (min-width: 1025px) {
  /* Whole */
  .push--large--one-whole {
    left: 100%;
  }
  /* Halves */
  .push--large--one-half {
    left: 50%;
  }
  /* Thirds */
  .push--large--one-third {
    left: 33.333%;
  }

  .push--large--two-thirds {
    left: 66.666%;
  }
  /* Quarters */
  .push--large--one-quarter {
    left: 25%;
  }

  .push--large--two-quarters {
    left: 50%;
  }

  .push--large--three-quarters {
    left: 75%;
  }
  /* Fifths */
  .push--large--one-fifth {
    left: 20%;
  }

  .push--large--two-fifths {
    left: 40%;
  }

  .push--large--three-fifths {
    left: 60%;
  }

  .push--large--four-fifths {
    left: 80%;
  }
  /* Sixths */
  .push--large--one-sixth {
    left: 16.666%;
  }

  .push--large--two-sixths {
    left: 33.333%;
  }

  .push--large--three-sixths {
    left: 50%;
  }

  .push--large--four-sixths {
    left: 66.666%;
  }

  .push--large--five-sixths {
    left: 83.333%;
  }
  /* Eighths */
  .push--large--one-eighth {
    left: 12.5%;
  }

  .push--large--two-eighths {
    left: 25%;
  }

  .push--large--three-eighths {
    left: 37.5%;
  }

  .push--large--four-eighths {
    left: 50%;
  }

  .push--large--five-eighths {
    left: 62.5%;
  }

  .push--large--six-eighths {
    left: 75%;
  }

  .push--large--seven-eighths {
    left: 87.5%;
  }
  /* Tenths */
  .push--large--one-tenth {
    left: 10%;
  }

  .push--large--two-tenths {
    left: 20%;
  }

  .push--large--three-tenths {
    left: 30%;
  }

  .push--large--four-tenths {
    left: 40%;
  }

  .push--large--five-tenths {
    left: 50%;
  }

  .push--large--six-tenths {
    left: 60%;
  }

  .push--large--seven-tenths {
    left: 70%;
  }

  .push--large--eight-tenths {
    left: 80%;
  }

  .push--large--nine-tenths {
    left: 90%;
  }
  /* Twelfths */
  .push--large--one-twelfth {
    left: 8.333%;
  }

  .push--large--two-twelfths {
    left: 16.666%;
  }

  .push--large--three-twelfths {
    left: 25%;
  }

  .push--large--four-twelfths {
    left: 33.333%;
  }

  .push--large--five-twelfths {
    left: 41.666%;
  }

  .push--large--six-twelfths {
    left: 50%;
  }

  .push--large--seven-twelfths {
    left: 58.333%;
  }

  .push--large--eight-twelfths {
    left: 66.666%;
  }

  .push--large--nine-twelfths {
    left: 75%;
  }

  .push--large--ten-twelfths {
    left: 83.333%;
  }

  .push--large--eleven-twelfths {
    left: 91.666%;
  }
}

/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
/*============================================================================
  # container
==============================================================================*/
@media (min-width: 1650px) {
  .container {
    width: 1630px;
  }
}

@media (min-width: 1550px) and (max-width: 1649px) {
  .container {
    width: 1510px;
  }
}

@media (min-width: 1350px) and (max-width: 1549px) {
  .container {
    width: 1300px;
  }
}

/*============================================================================
  #Styles
==============================================================================*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #232323;
  font-weight: 400;
}

.site-nav {
  text-transform: uppercase;
}

.nav-secondary {
  text-transform: uppercase;
}

.article-pagination,
.product-pagination {
  text-transform: uppercase;
}

.tag {
  text-transform: uppercase;
}

.blog__name,
.collection-title {
  text-transform: uppercase;
}

.blog-post-single .meta,
.blog-post .meta {
  text-transform: uppercase;
}

.placeholder-svg, .icon--placeholder {
  display: block;
  fill: rgba(136, 136, 136, 0.35);
  background-color: rgba(136, 136, 136, 0.05);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(136, 136, 136, 0.15);
}

.collection-grid .placeholder-svg {
  max-height: 515px;
  max-width: 515px;
  margin: 0 auto;
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

.input-group.password__input-group {
  border: none;
  border-collapse: separate;
  display: table;
  position: relative;
  float: none;
  margin: 0 auto;
  width: 500px;
}

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.placeholder-background .icon {
  border: 0;
}

.image-bar__content .placeholder-image {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 1025px) {
  .flexslider .placeholder-svg {
    height: 402px;
  }
}

.grid-link__image-centered .placeholder-svg {
  height: initial;
  max-height: initial;
}

/*================ Module-specific styles ================*/
.feature-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}

@media screen and (max-width: 1024px) {
  .feature-row {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.feature-row__item {
  -webkit-flex: 0 1 50%;
  -moz-flex: 0 1 50%;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
}

@media screen and (max-width: 1024px) {
  .feature-row__item {
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .feature-row__image {
    order: 1;
  }
}

.feature-row__text {
  padding-top: 35px;
  padding-bottom: 35px;
}

@media screen and (max-width: 1024px) {
  .feature-row__text {
    order: 2;
    padding-bottom: 0;
  }
}

@media screen and (min-width: 1025px) {
  .feature-row__text--left {
    padding-left: 35px;
  }

  .feature-row__text--right {
    padding-right: 35px;
  }
}

@media screen and (min-width: 1025px) {
  .featured-row__subtext {
    font-size: 1.14286em;
  }
}

.page-content__item:not(:first-child) {
  margin-top: 30px;
}

/*============================================================================
  #Basic Styles
==============================================================================*/
/*===================================*/
.both_sidebar #content {
  min-height: 600px;
}

#column-left, #column-right {
  width: 17%;
}

#content {
  width: 66%;
}

.product-single.design_2 > .row > .product-single-wrap > div {
  height: 100% !important;
}

.product-single .product-img.full_gallery_slider {
  border: 1px solid #f0f0f0;
}

@media (max-width: 1650px) {
  .both_sidebar #column-left,
  .both_sidebar #column-right {
    width: 22%;
  }

  .both_sidebar #content {
    width: 56%;
  }
}

@media (max-width: 991px) {
  .both_sidebar .container #column-left, .both_sidebar .container #column-right, .both_sidebar .container #content {
    float: left;
    width: 100%;
  }

  .sidebar {
    margin-top: 20px;
  }

  #content {
    width: 100%;
  }
}

/*==================================*/
html, body {
  background-color: #ffffff;
  padding: 0 !important;
  margin: 0;
  color: #888888;
}

body .page-wrapper {
  padding: 0;
}

@media screen and (max-width: 1200px) {
  body .page-wrapper {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  body .page-wrapper {
    padding: 0;
  }
}

.main-content {
  display: block;
  margin-top: 30px;
}

.page-wrapper .main-content {
  margin: 0;
}

.wrapper {
  margin: 0 auto;
  padding: 0 15px;
  *zoom: 1;
}

.wrapper:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 480px) {
  .wrapper {
    padding: 0 15px;
  }
}

@media screen and (min-width: 1025px) {
  .wrapper {
    padding: 0 15px;
  }

  .site-header .wrapper {
    padding: 0;
  }
}

@media screen and (max-width: 480px) {
  .medium-down--one-half {
    width: 100%;
  }
}

/*============================================================================
  #Helper Classes
==============================================================================*/
.table-contain {
  display: table;
  height: 100%;
  width: 100%;
}

.table-contain__inner {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

/*============================================================================
  #Typography
==============================================================================*/
body,
input,
textarea,
button,
select {
  border-radius: 0;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

input,
textarea,
button,
select {
  font-family: "Open Sans";
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "Roboto";
  line-height: 1.6;
  margin: 0 0 0.5em;
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {
  font-weight: inherit;
}

/*================ Use em() Sass function to declare font-size ================*/
h1, .h1 {
  font-size: 2.28571em;
}

h2, .h2 {
  font-size: 2em;
}

h3, .h3 {
  font-size: 1.57143em;
}

h4, .h4 {
  font-size: 1.42857em;
}

h5, .h5 {
  font-size: 1.28571em;
}

h6, .h6 {
  font-size: 1em;
}

p {
  margin: 0 0 15px 0;
}

p img {
  margin: 0;
}

em {
  font-style: italic;
}

b, strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

sup, sub {
  position: relative;
  font-size: 60%;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.5em;
}

/*================ Blockquotes ================*/
blockquote {
  font-size: 1.28571em;
  line-height: 1.71429em;
  font-style: italic;
  margin: 0 0 30px;
  padding: 15px 0;
}

blockquote p {
  margin-bottom: 0;
}

blockquote p + cite {
  margin-top: 15px;
}

blockquote cite {
  display: block;
  font-size: 0.75em;
}

blockquote cite:before {
  content: "\2014 \0020";
}

@media screen and (min-width: 1025px) {
  blockquote {
    font-size: 1.71429em;
    line-height: 2.14286em;
    margin-left: -20%;
    width: 140%;
    text-align: center;
  }
}

/*================ Code ================*/
code, pre {
  background-color: #faf7f5;
  font-family: Consolas,monospace;
  font-size: 1em;
  border: 0 none;
  padding: 0 2px;
  color: #51ab62;
}

pre {
  overflow: auto;
  padding: 15px;
  margin: 0 0 30px;
}

/*================ Horizontal Rules ================*/
hr {
  clear: both;
  border-top: solid #f0f0f0;
  border-width: 1px 0 0;
  margin: 30px 0;
  height: 0;
}

hr.hr--small {
  border-width: 1px 0 0;
  margin: 15px auto;
  width: 50px;
}

hr.hr--clear {
  margin-top: 0;
  border: 0;
}

@media screen and (min-width: 1025px) {
  hr {
    margin: 15px 0;
  }
}

/*============================================================================
  product tab css
==============================================================================*/
.widget_filter {
  float: left;
}

.item-row.grid-item {
  padding-left: 0;
}

.grid__item.testimonials_wrap {
  background: none;
}

.TTProduct-Tab .customNavigation a.prev::before, .brand-carousel .owl-carousel .customNavigation a.prev::before,
.customNavigation a.prev::before, .owl-nav div.owl-prev:before {
  content: "\f141";
}

.customNavigation a.prev, .owl-carousel .owl-nav div.owl-prev {
  border-right: 1px solid #bfbfbf;
}

.owl-nav div.owl-prev:before, .owl-nav div.owl-next:before, .TTProduct-Tab .customNavigation a.prev::before,
.TTProduct-Tab .customNavigation a.next::before, .customNavigation a.next::before, .customNavigation a.prev::before,
.brand-carousel .customNavigation a.prev::before, .brand-carousel .customNavigation a.next::before {
  color: #888888;
  float: left;
  font-family: "Material Design Icons";
  font-size: 32px;
  line-height: 32px;
  height: 100%;
  padding: 0;
  text-align: center;
  width: 100%;
}

.TTProduct-Tab .customNavigation a.next::before, .brand-carousel .owl-carousel .customNavigation a.next::before,
.customNavigation a.next::before, .owl-nav div.owl-next:before {
  content: "\f142";
}

.TTProduct-Tab .customNavigation a.next, .TTProduct-Tab .customNavigation a.prev, .owl-carousel .owl-nav div.owl-prev,
.customNavigation a.next, .customNavigation a.prev, .TTProduct-Tab .customNavigation a.next, .owl-carousel .owl-nav div.owl-next {
  float: left;
  font-size: 0;
  height: 32px;
  line-height: 32px;
  width: 32px;
  vertical-align: top;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}

.owl-nav div.owl-prev:hover:before, .owl-nav div.owl-next:hover:before, .TTProduct-Tab .customNavigation a.prev:hover:before,
.TTProduct-Tab .customNavigation a.next:hover:before, .customNavigation a.next:hover:before, .customNavigation a.prev:hover:before,
.brand-carousel .customNavigation a.prev:hover:before, .brand-carousel .customNavigation a.next:hover:before,
.TTProduct-Tab .customNavigation a.next:hover:before, .TTProduct-Tab .customNavigation a.prev:hover:before, .owl-carousel .owl-nav div.owl-prev:hover:before,
.customNavigation a.next, .customNavigation a.prev:hover:before, .TTProduct-Tab .customNavigation a.next:hover:before, .owl-carousel .owl-nav div.owl-next:hover:before {
  color: #000000;
}

.customNavigation {
  margin: 0;
  position: absolute;
  text-align: center;
  direction: ltr !important;
  right: 0;
  top: -38px;
  z-index: 1;
}

@media screen and (max-width: 480px) {
  .TTProduct-Tab-container .customNavigation {
    left: 0;
  }
}

.shopify-section .section-header > h2, .shopify-section .section-header > .h2, .shopify-section .section-header > .h2, .section-header h2.tt-title, .section-header .tt-title.h2, #recently-viewed-products-wrap h2.tt-title, #recently-viewed-products-wrap .tt-title.h2 {
  margin: 9px 0;
  background: none;
  color: #333333;
  font: 400 18px/24px "Roboto", Helvetica, sans-serif;
  letter-spacing: 0.4px;
  text-transform: capitalize;
  position: relative;
  text-align: left;
}

div#shopify-section-sidebar-color input {
  display: none;
}

.customNavigation .navigation_wrap {
  float: none;
  text-align: center;
  display: inline-block !important;
  width: auto;
}

.woo_product .customNavigation a, .customNavigation a, .owl-carousel .owl-buttons div {
  background-image: none !important;
}

.customNavigation a.prev, .owl-carousel .owl-buttons div.owl-prev {
  margin: 0;
  padding: 0;
}

.woo_product .customNavigation a.next, .customNavigation a.next, .owl-carousel .owl-buttons div.owl-next {
  padding: 0;
}

div#brands_list_slider {
  position: relative;
  float: left;
}

.brand_slider .owl-next, .owl-next {
  right: 0;
  position: absolute;
  top: 50%;
}

.owl-prev {
  left: 0;
}

.owl-next {
  right: 0;
}

.customNavigation a.prev, .customNavigation a.next {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  float: left;
  font-size: 0;
}

.testimonials_wrap .owl-next:after, .testimonials_wrap .owl-prev:after {
  display: block;
}

.product-single__photos {
  cursor: crosshair;
}

@media screen and (max-width: 991px) {
  .item-row {
    width: 33.333%;
  }
}

@media screen and (max-width: 767px) {
  .item-row {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .item-row, .TTProduct-Tab .nav-tabs > li {
    width: 100%;
  }

  .TTProduct-Tab .nav-tabs > li {
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 1199px) {
  .product-tab-type-1 .container {
    max-width: 1620px;
  }
}

/***/
.page-wrapper .main-content {
  background-color: #ffffff;
}

@media screen and (max-width: 991px) {
  .page-wrapper .main-content {
    margin: 0;
    float: left;
    width: 100%;
    display: inline-block;
    overflow: hidden;
  }
}

/**/
@media screen and (min-width: 1025px) {
  .section-header {
    display: table;
    width: 100%;
  }

  .section-header__title {
    margin-bottom: 12px;
  }
}

/*============================================================================
  #Rich Text Editor
==============================================================================*/
.rte {
  margin-bottom: 15px;
  line-height: 1.7;
  color: #888888;
}

.rte h1, .rte .h1, .rte h2, .rte .h2, .rte h3, .rte .h3, .rte h4, .rte .h4, .rte h5, .rte .h5, .rte h6, .rte .h6 {
  margin-top: 1em;
  color: #232323;
}

.rte h1:first-child, .rte .h1:first-child, .rte h2:first-child, .rte .h2:first-child, .rte h3:first-child, .rte .h3:first-child, .rte h4:first-child, .rte .h4:first-child, .rte h5:first-child, .rte .h5:first-child, .rte h6:first-child, .rte .h6:first-child {
  margin-top: 0;
}

.rte h3, .rte .h3 {
  font-size: 1.28571em;
}

.rte > div {
  margin-bottom: 15px;
}

.rte ul, .rte ol {
  margin-left: 35px;
}

.rte.text-center ul, .rte.text-center ol, .text-center .rte ul, .text-center .rte ol {
  margin-left: 0;
  list-style-position: inside;
}

.rte ul ul {
  list-style-type: circle;
}

.rte li {
  margin-bottom: 0.4em;
}

.rte img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 1025px) {
  .rte .banner-img {
    width: 120%;
    max-width: 120%;
    margin-left: -10%;
    margin-right: -10%;
  }

  .rte img:not([style]) {
    display: block;
    margin: 0 auto;
  }
}

.rte table {
  table-layout: fixed;
}

.rte-header {
  margin-bottom: 0;
}

/*============================================================================
  #Links and Buttons
==============================================================================*/
a {
  color: #666666;
  background: transparent;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #000000;
  outline: none !important;
}

button {
  overflow: visible;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

.btn, .btn--secondary,
input.btn--secondary, input[type="submit"] {
  background-color: #1e54aa;
  color: #ffffff;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  font-family: "Open Sans";
  line-height: 1.42;
  margin: 0;
  padding: 10px 20px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-transform: capitalize;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.btn:hover, .btn--secondary:hover, input[type="submit"]:hover {
  background-color: #2669d5;
  color: #ffffff;
}

.btn:active, .btn--secondary:active, input[type="submit"]:active, .btn:focus, .btn--secondary:focus, input[type="submit"]:focus {
  background-color: #2669d5;
  color: #ffffff;
}

.btn[disabled], [disabled].btn--secondary, input[disabled][type="submit"], .btn.disabled, .disabled.btn--secondary, input.disabled[type="submit"] {
  cursor: default;
  color: #717171;
  background-color: #f6f6f6;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}

.TTProduct-Tab .owl-nav {
  display: none;
}

.TTProduct-Tab-container .TTProduct-Tab {
  float: left;
  text-align: center;
  width: 100%;
}

.TTProduct-Tab-container .TTProduct-Tab .tab-container {
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
}

.TTProduct-Tab-container .nav.nav-tabs {
  border: medium none;
  display: inline-block;
  float: left;
  vertical-align: top;
  padding: 0;
  width: 100%;
}

.btn--secondary:hover,
input.btn--secondary:hover {
  background-color: #333333;
  color: #ffffff;
}

.btn--secondary:active, .btn--secondary:focus,
input.btn--secondary:active,
input.btn--secondary:focus {
  background-color: #333333;
  color: #ffffff;
}

.btn--small {
  padding: 4px 5px;
  font-size: 0.85714em;
}

.btn--large {
  padding: 12px 15px;
  font-size: 1.14286em;
}

.btn--full {
  width: 100%;
  white-space: normal;
}

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

/*============================================================================
  #Lists
==============================================================================*/
ul, ol {
  margin: 0 0 30px;
  padding: 0;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

ul ul, ul ol,
ol ol, ol ul {
  margin: 4px 0 5px 20px;
}

li {
  margin-bottom: 0.25em;
}

ol, ul.square, .rte ul ul ul, ul.disc, .rte ul {
  margin-left: 20px;
}

ul.square, .rte ul ul ul {
  list-style: square outside;
}

ul.disc, .rte ul {
  list-style: disc outside;
}

ol.alpha {
  list-style: lower-alpha outside;
}

.inline-list li {
  display: inline-block;
  margin-bottom: 0;
}

/*============================================================================
  #Tables
==============================================================================*/
table {
  border: 1px solid #f0f0f0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table p {
  margin-bottom: 0;
}

table.full {
  width: 100%;
  margin-bottom: 1em;
}

th {
  font-weight: bold;
}

th, td {
  text-align: left;
  padding: 15px;
  border: 1px solid #f0f0f0;
}

/*============================================================================
  #Images and Iframes
==============================================================================*/
svg:not(:root) {
  overflow: hidden;
}

img.auto,
.grid-item img,
.grid-item iframe {
  max-width: 100%;
}

.video-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  height: auto;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.site-nav li .grid-item {
  float: none;
  padding: 0;
}

/*============================================================================
  #Forms
==============================================================================*/
::-webkit-input-placeholder {
  color: #888888;
  opacity: 0.6;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #888888;
  opacity: 0.6;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #888888;
  opacity: 0.6;
}

:-ms-input-placeholder {
  color: #888888;
  opacity: 0.6;
}

::-ms-input-placeholder {
  /* Edge 12+ */
  color: #888888;
  opacity: 1;
}

form {
  margin: 0 0 15px;
}

select {
  font-size: 0.85714em;
}

button,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="file"],
input[type="number"],
input[type="tel"],
input[type="submit"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 5px;
}

input[type="text"]:active, input[type="text"]:focus {
  background: #fcfcfc;
}

input,
textarea,
select,
fieldset {
  max-width: 100%;
}

input.input-full,
  textarea.input-full,
  select.input-full,
  fieldset.input-full {
  width: 100%;
}

input,
select,
textarea {
  padding: 15px 13.5px;
  line-height: 1.42;
}

input {
  padding: 12px 10px;
}

fieldset {
  border: 1px solid #f0f0f0;
  padding: 15px;
}

legend {
  border: 0;
  padding: 0;
}

optgroup {
  font-weight: bold;
}

input {
  display: inline-block;
  width: auto;
}

button,
input[type="submit"] {
  cursor: pointer;
}

/*================ 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 {
  background-color: #ffffff;
  color: #888888;
  border: 1px solid #f0f0f0;
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 0 1em;
}

.input-group input[type="text"], .input-group
  input[type="search"], .input-group
  input[type="password"], .input-group
  input[type="email"], .input-group
  input[type="file"], .input-group
  input[type="number"], .input-group
  input[type="tel"], .input-group
  textarea, .input-group
  select {
  border: 0;
  border-right: 1px solid #f0f0f0;
}

input[type="text"]:focus, input[type="text"]:active,
  input[type="search"]:focus,
  input[type="search"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  input[type="file"]:focus,
  input[type="file"]:active,
  input[type="number"]:focus,
  input[type="number"]:active,
  input[type="tel"]:focus,
  input[type="tel"]:active,
  textarea:focus,
  textarea:active,
  select:focus,
  select:active {
  border: inherit solid #d6d6d6;
  background: #fcfcfc;
}

input[type="text"][disabled], input[type="text"].disabled,
  input[type="search"][disabled],
  input[type="search"].disabled,
  input[type="password"][disabled],
  input[type="password"].disabled,
  input[type="email"][disabled],
  input[type="email"].disabled,
  input[type="file"][disabled],
  input[type="file"].disabled,
  input[type="number"][disabled],
  input[type="number"].disabled,
  input[type="tel"][disabled],
  input[type="tel"].disabled,
  textarea[disabled],
  textarea.disabled,
  select[disabled],
  select.disabled {
  cursor: default;
  background-color: #f6f6f6;
  border-color: #717171;
}

textarea {
  min-height: 100px;
}

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("./images/ico-select.svg?10708498227930971215");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 6px;
  background-color: #ffffff;
  padding-right: 28px;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer;
  /*================ Hide the svg arrow in IE9 and below ================*/;
}

.ie9 select,
  .lt-ie9 select {
  background-image: none;
  padding-right: 10px;
}

select::-ms-expand {
  display: none;
}

/*================ Form labels ================*/
label,
legend {
  color: #888888;
  display: inline-block;
  margin-bottom: 2px;
  font-family: "Open Sans";
  font-size: 0.85714em;
  font-weight: bold;
}

label.inline,
  legend.inline {
  display: inline;
}

/*================ Accessible labels ====================*/
.visuallyhidden {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

/*================ Off-screen labels with placeholder ================*/
.form-label--hidden {
  display: inline;
}

.ie9 .form-label--hidden .visuallyhidden,
  .lt-ie9 .form-label--hidden .visuallyhidden {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*================ We don't want the same label treatment for checkboxes/radios ================*/
input[type="checkbox"] + label,
input[type="radio"] + label {
  font-weight: normal; }

label[for] {
  cursor: pointer; }

.label-hint {
  color: #999; }

/*================ Horizontal Form ================*/
form.form-horizontal,
.form-horizontal {
  margin-bottom: 0; }
  form.form-horizontal input[type="text"],
  form.form-horizontal input[type="search"],
  form.form-horizontal input[type="password"],
  form.form-horizontal input[type="email"],
  form.form-horizontal input[type="file"],
  form.form-horizontal input[type="number"],
  form.form-horizontal input[type="tel"],
  form.form-horizontal textarea,
  form.form-horizontal select,
  form.form-horizontal label,
  .form-horizontal input[type="text"],
  .form-horizontal input[type="search"],
  .form-horizontal input[type="password"],
  .form-horizontal input[type="email"],
  .form-horizontal input[type="file"],
  .form-horizontal input[type="number"],
  .form-horizontal input[type="tel"],
  .form-horizontal textarea,
  .form-horizontal select,
  .form-horizontal label {
    display: inline-block;
    margin-bottom: 0;
    width: auto; }

/*================ Error styles ================*/
input[type="text"].error,
input[type="search"].error,
input[type="password"].error,
input[type="email"].error,
input[type="file"].error,
input[type="number"].error,
input[type="tel"].error,
textarea.error {
  border-color: #dc0000;
  background-color: #fff6f6;
  color: #dc0000; }

label.error {
  color: #dc0000; }

/*================ Input Group ================*/
.input-group {
  border: 1px solid #f0f0f0; }
  .input-group 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 .btn--secondary, .input-group input[type="submit"],
.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; }
  .input-group-btn .btn, .input-group-btn .btn--secondary, .input-group-btn input[type="submit"] {
    background-color: transparent; }
    .input-group-btn .btn .icon, .input-group-btn .btn--secondary .icon, .input-group-btn input[type="submit"] .icon {
      color: #888888;
      position: relative;
      font-size: 18px;
      line-height: 18px; }

/*============================================================================
  #Icons
==============================================================================*/
.icon-fallback-text .icon {
  display: none; }
  .supports-fontface .icon-fallback-text .icon {
    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: "icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*================ Icon mapping ================*/
.icon-apple_pay:before {
  content: "\e904"; }

.icon-amazon_payments:before {
  content: "\e905"; }

.icon-american_express:before {
  content: "\41"; }

.icon-bitcoin:before {
  content: "\42"; }

.icon-cart:before {
  content: "\e600"; }

.icon-chevron-down:before {
  content: "\e606"; }

.icon-chevron-left:before {
  content: "\e605"; }

.icon-chevron-right:before {
  content: "\e602"; }

.icon-chevron-up:before {
  content: "\e608"; }

.icon-cirrus:before {
  content: "\43"; }

.icon-comment:before {
  content: "\e60b"; }

.icon-cross:before {
  content: "\e60d"; }

.icon-dankort:before {
  content: "\64"; }

.icon-diners_club:before {
  content: "\63"; }

.icon-discover:before {
  content: "\44"; }

.icon-dogecoin:before {
  content: "\e908"; }

.icon-dwolla:before {
  content: "\e900"; }

.icon-facebook:before {
  content: "\66"; }

.icon-fancy:before {
  content: "\46"; }

.icon-forbrugsforeningen:before {
  content: "\e901"; }

.icon-google_plus:before {
  content: "\e902"; }

.icon-hamburger:before {
  content: "\e601"; }

.icon-instagram:before {
  content: "\e903"; }

.icon-interac:before {
  content: "\49"; }

.icon-jcb:before {
  content: "\4a"; }

.icon-litecoin:before {
  content: "\e907"; }

.icon-maestro:before {
  content: "\6d"; }

.icon-master:before {
  content: "\4d"; }

.icon-minus:before {
  content: "\e609"; }

.icon-paypal:before {
  content: "\50"; }

.icon-pinterest:before {
  content: "\70"; }

.icon-plus:before {
  content: "\e60a"; }

.icon-rss:before {
  content: "\72"; }

.icon-search:before {
  content: "\e60f"; }

.icon-snapchat:before {
  content: "\e909"; }

.icon-stripe:before {
  content: "\53"; }

.icon-tag:before {
  content: "\e60c"; }

.icon-tumblr:before {
  content: "\74"; }

.icon-twitter:before {
  content: "\54"; }

.icon-vimeo:before {
  content: "\76"; }

.icon-visa:before {
  content: "\56"; }

.icon-youtube:before {
  content: "\79"; }

.payment-icons {
  cursor: default;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .payment-icons li {
    margin: 0 0 0 7.5px;
    cursor: default; }
  .payment-icons li:first-child {
    margin: 0; }
  .payment-icons .icon {
    font-size: 25px;
    line-height: 25px; }
  .payment-icons .fallback-text {
    text-transform: capitalize; }

.social-icons li a {
  color: #878787;
  display: inline-block;
  height: 30px;
  line-height: 31px;
  padding: 2px;
  width: 30px; }

.footer-bottom .social-icons li {
  margin: 0 0 0 5px;
  vertical-align: middle; }
  .footer-bottom .social-icons li:first-child {
    margin: 0; }
  .footer-bottom .social-icons li .icon {
    font-size: 18px;
    line-height: 20px; }
  .footer-bottom .social-icons li a {
    color: #ffffff;
    background: #3268bd; }
    .footer-bottom .social-icons li a:hover {
      color: #3268bd;
      background: #ffffff; }

@media screen and (max-width: 480px) {
  .payment-icons .icon {
    font-size: 20px;
    line-height: 20px; } }

.site-footer .footer-bottom .social-icons li a span.icon {
  color: #ffffff; }

.site-footer .footer-bottom .social-icons li a:hover span.icon {
  color: #3268bd; }

.follow-us-outer.text-center {
  padding: 0 0 12px;
  float: left;
  width: 100%; }

.footer-bottom .follow-us-outer.text-center {
  padding: 5px 0 5px; }

/* parallax */
.ttcmsparallax {
  float: left;
  width: 100%; }

.ttcmsparallax .parallex {
  background-position: 50% 0;
  background-repeat: repeat;
  float: left;
  height: 800px;
  margin: 0;
  position: relative;
  width: 100%; }

/*============================================================================
  #Pagination
==============================================================================*/
.pagination {
  margin-bottom: 1em; }

.pagination-custom > li {
  display: inline-flex;
  width: 32px;
  height: 32px;
  border: 1px solid #ccc;
  text-align: center;
  float: none;
  margin-right: 3px;
  line-height: 32px;
  border-radius: 5px; }

.pagination-custom > li.active, .pagination-custom > li:hover {
  background: #f12a43 none repeat scroll 0 0;
  border: 1px solid #f12a43; }

.pagination-wrap {
  float: left;
  width: 100%;
  margin: 20px 0; }

.pagination-custom {
  margin: 0;
  font-family: "Open Sans";
  padding-left: 0;
  padding: 5px 0;
  float: right; }
  @media screen and (max-width: 991px) {
    .pagination-custom {
      float: none; } }

.pagination-custom li > i.fa {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  line-height: 30px; }

.pagination-custom > li > a,
.pagination-custom > li > span,
.pagination-custom > li.disabled i {
  float: left;
  line-height: 23px;
  padding: 5px 5px;
  position: relative;
  width: 100%; }

.pagination-custom > li i.mdi-chevron-left {
  width: 100%;
  font-size: 17px;
  line-height: 20px;
  padding: 5px 5px; }

.pagination-custom > li i.mdi.mdi-chevron-right {
  font-size: 17px;
  line-height: 17px; }

.pagination-custom > li:first-child > a,
.pagination-custom > li:first-child > span {
  margin-left: 0; }

.pagination-custom li:hover, .pagination-custom li a:hover,
.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 {
  color: #fff;
  cursor: default;
  z-index: 2; }

.pagination-custom li:hover, .pagination-custom li a:hover {
  cursor: pointer; }

.pagination-custom li.disabled:hover {
  background: none !important;
  border-color: #ccc;
  color: #777;
  cursor: unset; }

.pagination-custom > .disabled > span,
.pagination-custom > .disabled > a,
.pagination-custom > .disabled > a:hover,
.pagination-custom > .disabled > a:focus {
  color: #888888;
  cursor: not-allowed; }

.pagination-custom-lg > li > a,
.pagination-custom-lg > li > span {
  font-size: 1.28571em;
  padding: 10px 16px; }

.pagination-custom-sm > li > a,
.pagination-custom-sm > li > span {
  padding: 5px 10px;
  font-family: "Open Sans";
  font-size: 0.85714em; }

@media screen and (max-width: 480px) {
  .pagination-custom > li > a, .pagination-custom > li > span {
    line-height: 22px; } }

/*============================================================================
  #Site Header
==============================================================================*/
/* top */
#top {
  float: left;
  width: 100%;
  min-height: 40px;
  background: #356dc5; }

header {
  float: left;
  width: 100%;
  position: relative; }

header.site-header {
  min-height: 130px; }

header.site-header.header_3 {
  min-height: 90px; }

.full-header-wrap.sticky_header.fixed {
  background: #1e54aa;
  transition: all 400ms ease 0s;
  -webkit-transition: all 400ms ease 0s;
  -moz-transition: all 400ms ease 0s;
  -ms-transition: all 400ms ease 0s;
  -o-transition: all 400ms ease 0s;
  animation: fixedmenu 1s ease 0s normal both 1 running;
  -webkit-animation: fixedmenu 1s ease 0s normal both 1 running;
  -moz-animation: fixedmenu 1s ease 0s normal both 1 running;
  -o-animation: fixedmenu 1s ease 0s normal both 1 running;
  position: fixed !important;
  width: 100%;
  z-index: 999; }

.full-header-wrap.fixed ul#left_accessibleNav {
  display: none !important;
  position: absolute;
  top: 100%;
  right: 0;
  left: auto;
  width: 245px;
  float: left;
  text-align: left;
  background: #fff;
  border: 1px solid #f0f0f0;
  padding: 10px 5px; }

.full-header-wrap.fixed #shopify-section-left-col-menu {
  float: left;
  width: auto;
  padding: 30px 0 30px 30px;
  position: relative; }

.full-header-wrap.fixed #shopify-section-left-col-menu .widget-title {
  margin: 0; }

.full-header-wrap.fixed #shopify-section-left-col-menu .widget-title .title {
  display: none; }

.full-header-wrap.fixed #shopify-section-left-col-menu .widget-title i.mdi-menu {
  color: #000;
  font-size: 19px;
  background: #fff;
  border-radius: 50%;
  padding: 8px;
  line-height: 19px;
  height: 35px;
  width: 35px;
  cursor: pointer;
  display: block; }

.full-header-wrap.fixed .left-sidebar-menu .left-toggle.active ul#left_accessibleNav {
  display: block !important; }

.left-sidebar-menu .widget-title .mdi.mdi-menu {
  display: none; }

header .full-header {
  background: #1e54aa;
  float: left;
  width: 100%;
  text-align: center; }

header.menu_enable .full-header {
  margin-bottom: 0; }

.common-home header .full-header {
  margin: 0 0 25px; }

header .ttfullmenudiv {
  box-shadow: 0 3px 2px rgba(50, 50, 50, 0.07);
  -moz-box-shadow: 0 3px 2px rgba(50, 50, 50, 0.07);
  -webkit-box-shadow: 0 3px 2px rgba(50, 50, 50, 0.07);
  height: 100%;
  left: 0;
  position: absolute;
  top: 25px;
  width: 100%;
  z-index: -1; }

.header-top-left {
  float: left; }

.header-top-right {
  float: right; }

.header-right {
  float: right; }

#form-currency .btn.dropdown-toggle, #form-currency .dropdown-toggle.btn--secondary, #form-currency input.dropdown-toggle[type="submit"],
#form-language .btn.dropdown-toggle,
#form-language .dropdown-toggle.btn--secondary,
#form-language input.dropdown-toggle[type="submit"] {
  padding: 7px 0;
  line-height: 24px; }

#top-links #form-currency .open .mdi-chevron-down::before,
#top-links #form-language .open .mdi-chevron-down::before,
#top-links .dropdown.open .dropdown-toggle > span::after {
  content: "\f143";
  font-size: 14px; }

#top-links #form-currency .mdi-chevron-down::before,
#top-links #form-language .mdi-chevron-down::before {
  content: "\f140";
  font-size: 14px; }

#top-links .dropdown .dropdown-toggle > span::after {
  content: "\f140";
  font-family: "Material Design Icons";
  font-size: 14px;
  margin: 0 0 0 3px; }

#top-links .dropdown .dropdown-toggle > span.caret {
  display: none; }

.header-top-right .dropdown a.dropdown-toggle, .header-top-right #wishlist-total {
  display: block;
  padding: 7px 0;
  line-height: 24px; }

#form-language .language-select > img {
  margin: 0 2px 0 0; }

#form-language ul .language-select,
#form-currency ul .currency-select,
#top-links .dropdown-menu a {
  padding: 0;
  color: #888;
  font-size: 12px;
  text-align: left;
  line-height: 24px;
  border: none; }

#form-currency ul .currency-select:hover,
#form-language ul .language-select:hover {
  background: none;
  color: #666666; }

#top .btn-link, #top #ttcmsheader a,
#top-links li,
#top-links a {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
  background: none !important; }

#top-links > li:first-child {
  padding-left: 0px; }

#top-links > li:last-child {
  padding-right: 0px; }

#top .btn-link:hover,
#top-links a:hover {
  color: #ffffff; }

#top-links .dropdown-menu a:hover {
  color: #000000;
  background: none; }

#top .btn-link strong {
  font-size: 14px;
  line-height: 14px; }

#top-links > ul {
  margin: 0px; }

#top-links > ul > li {
  float: left;
  padding: 4px 10px;
  display: inline-block;
  margin: 0; }

#top-links > ul > li:last-child {
  padding-right: 0; }

#top-links a + a {
  margin-left: 15px; }

#top-links .account-link-toggle a i.fa {
  padding: 0 2px; }

#top #ttcmsheader a {
  line-height: 30px;
  padding: 4px 0;
  display: inline-block; }
  @media screen and (max-width: 320px) {
    #top #ttcmsheader a {
      line-height: 25px; } }

#top-links .myaccount.icon-btn {
  position: relative;
  cursor: pointer;
  padding: 4px 0; }

#top-links .wishlist-icon-div {
  line-height: 2.3; }

#top-links .customer_account a {
  color: #666666;
  white-space: nowrap; }

#top-links .customer_account a:hover {
  color: #000000; }

#top-links .customer_account ul {
  margin: 0; }

#top-links .customer_account {
  position: absolute;
  background: #fff;
  right: 0;
  top: 35px;
  display: none;
  z-index: 1;
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (max-width: 991px) {
    #top-links .customer_account {
      top: 30px; } }

.myaccount.icon-btn .dropdown-toggle i.mdi-account-outline {
  display: none; }

.supports-fontface .full-header .search-submit.icon-fallback-text .fallback-text {
  position: relative; }

.supports-fontface .full-header .icon-fallback-text .icon {
  display: none; }

/****  services *****/
#ttcmsheader .ttheader-service:before {
  content: "\f723";
  position: absolute;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  font-family: 'Material Design Icons';
  left: 3px;
  right: auto;
  top: 5px;
  bottom: 0;
  line-height: 20px;
  font-size: 20px;
  color: #ffffff;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s; }

#ttcmsheader .ttheader-service:hover:before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

#ttcmsheader .ttheader-service {
  position: relative;
  padding: 0 0 0 30px; }

/* Currency */
.tbl-list > li.currency {
  position: relative;
  float: left;
  margin: 0;
  width: 100%; }

.tbl-list > li.currency > .dropdown-toggle .mdi, .myaccount .mdi {
  margin: 0 0 0 4px; }

.tbl-list > li.currency .flag-dropdown-menu {
  left: 0;
  right: auto;
  top: 22px;
  width: 90px;
  margin-top: 0;
  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; }
  @media screen and (max-width: 480px) {
    .flag-dropdown-menu li a i {
      margin-right: 5px; } }

.flag-dropdown-menu li a span {
  float: right;
  color: #888888;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }

.flag-dropdown-menu li a:hover span {
  color: #000000; }

.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;
  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);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  @media screen and (max-width: 1024px) {
    .flag-dropdown-menu {
      right: auto; } }

.tbl-list > li.currency .flag-dropdown-menu li a {
  line-height: 1.2;
  padding: 6px 17px !important;
  border: none;
  font-size: 14px !important;
  float: left; }
  @media screen and (max-width: 1024px) {
    .tbl-list > li.currency .flag-dropdown-menu li a {
      font-size: 13px !important; } }

@media screen and (max-width: 1024px) {
  .tbl-list > li.currency .flag-dropdown-menu li:last-child a {
    margin-right: 0; } }

.tbl-list > li.currency .flag-dropdown-menu, .tbl-list > li.currency.open .flag-dropdown-menu {
  opacity: 1;
  visibility: visible;
  display: none;
  transition: none 0s ease 0s;
  -webkit-transform: scaleY(1);
  -khtml-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1); }

.flag-usd {
  background-image: url(//cdn.shopify.com/s/files/1/1454/2846/t/5/assets/currency_1.png?5796274980970116025);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag-eur {
  background-image: url(//cdn.shopify.com/s/files/1/1454/2846/t/5/assets/currency_2.png?5796274980970116025);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag-gbp {
  background-image: url(//cdn.shopify.com/s/files/1/1454/2846/t/5/assets/currency_3.png?5796274980970116025);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag-aud {
  background-image: url(//cdn.shopify.com/s/files/1/1454/2846/t/5/assets/currency_4.png?5796274980970116025);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag-inr {
  background-image: url(//cdn.shopify.com/s/files/1/1454/2846/t/5/assets/currency_5.png?5796274980970116025);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px;
  margin-right: 10px !important; }
  @media screen and (max-width: 480px) {
    .flag-inr {
      margin-right: 5px !important; } }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/2392/4435/t/2/assets/currency_6.png?13466799072974063191);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/2392/4435/t/2/assets/currency_7.png?13466799072974063191);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/2392/4435/t/2/assets/currency_8.png?13466799072974063191);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/2392/4435/t/2/assets/currency_9.png?13466799072974063191);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/2392/4435/t/2/assets/currency_10.png?13466799072974063191);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px;
  margin-right: 10px !important; }
  @media screen and (max-width: 480px) {
    .flag- {
      margin-right: 5px !important; } }

.flag-usd {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_1.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag-eur {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_2.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag-gbp {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_3.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag-aud {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_4.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag-inr {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_5.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px;
  margin-right: 10px !important; }
  @media screen and (max-width: 480px) {
    .flag-inr {
      margin-right: 5px !important; } }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_6.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_7.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_8.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_9.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px; }

.flag- {
  background-image: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/currency_10.png?10708498227930971215);
  background-repeat: no-repeat;
  display: inline-block;
  height: 11px;
  width: 16px;
  margin-right: 10px !important; }
  @media screen and (max-width: 480px) {
    .flag- {
      margin-right: 5px !important; } }

.currency_code > i {
  display: none; }

.tbl-list > li.currency .flag-dropdown-menu {
  margin-left: 0; }

.header_currency .currency_wrapper .mdi.mdi-chevron-up,
.myaccount .mdi.mdi-chevron-up {
  display: none; }

.header_currency ul li .currency_wrapper.active .mdi.mdi-chevron-up,
.myaccount.open span.mdi.mdi-chevron-up {
  display: inline-block; }

.header_currency ul li .currency_wrapper .mdi.mdi-chevron-down,
.myaccount .mdi.mdi-chevron-down {
  display: inline-block; }

.header_currency ul li .currency_wrapper.active .mdi.mdi-chevron-down,
.myaccount.open span.mdi.mdi-chevron-down {
  display: none; }

.customer_account .tbl-list > li.currency .flag-dropdown-menu {
  position: relative;
  float: left;
  display: block !important;
  border: none;
  width: 100%; }

.customer_account .header_currency .currency_wrapper.dropdown-toggle, .customer_account .flag-dropdown-menu li a span {
  display: none; }

.customer_account .tbl-list > li.currency .flag-dropdown-menu li a {
  padding: 0 !important; }

.customer_account .header_currency {
  margin: 0;
  padding: 10px 0 0; }

.customer_account .tbl-list > li.currency .flag-dropdown-menu > li {
  display: inline-block;
  margin-bottom: 0;
  padding: 3px;
  border: 1px solid transparent; }

.customer_account .tbl-list > li.currency .flag-dropdown-menu > li.active {
  border: 1px solid #ddd;
  margin: 0;
  padding: 3px; }

.customer_account .tbl-list > li.currency .flag-dropdown-menu > li:hover {
  border: 1px solid #ddd; }

.customer_account .flag-dropdown-menu li a i {
  margin: 0 !important; }

.customer_account .tbl-list > li.currency .flag-dropdown-menu {
  position: relative;
  float: left;
  display: inline-block !important;
  border: none;
  width: 100%;
  padding: 0 !important;
  margin: 0; }

.tbl-list > li.currency .flag-dropdown-menu {
  left: 0;
  right: 20px;
  top: 35px;
  width: 95px;
  z-index: 999;
  position: absolute;
  display: none;
  margin-top: 0;
  padding: 10px 0 !important;
  background: #fff;
  border: 1px solid #f0f0f0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (max-width: 991px) {
    .tbl-list > li.currency .flag-dropdown-menu {
      top: 30px; } }

.header_currency ul.tbl-list {
  margin: 0; }

.padding_0 {
  padding: 0 !important; }

.tbl-list > li.currency.currency-block.open .flag-dropdown-menu {
  display: block; }

/* ------------------------------------ logo CSS Start -------------------------------------- */
.header-left {
  float: left;
  margin: 25px 0;
  width: 171px;
  padding: 0; }

h1.header-logo.position_relative, .header-logo.position_relative.h1 {
  margin: 0; }

.full-header.fixed .header-left {
  margin: 15px 0; }

h1.header-logo.position_relative, .header-logo.position_relative.h1, .header-logo.position_relative.h1 {
  line-height: 1; }

h1.header-logo.position_relative a, .header-logo.position_relative.h1 a, .header-logo.position_relative.h1 a {
  display: inline-block; }

/* ------------------------------------ logo CSS End -------------------------------------- */
/* ------------------------------------ search CSS Start -----------------------------------*/
.header-middle {
  margin: 26px auto;
  float: none;
  height: 38px;
  width: auto;
  display: inline-block;
  vertical-align: top; }

.header-middle div#header-search {
  display: inline;
  float: left;
  height: 38px; }

.full-header.fixed .header-middle {
  margin: 16px auto; }

#header-search.input-group {
  display: inline;
  float: left;
  width: 100%; }

#header-search, .site-header form.input-group.search-bar, #header-search.input-group {
  border: none;
  display: inline-block;
  width: 100%;
  margin: 0; }

#header-search > .form-control.input-lg {
  border: none;
  background: #FFF;
  color: #666666;
  font-size: 14px;
  padding: 3px 12px;
  height: 38px;
  width: 370px;
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -khtml-border-radius: 4px 0 0 4px; }

#header-search .select-wrapper {
  background: #fff;
  width: 160px;
  height: 38px;
  position: relative;
  float: left; }

#header-search span.input-group-btn {
  float: left;
  display: inline-block; }

#search .input-lg {
  float: right; }

#header-search .select-wrapper::after {
  content: "\f140";
  font-family: "Material Design Icons";
  font-size: 12px;
  font-weight: bold;
  pointer-events: none;
  position: absolute;
  right: 15px;
  left: auto;
  top: 11px;
  z-index: 9;
  color: #666; }

#header-search .select-wrapper::before {
  border-left: 1px solid #e5e5e5;
  content: "";
  height: 25px;
  left: 0;
  position: absolute;
  right: auto;
  top: 6px;
  z-index: 9; }

.header-middle .input-group.search-bar .input-group-field {
  background: #fff;
  border: none;
  height: 100%;
  padding: 6px 10px;
  font-size: 14px;
  border-radius: 5px 0 0 5px;
  width: 340px;
  height: 40px;
  float: left;
  text-align: left; }
  @media (max-width: 1650px) {
    .header-middle .input-group.search-bar .input-group-field {
      width: 60%; } }
  @media (max-width: 992px) {
    .header-middle .input-group.search-bar .input-group-field {
      width: 50%; } }

.header-middle .input-group.search-bar .collections-selector {
  float: left;
  width: 150px;
  background: #fff;
  position: relative; }

.header-middle .input-group.search-bar .collections-selector::before {
  border-left: 1px solid #e5e5e5;
  content: "";
  height: 25px;
  position: absolute;
  left: 0;
  right: auto;
  top: 8px; }

.header-middle .input-group.search-bar .collections-selector::after {
  content: "\f140";
  font-family: "Material Design Icons";
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  right: 15px;
  left: auto;
  top: 11px;
  z-index: 9; }

.header-middle .input-group.search-bar #collection-option {
  background: #fff;
  height: 40px;
  padding: 6px 30px 6px 10px;
  margin: 0;
  font-size: 14px; }

#header-search .header-search-btn .mdi.mdi-magnify {
  display: none; }

.header-middle #header-search .search-submit {
  background: #111111;
  border: 1px solid #111111;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 8px 30px;
  margin: 0;
  height: 40px;
  line-height: 10px;
  text-transform: none;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -khtml-border-radius: 0 4px 4px 0; }
  @media screen and (max-width: 767px) {
    .header-middle #header-search .search-submit {
      padding: 8px 15px; } }
  @media screen and (max-width: 480px) {
    .header-middle #header-search .search-submit {
      padding: 8px 10px; } }

.header-middle #header-search .search-submit:hover {
  background: #000; }

@media screen and (max-width: 767px) {
  .header-middle #header-search .search-submit .icon-search {
    font-family: "Material Design Icons";
    content: "\f349";
    font-size: 18px;
    display: block;
    color: #fff; }
  .header-middle #header-search .search-submit span.fallback-text {
    display: none; } }

.header-middle #header-search .btn-default:hover,
.header-middle #header-search .btn-default:focus {
  background: #000;
  border-color: #000; }

@media (min-width: 1301px) and (max-width: 1600px) {
  #header-search > .form-control.input-lg {
    width: 300px; } }

@media (min-width: 1200px) and (max-width: 1300px) {
  #header-search > .form-control.input-lg {
    width: 240px; } }

@media (max-width: 1200px) {
  #header-search > .form-control.input-lg {
    width: 230px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #header-search > .form-control.input-lg {
    width: 36%; }
  .header-middle {
    width: 45%;
    float: right; }
  .header-middle #header-search .search-submit {
    padding: 8px 23px; } }

.full-header.fixed #cart {
  margin: 12px auto 0; }

#cart {
  float: right;
  margin: 22px auto 0; }

#cart > .btn, #cart > .btn--secondary, #cart > input[type="submit"] {
  font-size: 12px;
  color: #FFFFFF; }

#cart .dropdown-toggle > i.mdi-cart-outline::before {
  display: block;
  font-size: 25px;
  position: absolute;
  left: 0;
  height: 40px;
  width: 40px;
  top: 2px;
  line-height: 40px;
  bottom: 0;
  content: "\f111";
  color: #ffffff;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s; }

#cart:hover .dropdown-toggle > i.mdi-cart-outline::before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

#cart .cart-products-count {
  background: #ffffff;
  color: #333;
  float: right;
  font-size: 10px;
  height: 15px;
  line-height: 15px;
  margin: auto;
  position: absolute;
  z-index: 9;
  right: 0;
  left: auto;
  text-align: center;
  top: 3px;
  width: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%; }

.header-right #cart .cart-heading {
  float: left;
  color: #FFF;
  display: inline-block;
  font: 400 14px/20px "Open Sans",sans-serif;
  margin: 14px 0 0; }

.header-right #cart button.btn, .header-right #cart button.btn--secondary {
  position: relative; }

.header-right #cart button.btn.dropdown-toggle, .header-right #cart button.dropdown-toggle.btn--secondary {
  float: right;
  width: 40px;
  height: 40px;
  display: inline-block;
  font: 400 14px/20px "Open Sans",sans-serif;
  padding: 0;
  border: none;
  position: relative;
  background: none; }

/* ------------------------------------ start header_3 ------------------------------- */
.header_3 #slidedown-cart .actions .btn, .header_3 #slidedown-cart .actions .btn--secondary, .header_3 #slidedown-cart .actions input[type="submit"], .header_3 #Sticky-slidedown-cart .actions .btn, .header_3 #Sticky-slidedown-cart .actions .btn--secondary, .header_3 #Sticky-slidedown-cart .actions input[type="submit"] {
  padding: 7px 10px; }

.header_3 .myaccount.icon-btn .dropdown-toggle i.mdi-account-outline {
  display: block; }

.header_3 .myaccount.icon-btn .dropdown-toggle i.mdi-account-outline::before {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 27px;
  color: #ffffff;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s; }

.header_3 .myaccount.icon-btn .dropdown-toggle i.mdi-account-outline:hover::before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.header_3 .header-right #cart .cart-heading {
  display: none; }

.header_3 .search-results .name-price {
  width: 65%; }

.header_3 #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content .service-title {
  display: none; }

.header_3 #ttcmsheaderservices .ttcmsheaderservice .ttsupport .header_ttcontent_inner {
  float: right; }

.header_3 #ttcmsheaderservices {
  margin: 25px 0;
  padding: 0 25px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  width: auto; }
  @media screen and (max-width: 991px) {
    .header_3 #ttcmsheaderservices {
      margin: 15px 0;
      border-right: none; } }

.header_3 #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content {
  padding: 10px 0;
  border: medium none;
  float: left; }

@media screen and (min-width: 992px) {
  .header_3 #cart {
    margin: 25px 0 25px 20px; } }

.header_3 #top-links {
  height: 40px;
  margin: 25px 0;
  width: 70px; }
  @media screen and (max-width: 991px) {
    .header_3 #top-links {
      margin: 15px 0; } }

.header_3 #cart .cart-products-count {
  top: 2px;
  right: 2px; }
  @media screen and (max-width: 991px) {
    .header_3 #cart .cart-products-count {
      top: 6px;
      right: 6px; } }

.header_3 #cart .dropdown-toggle > i.mdi-cart-outline::before {
  top: 0px; }
  @media screen and (max-width: 991px) {
    .header_3 #cart .dropdown-toggle > i.mdi-cart-outline::before {
      top: 5px;
      height: 45px;
      width: 50px; } }

.header_3 .myaccount {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  height: 40px; }

.header_3 #top-links .myaccount.icon-btn {
  padding: 0; }

.header_3 .tbl-list > li.currency .flag-dropdown-menu {
  top: 5px; }

.header_3 #top-links .customer_account {
  border: 1px solid #f0f0f0;
  padding: 15px 20px;
  text-align: left;
  top: 50px;
  width: 180px; }
  @media screen and (max-width: 480px) {
    .header_3 #top-links .customer_account {
      right: auto;
      left: 0; } }

.header_3 #top-links .wishlist {
  line-height: 22px; }

@media screen and (max-width: 991px) {
  .header_3 .header-right-cms, .header_3 .header-top-right {
    display: inline-block;
    float: none;
    text-align: center;
    vertical-align: top;
    width: auto; } }

/* ------------------------------------ end header_3 ------------------------------- */
/* ------------------------------------ Start TT - CMS Header services ------------------------------- */
#ttcmsheaderservices .ttcmsheaderservice .ttsupport .header_ttcontent_inner::before {
  font-family: "Material Design Icons";
  content: "\f3f2";
  position: absolute;
  font-size: 14px;
  height: 24px;
  width: 24px;
  line-height: 14px;
  padding: 3px;
  left: 0;
  right: 0;
  top: 9px;
  bottom: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s; }

#ttcmsheaderservices .ttcmsheaderservice .ttsupport .header_ttcontent_inner:hover::before {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

#ttcmsheaderservices .ttcmsheaderservice .ttsupport .header_ttcontent_inner {
  position: relative;
  padding: 0 0 0 40px; }

.full-header.fixed #ttcmsheaderservices {
  margin: 5px 15px 4px 0; }

#ttcmsheaderservices {
  float: right;
  margin: 15px 15px 14px 0;
  padding: 10px; }

#ttcmsheaderservices .ttcmsheaderservice {
  float: right;
  padding: 0; }
  @media screen and (max-width: 991px) {
    #ttcmsheaderservices .ttcmsheaderservice {
      display: inline-block;
      float: none;
      text-align: center;
      vertical-align: top;
      width: auto; } }

#ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  text-align: left; }
  @media screen and (max-width: 991px) {
    #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content {
      border: none; } }

#ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content .service-title {
  font: 400 14px/20px "Roboto", sans-serif;
  color: white;
  text-transform: capitalize; }

#ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content .service-desc {
  font: 400 14px/20px "Roboto", sans-serif;
  color: white; }

@media (min-width: 992px) and (max-width: 1199px) {
  #ttcmsheaderservices {
    width: 20%; } }

@media (min-width: 768px) and (max-width: 991px) {
  #ttcmsheaderservices {
    margin: 14px 0;
    width: 100%; } }

@media (max-width: 767px) {
  #ttcmsheaderservices .ttcmsheaderservice .ttsupport .header_ttcontent_inner .service .ttsupport_img {
    display: inline-block;
    float: none;
    vertical-align: top; }
  #ttcmsheaderservices .ttcmsheaderservice .ttsupport {
    text-align: right; }
  #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .service-content {
    display: inline-block;
    text-align: left; }
  #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service {
    text-align: center; }
  #ttcmsheaderservices {
    margin: 0; } }

@media (max-width: 480px) {
  #ttcmsheaderservices .ttcmsheaderservice .ttsupport .header_ttcontent_inner .service .ttsupport_img {
    margin: 0; }
  #ttcmsheaderservices .ttcmsheaderservice .ttsupport {
    text-align: left;
    padding: 0; }
  #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content .service-desc {
    font-size: 12px;
    line-height: 18px; }
  #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content .service-title {
    font-size: 14px;
    line-height: 18px; }
  #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content {
    border: none; }
  #ttcmsheaderservices {
    padding: 0 10px; } }

/* ------------------------------------ End TT - CMS Header services ------------------------------- */
/*mini cart*/
#Sticky-slidedown-cart .has-items .actions .btn, #Sticky-slidedown-cart .has-items .actions .btn--secondary, #Sticky-slidedown-cart .has-items .actions input[type="submit"] {
  background-color: #1e54aa;
  color: #ffffff; }

#Sticky-slidedown-cart .has-items .actions .btn:hover, #Sticky-slidedown-cart .has-items .actions .btn--secondary:hover, #Sticky-slidedown-cart .has-items .actions input[type="submit"]:hover {
  background-color: #333333;
  color: #ffffff; }

#slidedown-cart, #Sticky-slidedown-cart {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  line-height: 1.7;
  position: absolute;
  right: -1px;
  text-align: left;
  top: 67px;
  width: 350px;
  z-index: 99;
  background: #fff;
  border: 1px solid #f0f0f0;
  margin-top: -1px;
  display: none;
  border-radius: 5px;
  overflow: hidden;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px; }
  @media screen and (max-width: 991px) {
    #slidedown-cart, #Sticky-slidedown-cart {
      top: 47px; } }
  @media screen and (max-width: 480px) {
    #slidedown-cart, #Sticky-slidedown-cart {
      width: 290px; } }

#slidedown-cart .product-details, #Sticky-slidedown-cart .product-details {
  padding: 0 15px; }

#slidedown-cart .product-image, #Sticky-slidedown-cart .product-image {
  float: left;
  height: auto;
  width: 80px; }

#slidedown-cart .mini-products-list img, #Sticky-slidedown-cart .mini-products-list img {
  border: 1px solid #e5e5e5; }

#slidedown-cart .product-details, #Sticky-slidedown-cart .product-details {
  float: left;
  width: 68%; }
  @media screen and (max-width: 480px) {
    #slidedown-cart .product-details, #Sticky-slidedown-cart .product-details {
      width: 60%; } }

#slidedown-cart .has-items .item, #Sticky-slidedown-cart .has-items .item {
  float: left;
  width: 100%;
  margin: 0 0 10px;
  position: relative; }

#Sticky-slidedown-cart .mini-cart-wrap {
  max-height: 650px;
  overflow: hidden; }

#Sticky-slidedown-cart .mini-cart-wrap .ps-scrollbar-x-rail {
  display: none; }

#slidedown-cart .total .label, #Sticky-slidedown-cart .total .label {
  display: inline;
  font-size: 100%;
  font-weight: 600;
  line-height: 1;
  padding: 0.2em 0.6em 0.3em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
  color: #232323; }

#slidedown-cart .total .price, #Sticky-slidedown-cart .total .price {
  font-size: 16px;
  font-weight: 500;
  float: right; }

#slidedown-cart .price .money, #Sticky-slidedown-cart .price .money {
  font-size: 14px;
  color: #000; }

.cart__remove {
  color: #ff0000; }

#slidedown-cart .btn-remove, #Sticky-slidedown-cart .btn-remove {
  float: right;
  color: #000;
  width: 20px;
  text-align: center;
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 0; }

#slidedown-cart .has-items .actions .btn, #slidedown-cart .has-items .actions .btn--secondary, #slidedown-cart .has-items .actions input[type="submit"], #Sticky-slidedown-cart .has-items .actions .btn, #Sticky-slidedown-cart .has-items .actions .btn--secondary, #Sticky-slidedown-cart .has-items .actions input[type="submit"] {
  margin-right: 0; }

#slidedown-cart .has-items .actions button.btn.text-cart, #slidedown-cart .has-items .actions button.text-cart.btn--secondary, #Sticky-slidedown-cart .has-items .actions .btn.text-cart, #Sticky-slidedown-cart .has-items .actions .text-cart.btn--secondary, #Sticky-slidedown-cart .has-items .actions input.text-cart[type="submit"] {
  margin-right: 5px; }

#Sticky-slidedown-cart button.btn.text-cart, #Sticky-slidedown-cart button.text-cart.btn--secondary {
  float: left; }

.cart__remove:hover, #slidedown-cart .btn-remove:hover, #Sticky-slidedown-cart .btn-remove:hover {
  background: #000;
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%; }

.cart__remove {
  height: 20px;
  width: 20px;
  float: none;
  display: inline-block;
  vertical-align: top;
  line-height: 20px; }

.cart__remove:hover a i {
  color: #fff; }

#slidedown-cart .total, #Sticky-slidedown-cart .total {
  border-top: 1px solid #d6d6d6;
  float: left;
  margin-top: 5px;
  padding-top: 10px;
  width: 100%; }

#slidedown-cart .actions .btn, #slidedown-cart .actions .btn--secondary, #slidedown-cart .actions input[type="submit"], #Sticky-slidedown-cart .actions .btn, #Sticky-slidedown-cart .actions .btn--secondary, #Sticky-slidedown-cart .actions input[type="submit"] {
  padding: 7px 25px; }

.header_3 #slidedown-cart .actions .btn, .header_3 #slidedown-cart .actions .btn--secondary, .header_3 #slidedown-cart .actions input[type="submit"], .header_3 #Sticky-slidedown-cart .actions .btn, .header_3 #Sticky-slidedown-cart .actions .btn--secondary, .header_3 #Sticky-slidedown-cart .actions input[type="submit"] {
  padding: 7px 25px; }

#slidedown-cart .has-items .actions, #Sticky-slidedown-cart .has-items .actions {
  float: right;
  text-align: right; }

#slidedown-cart .has-items .actions i, #Sticky-slidedown-cart .has-items .actions i {
  margin-right: 7px;
  font-size: 18px;
  line-height: 20px;
  vertical-align: middle; }

@media screen and (max-width: 480px) {
  .phone-number {
    display: none; }
  .header-top-right .icon-btn.site-header__search {
    position: initial; }
  .site-header__search .search_wrapper {
    right: 15px; } }

.search-full-screen .full-search-wrapper.search-overlap {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -sand-transform: translateY(0);
  -o-transform: translateY(0);
  height: 100%;
  z-index: 370; }

body.search_full_active {
  position: fixed; }

.search-full-screen .full-search-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 0;
  background: #f5f5f5 none repeat scroll 0 0;
  opacity: 0;
  /*visibility: hidden;*/
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s; }

.full-search-wrapper .close-search a {
  float: right;
  width: auto; }

.full-search-wrapper .close-search i {
  font-size: 18px;
  margin: 20px 0;
  padding-right: 20px; }

.search-inner {
  padding: 150px 0px;
  display: none;
  overflow: auto;
  height: 100%;
  float: left;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .search-inner {
      padding: 100px 20px; } }
  @media screen and (max-width: 480px) {
    .search-inner {
      padding: 100px 10px; } }

.search-full-screen .full-search-wrapper.search-overlap .search-inner {
  display: block; }

.search-inner .search-bar {
  float: left;
  border: none; }

.search-inner input[type="search"] {
  border: none;
  background: transparent none repeat scroll 0 0;
  color: #111111;
  font-family: "Open Sans";
  font-size: 24px;
  height: 50px;
  padding: 0 15px;
  width: 100%;
  float: left;
  border-bottom: 1px solid #000;
  font-weight: 400;
  line-height: 50px;
  cursor: text; }
  @media screen and (max-width: 480px) {
    .search-inner input[type="search"] {
      padding: 0 10px;
      font-size: 18px; } }

.search-inner .search-submit {
  font-size: 25px; }

.search-inner .search-results {
  background: none;
  border: none;
  margin: 15px -10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.site-header button.btn.search-submit.icon-fallback-text, .site-header button.search-submit.icon-fallback-text.btn--secondary, .site-header button.search-submit.icon-fallback-text.btn--secondary {
  line-height: 15px !important;
  background: #fff; }

/******** header_2 ********/
.header_2 .full-header .container {
  position: relative; }

.header_2 .sticky_header.fixed #cart {
  top: 0; }

@media screen and (min-width: 992px) {
  .header_2 #cart {
    background: #ffba00;
    float: right;
    height: 65px;
    left: auto;
    margin: 0;
    position: absolute;
    right: 15px;
    top: -40px;
    width: 47px;
    border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    -khtml-border-radius: 0 0 30px 30px; } }

.header_2 .header-right #cart .cart-heading {
  display: none; }

.header_2 .header-top-right {
  float: right;
  padding: 0 60px 0 0; }
  @media screen and (max-width: 991px) {
    .header_2 .header-top-right {
      padding: 5px 0; } }

@media screen and (min-width: 992px) {
  .header_2 #cart .dropdown-toggle > i.mdi-cart-outline::before {
    font-size: 22px;
    height: 40px;
    left: auto;
    line-height: 40px;
    right: 4px;
    top: 13px;
    width: 40px;
    z-index: 1; } }

@media screen and (min-width: 992px) {
  .header_2 #cart .cart-products-count {
    right: 6px;
    top: 13px; } }

.header_2 #slidedown-cart, .header_2 #Sticky-slidedown-cart {
  top: 100%; }

.header_2 #ttcmsheaderservices .ttcmsheaderservice .header_ttcontent_inner .service .ttservice-content {
  border: none; }

/******* end header_2 css ******/
/*============================================================================
  #Site Nav and Dropdowns
==============================================================================*/
div#topnavmenu {
  padding: 0; }

.site-header .full-header-wrap .navbar {
  background: #1e54aa;
  float: left;
  width: 100%; }

.site-header .full-header-wrap .navbar #accessibleNav > li > a,
#accessibleNav > li.site-nav--has-dropdown > a::after {
  color: #ffffff; }

.site-header .full-header-wrap .navbar #accessibleNav > li:hover > a {
  background: #2d2324; }

.site-header .full-header-wrap .navbar #accessibleNav > li:hover > a,
#accessibleNav > li.site-nav--has-dropdown:hover > a::after {
  color: #ffffff; }

.site-header .full-header-wrap .navbar #accessibleNav li li > a {
  color: #555555;
  white-space: nowrap;
  line-height: 2; }

.site-header .full-header-wrap .navbar #accessibleNav li li:hover > a {
  color: #000; }

.site-header .full-header-wrap .navbar #accessibleNav li ul.mega-menu > li:hover > a,
.site-header .full-header-wrap .navbar #accessibleNav li ul.mega-menu > li > a {
  color: #000; }

@media screen and (min-width: 992px) {
  .site-header .site-nav--has-dropdown:hover > .sub-nav__dropdown {
    display: table !important;
    position: absolute;
    z-index: 99;
    background: #fff; }
  .Site-navigation {
    display: inline-block !important; } }

.Site-navigation .sub-nav__dropdown.sub-menu.mega-menu > li {
  padding: 5px 15px;
  display: table-cell;
  float: none;
  min-width: 150px; }
  @media screen and (max-width: 991px) {
    .Site-navigation .sub-nav__dropdown.sub-menu.mega-menu > li {
      display: inline-block; } }

@media screen and (max-width: 991px) {
  .nav-menu-wrap ul.sub-nav__dropdown.sub-menu {
    display: none;
    padding-left: 10px; }
  .full-header-wrap .navbar {
    display: none; }
  .ttresponsive_menu-wrap {
    float: left;
    width: 100%;
    position: relative;
    text-align: left; }
  .ttresponsive_menu {
    background: #12489d;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -khtml-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  .ttresponsive_menu-wrap.dark_icon, .ttresponsive_menu-wrap.dark_icon .left-sidebar-menu .widget-title {
    color: #000 !important; }
  .left-sidebar-menu .widget-title {
    color: #000; }
  .ttresponsive_menu-wrap.light_icon {
    color: #fff; }
  .ttresponsive_menu-wrap.dark_icon .left-sidebar-menu .widget-title {
    color: #000 !important;
    margin: 0;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: normal; }
  .ttresponsive_menu-wrap.light_icon .left-sidebar-menu .widget-title, .ttresponsive_menu-wrap.light_icon .nav-menu-wrapper .widget-title {
    color: #fff !important;
    margin: 0;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer; }
  .ttresponsive_menu-wrap.light_icon .nav-menu-wrapper .widget-title, .ttresponsive_menu-wrap.light_icon .nav-menu-wrapper .widget-title {
    margin-right: 52px !important;
    position: relative; }
  .ttresponsive_menu-wrap .nav-menu-wrapper {
    width: 100%; } }

ul ul.sub-nav__dropdown ul.sub-nav__dropdown {
  left: auto;
  position: relative; }

.nav-menu-wrapper {
  padding: 0; }

@media screen and (min-width: 992px) {
  .nav-menu-wrapper h5#category, .nav-menu-wrapper #category.h5 {
    display: none; }
  .site-header.menu_left .site-nav > li {
    float: left; }
  .site-header.menu_right .site-nav > li {
    float: right; }
  #accessibleNav .sub-menu {
    display: none; }
  #accessibleNav > li.site-nav--has-dropdown > a::after, #accessibleNav li.site-nav--has-dropdown > a::after {
    content: "\f142";
    font-family: "Material Design Icons";
    font-size: 15px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9; }
  #accessibleNav li.site-nav--has-dropdown > a::after {
    right: -3px; }
  #accessibleNav > li.site-nav--has-dropdown ul.mega-menu > li > a::after {
    display: none; }
  #accessibleNav ul.sub-menu {
    min-width: 165px; }
  #accessibleNav .site-nav--has-dropdown:hover > .sub-nav__dropdown, #accessibleNav ul:not(.mega-menu) .site-nav--has-dropdown:hover > .sub-menu {
    display: block;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 99;
    display: inline-block !important;
    border: 4px solid #eeeeee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    margin: 0;
    right: auto;
    top: 100%; }
  #accessibleNav > .site-nav--has-dropdown > .sub-nav__dropdown:before {
    content: "";
    display: block;
    position: absolute;
    top: -15px;
    left: 0;
    width: 100%;
    height: 12px; }
  #accessibleNav > .site-nav--has-dropdown:hover > .sub-nav__dropdown {
    top: 100%;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    border: 1px solid #f0f0f0;
    border-radius: 0; }
  #accessibleNav > .site-nav--has-dropdown > .sub-nav__dropdown {
    top: 100%;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px); }
  #accessibleNav ul:not(.mega-menu) .site-nav--has-dropdown:hover > .sub-menu {
    left: 100%;
    top: 0;
    border: 1px solid #f0f0f0;
    border-radius: 0; }
  #accessibleNav .sub-nav__dropdown li, #accessibleNav .sub-nav__dropdown li:first-child {
    text-align: left;
    min-width: 165px;
    position: relative; }
  #accessibleNav .sub-menu {
    padding: 20px 0; }
  #accessibleNav ul.mega-menu {
    padding: 20px; }
  #accessibleNav li li {
    padding: 0px 20px; }
  #accessibleNav ul.mega-menu li {
    padding: 0; }
  #accessibleNav .sub-nav__dropdown a {
    position: relative;
    padding: 0; }
  #accessibleNav .sub-nav__dropdown.mega-menu > li > a {
    position: relative;
    padding: 10px 0; }
  #accessibleNav .sub-nav__dropdown:not(.mega-menu) li.site-nav--has-dropdown > a {
    padding-right: 10px; }
  #accessibleNav .site-nav--has-dropdown:hover > .sub-nav__dropdown.mega-menu {
    display: table !important;
    padding: 20px 30px;
    border: 1px solid #f0f0f0;
    border-radius: 0; }
  #accessibleNav .site-nav--has-dropdown:hover > .sub-nav__dropdown.mega-menu > li {
    display: table-cell !important;
    max-width: 230px;
    line-height: 1.6;
    min-width: 230px;
    vertical-align: top;
    padding: 0;
    text-align: left; }
  #accessibleNav .site-nav--has-dropdown > .sub-nav__dropdown.mega-menu > li ul.sub-menu,
  #accessibleNav .site-nav--has-dropdown:hover > .sub-nav__dropdown.mega-menu > li ul.sub-menu {
    display: block !important; }
  #accessibleNav .site-nav--has-dropdown > .sub-nav__dropdown.mega-menu > li > a:before {
    background: #f0f0f0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    right: auto;
    position: absolute;
    width: 200px; }
  ul.sub-sub-nav__dropdown.sub-menu.mobile-nav__sublist {
    margin-left: 0; } }

@media (max-width: 991px) {
  .site-header form.input-group.search-bar {
    width: auto;
    margin: 0 auto; }
  .header-middle {
    text-align: center; }
  .header-middle .input-group.search-bar .input-group-field {
    display: inline-block;
    width: 300px; }
  div#top-links {
    float: none !important;
    display: inline-block;
    vertical-align: text-bottom; }
  .header_1 .header-top-right, .header_1 .header-top-left, .header_2 .header-top-right, .header_2 .header-top-left {
    width: 100%;
    text-align: center; }
  #top-links > ul > li {
    padding: 0px 10px;
    display: inline-block; }
  .ttresponsive_menu .widget-title:after {
    content: "\f35c";
    font-family: "Material Design Icons";
    font-size: 21px;
    position: absolute;
    right: 15px;
    left: auto;
    top: 10px; }
  .ttresponsive_menu-wrap.light_icon .left-sidebar-menu .widget-title, .ttresponsive_menu-wrap.dark_icon .left-sidebar-menu .widget-title {
    margin-right: 52px !important;
    position: relative; }
  .header-left {
    width: 100%;
    text-align: center;
    margin-bottom: 0; }
  .header-right #cart .cart-heading {
    display: none; }
  .header-right #cart {
    float: right;
    position: inherit; }
  .header-right #cart button.btn.dropdown-toggle, .header-right #cart button.dropdown-toggle.btn--secondary {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 45px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    -khtml-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0; }
  #cart .cart-products-count {
    right: 8px; } }

@media (min-width: 768px) and (max-width: 991px) {
  #header-search > .form-control.input-lg {
    width: 58.2%; }
  .header-middle {
    float: left;
    width: 100%;
    padding: 0;
    margin: 10px auto 15px; }
  #header-search.input-group {
    float: left;
    width: 100%; } }

@media (max-width: 767px) {
  .header-middle .input-group.search-bar .input-group-field {
    width: 240px; }
  .header-middle .input-group .form-control.innner-search {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  #header-search > .form-control.input-lg {
    width: 200px; }
  #header-search .select-wrapper {
    width: 80px; }
  header .header-middle {
    float: left;
    width: 100%;
    margin: 10px auto 15px;
    padding: 0 10px; }
  #header-search.input-group {
    float: none;
    margin: 0 auto;
    width: 100%; }
  #header-search .select-wrapper::after {
    display: none; }
  h1.header-logo.position_relative, .header-logo.position_relative.h1 {
    float: none;
    margin: 0 auto;
    display: inline-block; } }

@media (max-width: 480px) {
  .header-middle .input-group.search-bar .input-group-field {
    width: 190px; }
  #header-search > .form-control.input-lg {
    width: 147px; }
  #header-search .select-wrapper {
    width: 60px; }
  .header-middle #header-search .btn-default {
    background: #111111 url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/sprite.png?10708498227930971215) no-repeat scroll 1px -235px;
    width: 53px;
    height: 38px;
    font-size: 0;
    padding: 0;
    margin: 0; }
  .header-middle #header-search .btn-default:hover,
  .header-middle #header-search .btn-default:focus {
    background: #111111 url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/sprite.png?10708498227930971215) no-repeat scroll 1px -235px;
    border-color: #000; }
  header .header-middle {
    margin: 15px auto;
    padding: 0; } }

@media (max-width: 360px) {
  .header-middle .input-group.search-bar .input-group-field {
    width: 155px; }
  .header-middle .input-group.search-bar .collections-selector {
    width: 90px; } }

.site-nav .sub-nav__dropdown .sub-sub-nav__dropdown > li {
  padding: 0; }

.Site-navigation .sub-sub-nav__dropdown.sub-menu {
  display: none; }

.Site-navigation .sub-nav__dropdown.sub-menu.mega-menu .sub-sub-nav__dropdown.sub-menu {
  display: inline-block; }

.page-move--nav .nav-bar {
  height: 100%; }

.nav-bar .grid-item {
  height: 100%; }

.nav-bar .icon {
  color: #000000; }

.nav-bar .wrapper {
  padding: 0; }

@media screen and (min-width: 1025px) {
  .lt-ie9 .nav-bar {
    margin-top: -30px; } }

.site-nav {
  cursor: default;
  font-size: 1em;
  margin: 0;
  width: 100%; }
  .site-nav li {
    margin: 0;
    display: inline-block;
    padding: 10px 25px;
    float: none; }
  .site-nav li:first-child {
    border-top: 0; }
  @media screen and (min-width: 1025px) {
    .site-nav {
      text-align: center; }
      .site-nav li,
      .site-nav li:last-child {
        border: 0; } }
  .site-nav .grid-item {
    position: relative; }

@media screen and (min-width: 1025px) {
  .lt-ie9 .site-nav {
    display: inline-table; }
    .lt-ie9 .site-nav ul {
      margin: 0; }
    .lt-ie9 .site-nav li {
      border: 0;
      display: inline; } }

.site-nav__link, .site-nav__linkdrop, .site-nav__linkdroparrow {
  color: #000000;
  display: inline-block;
  font-weight: 400;
  letter-spacing: 0.6px;
  padding: 15px;
  white-space: normal;
  max-width: 100%;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .site-nav__link:active, .site-nav__linkdrop:active, .site-nav__linkdroparrow:active, .site-nav__link:hover, .site-nav__linkdrop:hover, .site-nav__linkdroparrow:hover, .site-nav__link:focus, .site-nav__linkdrop:focus, .site-nav__linkdroparrow:focus {
    color: black; }
  .site-nav__child-link--active .site-nav__link, .site-nav__child-link--active .site-nav__linkdrop, .site-nav__child-link--active .site-nav__linkdroparrow {
    opacity: 1;
    color: black; }
  @media screen and (max-width: 1024px) {
    .site-nav__link.site-nav__linknodrop, .site-nav__linknodrop.site-nav__linkdrop, .site-nav__linknodrop.site-nav__linkdroparrow {
      padding-left: 15px; } }
  @media screen and (min-width: 1025px) {
    .site-nav__link, .site-nav__linkdrop, .site-nav__linkdroparrow {
      padding: 0 0 15px; }
      .site-nav__link:active, .site-nav__linkdrop:active, .site-nav__linkdroparrow:active, .site-nav__link:hover, .site-nav__linkdrop:hover, .site-nav__linkdroparrow:hover, .site-nav__link:focus, .site-nav__linkdrop:focus, .site-nav__linkdroparrow:focus {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none; } }

@media screen and (max-width: 1025px) {
  .site-nav__linkdrop {
    width: auto;
    min-width: 0;
    padding-right: 0; } }

.site-nav__linkdroparrow {
  padding-left: 15px; }

.sub-nav__dropdown {
  display: none; }
  .sub-nav__dropdown a {
    text-transform: capitalize;
    max-width: 100%;
    white-space: normal; }
  .sub-nav__dropdown li:last-child {
    border-bottom: 0; }
  @media screen and (max-width: 1025px) {
    .sub-nav__dropdown {
      margin: 0; } }
  @media screen and (min-width: 1025px) {
    .sub-nav__dropdown {
      margin: -10px 0 30px;
      background-color: transparent; }
      .sub-nav__dropdown a {
        padding: 0; }
      .sub-nav__dropdown li,
      .sub-nav__dropdown li:first-child {
        border: 0; } }

.site-nav__link, .site-nav__linkdrop, .site-nav__linkdroparrow, .site-nav__linkdrop, .site-nav__linkdroparrow {
  padding: 0;
  text-transform: capitalize; }

.site-nav--active,
.site-nav--active a {
  opacity: 1;
  color: black; }

.sub-nav__dropdown-toggle {
  font-size: 1.21429em;
  float: right;
  background-color: transparent;
  color: #000000; }
  .sub-nav__dropdown-toggle:hover {
    background-color: transparent;
    color: #000000; }
  @media screen and (min-width: 1025px) {
    .sub-nav__dropdown-toggle {
      display: inline-block;
      float: none;
      padding: 0;
      position: absolute;
      bottom: calc(50% - 6px);
      width: auto; } }
  @media screen and (max-width: 1025px) {
    .sub-nav__dropdown-toggle {
      padding-top: 20px;
      padding-bottom: 12px;
      position: absolute; } }

@media screen and (min-width: 1025px) {
  .site-nav__label {
    display: inline-block;
    padding: 0;
    width: auto;
    white-space: normal; } }

@media (max-width: 1199px) {
  .site-nav__link.site-nav__linknodrop, .site-nav__linknodrop.site-nav__linkdrop, .site-nav__linknodrop.site-nav__linkdroparrow, .site-nav__linknodrop.site-nav__linkdrop, .site-nav__linknodrop.site-nav__linkdroparrow {
    padding: 0; }
  .site-nav__link, .site-nav__linkdrop, .site-nav__linkdroparrow, .site-nav__linkdrop, .site-nav__linkdroparrow {
    width: auto; }
  .site-nav {
    text-align: center; } }

/*================ Mobile Nav ================*/
.cart-toggle,
.nav-toggle {
  color: #000000;
  display: inline-block;
  text-align: center;
  width: 100%; }
  .cart-toggle:active, .cart-toggle:hover, .cart-toggle:focus,
  .nav-toggle:active,
  .nav-toggle:hover,
  .nav-toggle:focus {
    color: #1a1a1a; }

.cart-toggle {
  font-size: 1.28571em; }

.nav-toggle {
  font-size: 1.57143em; }

@media screen and (min-width: 1025px) {
  .cart-toggle {
    font-size: 14px;
    height: auto;
    margin: 0;
    width: auto; } }

.hidden-count {
  display: none; }

.nav-mobile {
  position: absolute;
  background-color: #ffffff;
  font-family: "Open Sans";
  height: 100%;
  top: 0;
  left: 0;
  height: 100%;
  font-family: "Open Sans";
  z-index: 0;
  overflow: hidden; }
  @media screen and (min-width: 1025px) {
    .nav-mobile {
      display: none; } }
  .nav-mobile .page-move--nav {
    position: absolute; }
  .mobile-drawer--open .nav-mobile {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }

.page-wrapper {
  background-color: #ffffff;
  min-height: 100%;
  float: left;
  width: 100%; }

.page-element.activated {
  -webkit-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -moz-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -ms-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -o-transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  transition: left 0.5s cubic-bezier(0.75, 0.03, 0.52, 1); }

.cart_table input[type="number"] {
  padding: 0; }

.cart_table .cart-box img {
  border: 1px solid #f0f0f0; }

@media screen and (max-width: 1024px) {
  .nav-search {
    margin: 0 0 15px; } }

/**/
@media screen and (min-width: 992px) {
  #accessibleNav > li > a {
    padding: 10px 20px;
    text-transform: capitalize;
    display: inline-block;
    position: relative;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px; }
  #accessibleNav > li {
    padding: 0;
    position: relative;
    margin: 10px 5px; }
  /*#accessibleNav > li.site-nav--has-dropdown > a:hover::after{
      content: "\f106";
  } */ }

#accessibleNav > li.site-nav--has-dropdown > a::after {
  bottom: auto;
  content: "\f140";
  font-family: "Material Design Icons";
  font-size: 12px;
  line-height: 16px;
  position: relative;
  padding-left: 5px; }
  @media screen and (max-width: 991px) {
    #accessibleNav > li.site-nav--has-dropdown > a::after {
      display: none; } }

@media screen and (max-width: 991px) {
  .site-nav li {
    padding: 0;
    text-align: left;
    width: 100%; }
  .site-nav li a {
    line-height: 35px; }
  .site-nav--has-dropdown .sub-nav__dropdown, .site-nav--has-dropdown .sub-menu {
    margin-left: 15px;
    display: none; } }

/*================ mobile menu bar =================*/
.nav-menu-wrap .nav-toggle, .site-nav--has-dropdown .site-nav__dropdown-toggle, .nav_dropdown-toggle.btn, .nav_dropdown-toggle.btn--secondary, input.nav_dropdown-toggle[type="submit"], .mobile-nav__sublist-trigger {
  display: none; }

@media screen and (min-width: 992px) {
  .site-nav--has-dropdown:hover > .sub-nav__dropdown {
    display: block; } }

@media screen and (min-width: 992px) {
  .header_3 .site-nav--has-dropdown:hover > .sub-nav__dropdown {
    display: none; } }

/*================ Secondary nav ================*/
.nav-secondary {
  font-family: "Open Sans";
  font-size: 1em;
  margin: 0 0 15px; }
  .nav-secondary a {
    color: #777777; }
    .nav-secondary a:hover {
      color: #aaaaaa; }
  .nav-secondary li {
    margin: 0 0 0 15px; }
  .nav-secondary li:first-child {
    margin: 0; }

/*================ Page nav ====================*/
.article-pagination,
.product-pagination {
  border: 1px solid #f0f0f0;
  border-width: 1px 0;
  font-family: "Open Sans";
  font-size: 1em;
  margin: 30px 0;
  padding: 30px 0; }
  .article-pagination.last,
  .product-pagination.last {
    border-bottom: 0;
    padding-bottom: 0; }
  .article-pagination p,
  .product-pagination p {
    margin: 0; }
  .article-pagination .article-pagination__sep,
  .article-pagination .product-pagination__sep,
  .product-pagination .article-pagination__sep,
  .product-pagination .product-pagination__sep {
    padding: 0 7.5px; }
  @media screen and (min-width: 1025px) {
    .article-pagination,
    .product-pagination {
      margin: 60px 0; } }

.article__meta-buttons a {
  color: #5c5c5c; }

.article__meta-buttons a:hover {
  color: #000; }

/* =========================== services ==========================*/
.servicetop-cms {
  display: inline-block;
  width: 100%;
  margin-top: 40px; }

.ttcontent_inner .service .service-icon {
  display: inline-block;
  float: none;
  height: 66px;
  margin: 0 auto;
  text-align: center;
  transition: all 400ms ease-in-out 0s;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
  width: 66px; }

.serviceblock {
  background-repeat: no-repeat;
  margin: 5px 13px 30px;
  background-position: 18px 6px;
  border-right: 1px solid #cbcbcb; }

.serviceblock:last-child {
  border: none; }

.servicetop-cms .title {
  color: #232323;
  font: 400 16px/24px "Roboto", Helvetica, sans-serif;
  margin: 0 0 5px;
  text-transform: capitalize; }

.servicetop-cms .ttcontent_inner:hover .service .title {
  color: #000000; }

.servicetop-cms .subtitle {
  color: 4colorTextBody;
  font: 300 14px/18px "Roboto", Helvetica, sans-serif;
  text-transform: capitalize; }

.ttcontent_inner {
  float: left;
  width: 33.3333%;
  text-align: center;
  position: relative; }

.ttcontent_inner:hover .service .service-content .service-title {
  color: black; }

.ttrightservice-wrap:hover .ttcontent_inner .service .service-icon {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg); }

.servicetop-cms .service {
  padding-bottom: 16px; }

.servicetop-cms .ttcontent_inner:last-child:after {
  display: none; }

/**/
/*============================================================================
  #Breadcrumb
==============================================================================*/
/** breadcrumb **/
.breadcrumb-wrapper span.title {
  font-size: 18px;
  float: left;
  margin-bottom: 0; }

.breadcrumb-wrapper.breadcrumb-img h1, .breadcrumb-wrapper.breadcrumb-img .h1 {
  float: left;
  margin: 0;
  font-size: 28px;
  font-weight: 400;
  color: #000;
  margin-bottom: 10px; }
  @media screen and (max-width: 480px) {
    .breadcrumb-wrapper.breadcrumb-img h1, .breadcrumb-wrapper.breadcrumb-img .h1 {
      font-size: 16px;
      margin-bottom: 10px; } }

.breadcrumb-wrapper .breadcrumb {
  float: right;
  margin: 3px 0 0;
  font-size: 14px; }

.breadcrumb-wrapper.breadcrumb-img .breadcrumb, .breadcrumb-wrapper.breadcrumb-img h1, .breadcrumb-wrapper.breadcrumb-img .h1 {
  width: 100%; }

.breadcrumb-wrapper .container > span {
  font-size: 14px;
  font-weight: 400;
  line-height: 28px; }

.spr-header-title {
  font-size: 21px; }

.breadcrumb-wrapper {
  padding: 0;
  display: inline-block;
  width: 100%;
  background-color: transparent;
  margin: 25px 0;
  text-transform: capitalize;
  text-align: right;
  vertical-align: top; }
  @media screen and (max-width: 991px) {
    .breadcrumb-wrapper {
      margin: 10px 0 0px;
      padding: 10px; } }

.page-header {
  display: none; }

.breadcrumb .breadcrumb__sep:before {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: 14px;
  margin: 0px 8px; }

.breadcrumb-wrapper .breadcrumb a {
  font-size: 14px;
  line-height: 16px; }

.breadcrumb__sep {
  position: relative;
  display: inline-block;
  font-size: 0; }

@media screen and (max-width: 767px) {
  .breadcrumb-wrapper span.title, .breadcrumb-wrapper .breadcrumb {
    width: 100%;
    text-align: center; }
  .breadcrumb-wrapper .breadcrumb {
    margin-top: 10px; } }

.category_img {
  position: relative; }

@media screen and (max-width: 991px) {
  .breadcrumb-wrapper span.title, .breadcrumb-wrapper .span.title {
    margin-bottom: 0; } }

.breadcrumb-wrapper span.title, .breadcrumb-wrapper span.title {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.4px; }

.breadcrumb-wrap, .breadcrumb a, .breadcrumb-wrap a, .breadcrumb-wrap *, .breadcrumb-wrapper .breadcrumb-wrap h1, .breadcrumb-wrapper .breadcrumb-wrap .h1, .breadcrumb-wrapper .breadcrumb-wrap .h1, .breadcrumb .breadcrumb__sep:before {
  color: #232323; }

/*============================================================================
  #Left Column
==============================================================================*/
/*** sidebar banner css ***/
.img_banner {
  position: relative;
  float: left;
  width: 100%; }

.img_banner .title {
  font-size: 45px;
  font-weight: 600;
  left: 20px;
  line-height: 1;
  position: absolute;
  right: 10px;
  text-align: left;
  top: 3%; }

.img_banner .subtitle {
  font-size: 18px;
  left: 20px;
  line-height: 1.5;
  position: absolute;
  right: 20px;
  text-align: left;
  top: 9%; }

/*********   end  ********/
.left_column-wrap .collection_sidebar .shopify-section .widget, .right_column-wrap .collection_sidebar .shopify-section .widget,
.left_column-wrap .shopify-section > div, .right_column-wrap .shopify-section > div, #left-column .shopify-section > *, #right-column .shopify-section > *,
#right-column .shopify-section > .refined-widgets > a, #left-column .shopify-section > .refined-widgets > a,
#column-right .shopify-section > .refined-widgets > a, #column-left .shopify-section > .refined-widgets > a {
  float: left;
  width: 100%;
  padding: 18px;
  border: 1px solid #f0f0f0;
  margin: 0 0 -1px; }

#right-column .shopify-section > .refined-widgets,
#column-left .shopify-section > .refined-widgets,
#column-right .shopify-section > .refined-widgets,
#left-column .shopify-section > .refined-widgets {
  padding: 0;
  border: none; }

#column-left .widget-title, #column-right .widget-title {
  color: #333333;
  font: 500 16px/18px "Roboto",sans-serif;
  letter-spacing: 1px;
  margin: 0;
  padding: 5px 0 15px;
  text-transform: capitalize;
  position: relative; }
  @media screen and (max-width: 991px) {
    #column-left .widget-title, #column-right .widget-title {
      padding: 0; } }

#column-left .widget_top_rated_products .sale, #column-right .widget_top_rated_products .sale {
  display: none; }

.left_column-wrap #shopify-section-left-col-banner.shopify-section > div {
  padding: 8px; }

.right_column-wrap #shopify-section-right-col-banner.shopify-section > div {
  padding: 8px; }

.template-index .main-content #column-left .shopify-section:first-child,
.template-index .main-content #column-left .shopify-section:last-child,
.template-index .main-content #column-left .shopify-section,
.template-index .main-content #column-right .shopify-section,
.template-index .main-content #column-right .shopify-section:last-child,
.template-index .main-content #column-right .shopify-section:first-child {
  margin: 0; }

.right_column-wrap .right_sidebar_services {
  padding: 10px 18px !important; }
  @media screen and (max-width: 991px) {
    .right_column-wrap .right_sidebar_services {
      padding: 18px !important; } }

@media (max-width: 1199px) and (min-width: 992px) {
  .both_sidebar .widget_top_rated_products .sidebar-product .product-thumb {
    float: none;
    width: auto;
    display: inline-block;
    vertical-align: top; }
  .both_sidebar .widget_top_rated_products .sidebar-product .thumb-description {
    width: 100%;
    padding: 0; }
  .both_sidebar .widget_top_rated_products .product-wrapper.sidebar-product {
    text-align: center; } }

@media (max-width: 991px) {
  .left_column-wrap, .right_column-wrap {
    float: left;
    width: 100%; }
  .right_column-wrap #shopify-section-right-col-banner.shopify-section > div, .left_column-wrap #shopify-section-left-col-banner.shopify-section > div {
    width: auto;
    display: inline-block;
    float: left; }
  div#shopify-section-left-col-banner, div#shopify-section-right-col-banner {
    text-align: center; }
  .template-index .main-content #column-left .shopify-section:first-child,
  .template-index .main-content #column-left .shopify-section:last-child,
  .template-index .main-content #column-left .shopify-section,
  .template-index .main-content #column-right .shopify-section,
  .template-index .main-content #column-right .shopify-section:last-child,
  .template-index .main-content #column-right .shopify-section:first-child,
  .main-content .sidebar .shopify-section,
  .main-content .sidebar .shopify-section:last-child,
  .main-content .sidebar .shopify-section:first-child {
    margin: 0 0 10px 0; }
  #shopify-section-left-col-product .widget:first-child {
    margin: 0 0 10px; } }

/******* testimonial ******/
.ttleft-testimonial-wrap .testimonials_wrap .owl-nav {
  display: inline-block;
  text-align: center;
  width: auto; }

.ttleft-testimonial-wrap .owl-next, .ttleft-testimonial-wrap .owl-prev {
  position: relative;
  float: none;
  display: inline-block; }

.ttleft-testimonial-wrap .testimonial-image {
  height: 90px;
  width: 90px;
  float: left; }

.ttleft-testimonial-wrap .testimonial-content-desc {
  float: left;
  line-height: 20px;
  margin: 10px 0;
  text-align: left;
  width: 100%; }

.ttleft-testimonial-wrap .testimonial-image img {
  border: 1px solid #e5e5e5; }

.ttleft-testimonial-wrap .testimonial-title {
  float: left;
  text-align: left;
  padding: 0 0 0 20px;
  text-transform: capitalize; }

.testimonial-content .testimonial-title h5, .testimonial-content .testimonial-title .h5 {
  font-weight: 400; }

.ttleft-testimonial-wrap .testimonial-user-title h5, .ttleft-testimonial-wrap .testimonial-user-title .h5 {
  color: #333333;
  font: 400 14px/18px "Roboto", sans-serif;
  margin-bottom: 0; }

.ttleft-testimonial-wrap .testimonial-user-desc {
  font-family: "Open Sans", Helvetica, sans-serif;
  font-size: 12px;
  color: #888888;
  float: left;
  width: 100%;
  margin: 0;
  text-transform: capitalize;
  padding-bottom: 10px;
  position: relative; }

.ttleft-testimonial-wrap .grid__item.testimonials_wrap {
  padding: 0;
  text-align: center; }

.ttleft-testimonial-wrap .grid__item.testimonials_wrap .testimonial-block {
  text-align: left; }

@media (min-width: 992px) and (max-width: 1199px) {
  .testimonial-detail {
    text-align: center; } }

.sidebar .ttleft-testimonial-wrap .testimonial-user-title h4, .sidebar .ttleft-testimonial-wrap .testimonial-user-title .h4 {
  margin-bottom: 2px;
  color: #333333; }

/******* end testimonial ******/
/********* left or right services ********/
.ttleftservice-wrap .ttcontent_inner {
  width: 100%;
  float: right; }

#ttcmsleftservices .block_content > div {
  float: left;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
  padding: 20px 0; }

#ttcmsleftservices .block_content > div .ttcontent_inner .service .service-icon {
  width: 62px;
  height: 52px;
  float: left;
  position: relative; }

.leftservice-content {
  float: left;
  text-align: left;
  width: calc(100% - 75px);
  padding: 5px 0 0 15px; }

#ttcmsleftservices .block_content > div:last-child {
  border: none; }

#ttcmsleftservices .block_content > div .ttcontent_inner .service .leftservice-content .service-title {
  font: 400 16px/24px "Roboto", Helvetica, sans-serif; }

#ttcmsleftservices .block_content > div .ttcontent_inner .service .leftservice-content .service-desc {
  font: 300 14px/18px "Open Sans", Helvetica, sans-serif; }

/********** end of services **********/
/********** end of ttservices **********/
#ttcmsservices {
  float: left;
  width: 100%;
  background: #fff; }
  @media screen and (max-width: 767px) {
    #ttcmsservices {
      padding: 0; } }

#ttcmsservices .ttservice-wrap {
  padding: 20px 0;
  float: left;
  width: 33.33%;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 480px) {
    #ttcmsservices .ttservice-wrap {
      width: 100%; } }

#ttcmsservices .ttservice-wrap::after {
  position: absolute;
  border-right: 1px solid #f0f0f0;
  content: "";
  top: 13px;
  height: 70px;
  right: 0; }
  @media screen and (max-width: 767px) {
    #ttcmsservices .ttservice-wrap::after {
      top: 35px; } }
  @media screen and (max-width: 480px) {
    #ttcmsservices .ttservice-wrap::after {
      border-bottom: 1px solid #f0f0f0;
      border-right: none;
      bottom: 0;
      content: "";
      left: 0;
      margin: 0 auto;
      width: 50%;
      top: auto; } }

#ttcmsservices .ttservice-wrap:last-child::after {
  border: none; }

#ttcmsservices .ttservice-wrap .ttcontent {
  float: none;
  width: auto;
  display: inline-block; }

#ttcmsservices .ttservice-wrap .service img {
  width: 62px;
  height: 52px;
  float: left; }
  @media screen and (max-width: 767px) {
    #ttcmsservices .ttservice-wrap .service img {
      float: none; } }

#ttcmsservices .ttservice-wrap .content {
  float: left;
  padding: 5px 0 0 15px; }
  @media screen and (max-width: 767px) {
    #ttcmsservices .ttservice-wrap .content {
      padding: 5px 0 0;
      width: 100%; } }

#ttcmsservices .ttservice-wrap .content .service-title {
  font-size: 16px;
  line-height: 24px; }

#ttcmsservices .ttservice-wrap .content .service-desc {
  font-size: 14px;
  line-height: 18px; }

/********** **********/
/********** end of ttservices **********/
#ttcmsservices {
  float: left;
  width: 100%;
  background: #fff; }

#ttcmsservices .ttservice-wrap {
  padding: 20px 0;
  float: left;
  width: 33.33%;
  text-align: center;
  position: relative; }

#ttcmsservices .ttservice-wrap::after {
  position: absolute;
  border-right: 1px solid #f0f0f0;
  content: "";
  top: 13px;
  height: 70px;
  right: 0; }

#ttcmsservices .ttservice-wrap:last-child::after {
  border-right: none; }

#ttcmsservices .ttservice-wrap .ttcontent {
  float: none;
  width: auto;
  display: inline-block; }

#ttcmsservices .ttservice-wrap .service-icon {
  width: 62px;
  height: 52px;
  float: left; }

#ttcmsservices .ttservice-wrap .content {
  float: left;
  padding: 5px 0 0 15px; }

#ttcmsservices .ttservice-wrap .content .service-title {
  font-size: 16px;
  line-height: 24px; }

#ttcmsservices .ttservice-wrap .content .service-desc {
  font-size: 13px;
  line-height: 18px; }

/************************/
/************ left menu **********/
#left_accessibleNav > li.site-nav--has-dropdown > a::after {
  color: #000; }

ul#left_accessibleNav {
  margin: 0; }

.left_column-wrap .shopify-section > div.left-sidebar-menu {
  padding-left: 0;
  padding-right: 0;
  padding-top: 13px;
  border: 1px solid #f0f0f0; }

#column-left .left_column-wrap .shopify-section > div.left-sidebar-menu .widget-title, .left_column-wrap .shopify-section > div.left-sidebar-menu #left_accessibleNav > li {
  margin: 0;
  padding-left: 18px !important; }

@media screen and (min-width: 992px) {
  #left_accessibleNav .more_menu .sub-nav__dropdown {
    padding: 10px 0; }
  #left_accessibleNav .more_menu .sub-nav__dropdown .site-nav--has-dropdown {
    float: left;
    width: 100%; }
  .left_column-wrap .shopify-section > div.left-sidebar-menu h5.widget-title, .left_column-wrap .shopify-section > div.left-sidebar-menu .widget-title.h5 {
    padding-bottom: 10px !important; }
  #left_accessibleNav > li.site-nav--has-dropdown > a::after, #left_accessibleNav li.site-nav--has-dropdown > a::after {
    color: #afadad;
    content: "\f142";
    font-family: "Material Design Icons";
    font-size: 15px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9; }
  #left_accessibleNav > li.site-nav--has-dropdown > a::after {
    float: right;
    height: 38px;
    width: 38px;
    z-index: 1;
    text-align: center;
    line-height: 38px; }
  #left_accessibleNav > li.site-nav--has-dropdown:hover > a::after {
    background: #eee; } }

#left_accessibleNav ul.mega-menu.sub-menu li.site-nav--has-dropdown > a::after {
  display: none; }

#left_accessibleNav > li {
  position: relative;
  display: inline-block;
  line-height: 33px;
  width: 100%;
  padding: 0 18px; }

@media screen and (min-width: 992px) {
  div#ttcmsrightservices .widget-title, div#ttcmsleftservices .widget-title {
    display: none; }
  #left_accessibleNav .sub-menu {
    display: none; }
  #left_accessibleNav .sub-nav__dropdown:not(.mega-menu) li.site-nav--has-dropdown > a {
    padding-right: 10px;
    width: 100%; }
  #left_accessibleNav .site-nav--has-dropdown:hover > .sub-nav__dropdown, #left_accessibleNav ul:not(.mega-menu) .site-nav--has-dropdown:hover > .sub-menu {
    display: block;
    position: absolute;
    left: 100%;
    background: #fff;
    z-index: 99;
    display: inline-block !important;
    border: 4px solid #eeeeee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    margin: 0;
    right: auto;
    top: 0;
    width: auto; }
  #left_accessibleNav .sub-menu {
    padding: 20px 0; }
  #left_accessibleNav ul.mega-menu {
    padding: 20px; }
  #left_accessibleNav li li {
    padding: 0 20px; }
  #left_accessibleNav ul.mega-menu li {
    padding: 0; }
  #left_accessibleNav .sub-nav__dropdown li, #left_accessibleNav .sub-nav__dropdown li:first-child {
    text-align: left;
    min-width: 165px;
    line-height: 18px; }
  #left_accessibleNav .sub-nav__dropdown a {
    position: relative;
    padding: 0;
    line-height: 2;
    font-size: 14px; }
  #left_accessibleNav .sub-nav__dropdown .sub-menu a {
    line-height: 2; }
  #left_accessibleNav .mega-menu.sub-nav__dropdown > li > a {
    padding: 6px 0; }
  #left_accessibleNav .site-nav--has-dropdown:hover > .sub-nav__dropdown.mega-menu {
    display: table !important; }
  #left_accessibleNav .site-nav--has-dropdown:hover > .sub-nav__dropdown.mega-menu > li {
    display: table-cell !important;
    max-width: 170px;
    line-height: 1.6;
    min-width: 230px;
    vertical-align: top; }
  #left_accessibleNav .site-nav--has-dropdown > .sub-nav__dropdown.mega-menu > li ul.sub-menu,
  #left_accessibleNav .site-nav--has-dropdown:hover > .sub-nav__dropdown.mega-menu > li ul.sub-menu {
    display: block !important; }
  #left_accessibleNav .site-nav--has-dropdown > .sub-nav__dropdown.mega-menu > li > a:before {
    background: #eee;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    right: auto;
    position: absolute;
    width: 30px; }
  #left_accessibleNav {
    display: block !important; } }

@media screen and (max-width: 991px) {
  #left_accessibleNav .more_menu .top-link.sub-nav__dropdown {
    display: block !important;
    margin: 0; }
  #left_accessibleNav .more_menu .mega-menu-link {
    display: none; }
  #left_accessibleNav li, #topnavmenu li {
    margin: 0 0 5px;
    padding: 0;
    line-height: 25px; }
  #left_accessibleNav, #topnavmenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 15px;
    border: 1px solid #f0f0f0;
    background: #fff; }
  .mobile-nav__sublist-trigger {
    display: block; }
  span.mobile-nav__sublist-contract, .mobile-nav__sublist-trigger.is-active .mobile-nav__sublist-expand {
    display: none; }
  .mobile-nav__sublist-trigger.is-active .mobile-nav__sublist-contract {
    display: block; }
  span.mobile-nav__sublist-trigger {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    line-height: 26px;
    font-size: 17px; }
  .site-nav--has-dropdown:hover > .sub-nav__dropdown, .site-nav--has-dropdown > .sub-nav {
    background: none; }
  .site-nav__link, .site-nav__linkdrop, .site-nav__linkdroparrow, .site-nav__linkdrop, .site-nav__linkdroparrow, .site-nav__linkdrop, .site-nav__linkdroparrow {
    position: relative;
    width: 100%;
    text-transform: capitalize; } }

/***** sidebar products ****/
.widget_top_rated_products a.product-t {
  border: 1px solid #f0f0f0; }

.widget_top_rated_products .product-price__price, .widget_top_rated_products .product-price__price .money, .widget_top_rated_products .price, .widget_top_rated_products price .money {
  font-size: 14px; }

.top-product-prices span.visually-hidden {
  display: none; }

/***********/
/*============================================================================
  #Right Column
==============================================================================*/
/********* right services ********/
.ttrightservice-wrap .ttcontent_inner {
  width: 100%;
  float: right; }

#ttcmsrightservices .block_content > div {
  float: left;
  width: 100%;
  border-bottom: 1px solid #f0f0f0;
  padding: 20px 0; }

#ttcmsrightservices .block_content > div .ttcontent_inner .service .service-icon {
  width: 62px;
  height: 52px;
  float: left;
  position: relative; }

.rightservice-content {
  float: right;
  padding: 5px 0 0 15px;
  position: relative;
  text-align: left;
  width: calc(100% - 63px); }

#ttcmsrightservices .block_content > div:last-child {
  border: none; }

#ttcmsrightservices .block_content > div .ttcontent_inner .service .rightservice-content .service-title {
  font: 400 14px/24px "Roboto", Helvetica, sans-serif;
  color: #333333; }

#ttcmsrightservices .block_content > div .ttcontent_inner .service .rightservice-content .service-desc {
  font: 300 14px/18px "Open Sans", Helvetica, sans-serif; }

@media (max-width: 1200px) {
  .rightservice-content {
    padding: 5px 0 0 8px; } }

@media (min-width: 992px) and (max-width: 1199px) {
  #ttcmsrightservices .block_content > div .ttcontent_inner .service .service-icon {
    width: 100%; }
  .rightservice-content {
    text-align: center;
    width: 100%; } }

/********** end of services **********/
/*** sidebar banner css ***/
.img_banner, .right_img_banner {
  position: relative;
  float: left;
  width: 100%; }

.img_banner .title {
  font-size: 28px;
  font-weight: 600;
  left: 35px;
  line-height: 1;
  position: absolute;
  right: 10px;
  text-align: left;
  top: 6%;
  line-height: 38px; }

.img_banner .subtitle {
  font-size: 18px;
  left: 25px;
  line-height: 20px;
  position: absolute;
  right: 20px;
  text-align: left;
  top: 14%; }

.right_img_banner .title {
  font-size: 38px;
  line-height: 1;
  font-weight: 600;
  position: absolute;
  top: 3%;
  left: 20px;
  right: 20px;
  text-align: left; }

.right_img_banner .subtitle {
  font-size: 20px;
  line-height: 20px;
  position: absolute;
  top: 5%;
  left: 20px;
  right: 20px;
  text-align: left;
  padding-top: 30px; }

@media (max-width: 1199px) {
  .img_banner .title, .right_img_banner .title {
    font-size: 28px;
    left: 20px;
    line-height: 35px;
    top: 3%; }
  .right_img_banner .subtitle, .img_banner .subtitle {
    font-size: 14px;
    left: 20px; } }

@media (max-width: 991px) {
  .img_banner .title, .right_img_banner .title {
    font-size: 34px; }
  .right_img_banner .subtitle, .img_banner .subtitle {
    font-size: 20px; } }

@media screen and (max-width: 991px) {
  .img_banner .subtitle {
    bottom: 65%; }
  .right_img_banner .subtitle {
    bottom: 19%; } }

/*********   end  ********/
/*============================================================================
  #Custom Section
==============================================================================*/
.page-content-wrapper {
  float: left;
  width: 100%;
  position: relative; }

/****** home page cms banner css *****/
#ttcmsbanner {
  float: left;
  width: 100%;
  margin: 10px 0 0; }

#ttcmsbanner .ttbanner-content {
  position: absolute;
  left: 10%;
  top: 33%;
  right: 10%;
  bottom: auto; }

#ttcmsbanner .subtitle {
  font-size: 20px; }

#ttcmsbanner .title {
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 5px;
  font-weight: 500; }

.ttbanner-wrap .ttbanner:nth-child(1) .title, .ttbanner-wrap .ttbanner:nth-child(1) .subtitle {
  text-align: right; }

#ttcmsbanner .ttbanner-wrap .ttbanner:nth-child(2) .title {
  font-weight: 600; }

.ttbanner-wrap .ttbanner:nth-child(2) .title, .ttbanner-wrap .ttbanner:nth-child(2) .subtitle {
  text-align: center; }

.ttbanner-wrap .ttbanner:nth-child(3) .title, .ttbanner-wrap .ttbanner:nth-child(3) .subtitle {
  text-align: left; }

@media (max-width: 1200px) {
  #ttcmsbanner .title {
    font-size: 19px;
    line-height: 25px; }
  #ttcmsbanner .subtitle {
    font-size: 14px; } }

@media (min-width: 481px) and (max-width: 1199px) {
  #ttcmsbanner .title {
    font-size: 12px;
    line-height: 16px; }
  #ttcmsbanner .subtitle {
    font-size: 10px; } }

@media screen and (min-width: 481px) and (max-width: 544px) {
  .ttbanner1.ttbanner.col-sm-4.col-xs-4 {
    padding: 0 10px; }
  #ttcmsbanner .title {
    font-size: 11px;
    line-height: 12px; }
  #ttcmsbanner .subtitle {
    font-size: 9px; } }

@media screen and (max-width: 480px) {
  #ttcmsbanner .ttbanner-wrap .ttbanner {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 15px; }
  .ttbanner-wrap .ttbanner .ttbanner-img {
    position: relative;
    text-align: center;
    width: auto;
    display: inline-block;
    margin: 0 auto; }
  .ttbanner-wrap {
    display: block !important; } }

/*********************ttcmshomebanner******************************/
#ttcmshomebanner .tthomebanner .ttbanner-content {
  bottom: 70%;
  position: absolute;
  left: 10%;
  text-align: center;
  right: 10%;
  margin: 0 auto;
  width: auto; }
  @media screen and (max-width: 767px) {
    #ttcmshomebanner .tthomebanner .ttbanner-content {
      bottom: 65%; } }

#ttcmshomebanner .tthomebanner .ttbanner-content .title {
  font-size: 39px;
  font-weight: 600;
  line-height: 35px; }

#ttcmshomebanner .tthomebanner .ttbanner-content .subtitle {
  font-size: 25px;
  font-weight: 400; }

#ttcmshomebanner .tthomebanner-img a {
  position: relative;
  overflow: hidden;
  width: 100%;
  display: inline-block;
  float: left; }

#ttcmshomebanner .tthomebanner-img a::before {
  bottom: 0;
  right: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  content: "";
  height: 0;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  width: 0; }

#ttcmshomebanner .tthomebanner-img a::after {
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  height: 0;
  width: 0;
  content: "";
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; }

#ttcmshomebanner .tthomebanner-img a:hover::after, #ttcmshomebanner .tthomebanner-img a:hover::before {
  height: 100%;
  width: 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  transition-duration: 1.3s; }

@media screen and (max-width: 1600px) {
  #ttcmshomebanner .tthomebanner .ttbanner-content .title {
    font-size: 30px;
    line-height: 30px; }
  #ttcmshomebanner .tthomebanner .ttbanner-content .subtitle {
    font-size: 22px; } }

@media screen and (max-width: 1200px) {
  #ttcmshomebanner .tthomebanner .ttbanner-content .title {
    font-size: 23px;
    line-height: 25px; }
  #ttcmshomebanner .tthomebanner .ttbanner-content .subtitle {
    font-size: 18px;
    line-height: 17px; } }

@media screen and (max-width: 480px) {
  #ttcmshomebanner .ttbanner .tthomebanner {
    display: inline-block;
    float: none;
    margin: 0 0 15px;
    text-align: center;
    vertical-align: top;
    width: 100%; } }

/***********************************************************************/
/*** Isotop filter****/
.isotop_filter_wrap {
  float: left;
  width: 100%;
  position: relative; }

.tt-product-items.animatedcontainer {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s; }

.tt-product-filters ul li {
  list-style: none;
  display: inline;
  margin-right: 5px; }

/*************/
/**left filter**/
.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  -o-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  overflow: hidden; }

.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed; }

.js-off-canvas-overlay.is-closable {
  cursor: pointer; }

.js-off-canvas-overlay.is-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  visibility: visible; }

.js-off-canvas-overlay {
  z-index: 8888; }

.off-canvas-wrapper {
  position: relative;
  overflow: hidden; }

.off-canvas.position-left.is-open {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px); }

.off-canvas.is-transition-overlap.is-open {
  -webkit-box-shadow: 0;
  box-shadow: 0; }

.off-canvas.position-left {
  width: 320px;
  -webkit-transform: translateX(-320px);
  -ms-transform: translateX(-320px);
  transform: translateX(-320px);
  overflow-y: initial; }
  @media screen and (max-width: 480px) {
    .off-canvas.position-left {
      width: 280px; } }

.off-canvas.is-transition-overlap {
  z-index: 8889; }

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 270px;
  -webkit-transform: translateX(-270px);
  -ms-transform: translateX(-270px);
  transform: translateX(-270px); }

a.filter-right {
  float: right;
  line-height: 2.1;
  font-size: 15px;
  text-transform: capitalize; }

a.filter-right i {
  padding-left: 10px; }

a.filter-left i {
  padding-right: 10px; }

a.filter-left {
  line-height: 2.1;
  font-size: 15px;
  text-transform: capitalize; }

.full_width.wrap_left_filter .view-mode.filter-grid-list.grid__item, .full_width.wrap_left_filter .sorting_wrapper {
  float: right;
  padding-left: 15px; }
  @media screen and (max-width: 480px) {
    .full_width.wrap_left_filter .view-mode.filter-grid-list.grid__item, .full_width.wrap_left_filter .sorting_wrapper {
      padding-left: 0; } }

.full_width.right_filter.collection-sorting {
  float: left;
  margin-left: 15px; }
  @media screen and (max-width: 480px) {
    .full_width.right_filter.collection-sorting {
      margin-left: 0; } }

.full_width.left_filter.collection-sorting {
  float: right; }

.off-canvas.position-right.is-open {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transform: translateX(0px); }

.off-canvas.position-right {
  width: 320px;
  -webkit-transform: translateX(320px);
  -ms-transform: translateX(320px);
  transform: translateX(320px);
  overflow-y: initial; }
  @media screen and (max-width: 480px) {
    .off-canvas.position-right {
      width: 280px; } }

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 270px;
  -webkit-transform: translateX(-270px);
  -ms-transform: translateX(-270px);
  transform: translateX(-270px); }

.off-canvas {
  position: fixed;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #FFF; }

.full_width.wrap_right_filter .sorting_wrapper {
  float: left; }

.full_width .view-mode.filter-grid-list.grid__item {
  margin: 0; }

.filter-wrapper.full_width {
  padding: 10px;
  border: 1px solid #f0f0f0;
  margin: 0 0 10px; }

@media screen and (max-width: 480px) {
  .full_width.wrap_right_filter a.filter-right {
    float: right; } }

/******* Product Categories ******/
.ttproduct-categories-wrap {
  float: left;
  width: 100%; }

.product-cat-item {
  float: left;
  position: relative;
  margin-bottom: 25px; }

.product-layouts {
  float: left;
  width: 100%; }

.TTProduct-Tab .owl-carousel .owl-item {
  width: 25%; }

/****category block****/
.tt-event-overlay-block {
  position: absolute;
  bottom: 15px;
  left: 20px;
  right: 20px;
  transform: translateY(100%) translateZ(0);
  -webkit-transform: translateY(100%) translateZ(0);
  -webkit-transition: transform .3s ease;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease; }

.tt-event-overlay-block .collection-count {
  margin-top: 5px;
  opacity: 0;
  transform: translateY(15px) translateZ(0);
  -webkit-transform: translateY(15px) translateZ(0);
  -webkit-transition: transform .3s ease,opacity .3s ease;
  -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: transform .3s ease,opacity .3s ease;
  transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;
  width: 100%;
  font-size: 18px; }

.tt-event-overlay {
  float: left;
  width: 100%;
  color: #232323; }

.list-collection-products .pickgradient-products {
  display: inline-block; }

.ttproduct-cat-item:hover .collection-count {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0); }

.wrapp-category {
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.12);
  position: relative;
  overflow: hidden; }

.ttproduct-cat-item:hover .ttcategory-image {
  transform: scale3d(1.1, 1.1, 1);
  -webkit-transform: scale3d(1.1, 1.1, 1); }

.ttproduct-cat-item:first-child .ttcategory-title {
  font-size: 28px; }

.ttproduct-cat-item:hover .tt-event-overlay-block {
  transform: translateY(0) translateZ(0);
  -webkit-transform: translateY(0) translateZ(0); }

.ttproduct-cat-item .category-image {
  display: block;
  margin: -1px;
  -webkit-transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
  transition: -webkit-transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
  transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18);
  transition: transform 0.5s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 0.5s cubic-bezier(0, 0, 0.44, 1.18); }

.ttproduct-cat-item .ttcategory-title {
  position: absolute;
  left: 0;
  bottom: 100%; }

/****************/
.countdownHolder {
  width: 184px;
  margin: 0 auto;
  /*font: 40px/1.5 'Open Sans Condensed',sans-serif;*/
  text-align: center;
  letter-spacing: -3px; }

.position {
  display: inline-block;
  height: 1.6em;
  overflow: hidden;
  position: relative;
  width: 1.05em; }

.digit {
  position: absolute;
  display: block;
  width: 1em;
  background-color: #444;
  border-radius: 0.2em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -khtml-border-radius: 0.2em;
  border-radius: 0.2em;
  text-align: center;
  color: #fff;
  letter-spacing: -1px; }

.digit.static {
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35);
  background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #3A3A3A), color-stop(0.5, #444444)); }

/**
 * You can use these classes to hide parts
 * of the countdown that you don't need.
 */
.countDays {
  /* display:none !important;*/;
}

.countDiv0 {
  /* display:none !important;*/;
}

.countDiv {
  display: inline-block;
  width: 16px;
  height: 1.6em;
  position: relative;
}

.countDiv:before,
.countDiv:after {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #444;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  left: 50%;
  margin-left: -3px;
  top: 0.5em;
  box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
  content: '';
}

.countDiv:after {
  top: 0.9em;
}

#note {
  color: #666666;
  font-size: 12px;
  margin: 0 auto;
  padding: 4px;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flip-countdown-text {
  margin-top: -7px;
  font-size: 20px;
  color: #24ceff;
}

.flip-countdown {
  margin: 9px auto;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  float: left;
}

.fixed-content .product-single__header .flip-countdown {
  margin: 10px auto 0;
}

#shopify-section-sidebar-tag-filters aside.sidebar-tag {
  margin: 0;
  float: left;
  width: 100%;
}

@media screen and (max-width: 991px) {
  #shopify-section-sidebar-tag-filters {
    margin: 0;
  }

  .flip-countdown {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .flip-countdown > *:not(:first-child) {
    margin-top: 15px;
  }
}

.flip-countdown .time {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  position: relative;
  height: 44px;
  width: 48px;
  margin-right: 5px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  transform: translate3d(0, 0, 0);
}

.flip-countdown .count {
  background: #000;
  color: #fff;
  display: block;
  font-size: 23px;
  line-height: 44px;
  font-weight: 500;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.flip-countdown .count.top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  height: 50%;
  transform-origin: 50% 100%;
}

.flip-countdown .count.bottom {
  background: #000;
  line-height: 0;
  height: 50%;
  top: 50%;
  transform-origin: 50% 0;
}

.flip-countdown .label {
  font-size: 14px;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  color: #000;
  padding: 0;
  font-weight: 400;
  text-transform: capitalize;
}

.flip-countdown .count.curr.top {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  z-index: 3;
}

.flip-countdown .count.next.bottom {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg);
  z-index: 2;
}

.flip-countdown .flip .count.curr.top {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.flip-countdown .flip .count.next.bottom {
  -webkit-transition: all 250ms ease-in-out 250ms;
  -moz-transition: all 250ms ease-in-out 250ms;
  -ms-transition: all 250ms ease-in-out 250ms;
  -o-transition: all 250ms ease-in-out 250ms;
  transition: all 250ms ease-in-out 250ms;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

/************************************************/
/******** top banner bottom banner ******/
.hover_style1 {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.hover_style1 .top_img_banner a:before, .hover_style1 .ttbanner-img a:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
}

.hover_style1 .top_img_banner:hover a:before, .hover_style1 .ttbanner-img:hover a:before {
  -webkit-animation: shine 1.5s;
  animation: shine 1.5s;
}

/********/
.widget_top_rated_products .top-products-detail {
  padding-right: 0;
}

ul.mini-products-list {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

/*home banner*/
#ttcmsbanner .ttbaaner-img1.ttbanner {
  padding-bottom: 20px;
}

@media screen and (max-width: 480px) {
  #ttcmsbanner .ttbaaner-img1.ttbanner {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

#ttcmsbanner {
  float: left;
  width: 100%;
}

#ttcmsbanner .hover_style1 {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
}

.ttbanner {
  overflow: hidden;
}

.ttbanner .ttbanner-img {
  position: relative;
  text-align: center;
}

a.size-filter-option {
  float: left;
  width: 100%;
}

#ttcmsbanner .hover_style1 .ttbanner a:before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  -o-transform: skewX(-25deg);
}

#ttcmsbanner .hover_style1 .ttbanner:hover a:before {
  -webkit-animation: shine 1.5s;
  animation: shine 1.5s;
}

.hover_style2 .ttbanner span.hover, .hover_style2 .ttbanner-img span.hover {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  display: block;
  height: 0;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  text-indent: -9999px;
  width: 0;
}

.hover_style2 .ttbanner span.hover.hover1, .hover_style2 .ttbanner-img span.hover.hover1 {
  left: 0;
  top: 0;
}

.hover_style2 .ttbanner span.hover.hover2, .hover_style2 .ttbanner-img span.hover.hover2 {
  right: 0;
  top: 0;
}

.hover_style2 .ttbanner span.hover.hover3, .hover_style2 .ttbanner-img span.hover.hover3 {
  bottom: 0;
  left: 0;
  top: auto;
}

.hover_style2 .ttbanner span.hover.hover4, .hover_style2 .ttbanner-img span.hover.hover4 {
  bottom: 0;
  right: 0;
  top: auto;
}

.hover_style3 .ttbanner-img a::before {
  background: inherit;
  bottom: 50%;
  content: "";
  left: -35%;
  position: absolute;
  right: -35%;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  transition-delay: 0.1s;
  z-index: 1;
}

.hover_style3 .ttbanner-img a {
  background-color: rgba(255, 255, 255, 0.1);
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px);
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  color: #fff !important;
}

.hover_style3 .ttbanner-img a::after, .hover_style3 .ttbanner-img a::before {
  content: "";
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.hover_style3 .ttbanner-img:hover a::after, .hover_style3 .ttbanner-img:hover a::before {
  bottom: -35%;
  top: -35%;
  transition-delay: 0s;
}

.ttbanner .feature-row__item:hover span.hover, .ttbanner-img:hover span.hover {
  height: 100%;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  transition-duration: 1.3s;
  width: 100%;
}

.hover_style4 .ttbanner-img a:before, .hover_style5 .ttbanner-img a:before {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  right: 51%;
  top: 0;
}

.hover_style4 .ttbanner-img a:after {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  bottom: 50%;
  content: "";
  left: 0;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  position: absolute;
  right: 0;
  top: 50%;
}

.hover_style4 .ttbanner-img:hover a:before, .hover_style5 .ttbanner-img:hover a:before {
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  right: 0;
  -webkit-transition: all 900ms ease-in-out 0s;
  -moz-transition: all 900ms ease-in-out 0s;
  -ms-transition: all 900ms ease-in-out 0s;
  -o-transition: all 900ms ease-in-out 0s;
  transition: all 900ms ease-in-out 0s;
}

.hover_style5 .ttbanner-img:hover a:before {
  left: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  right: 0;
  -webkit-transition: all 900ms ease-in-out 0s;
  -moz-transition: all 900ms ease-in-out 0s;
  -ms-transition: all 900ms ease-in-out 0s;
  -o-transition: all 900ms ease-in-out 0s;
  transition: all 900ms ease-in-out 0s;
}

.hover_style4 .ttbanner-img:hover a:after {
  bottom: 0;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  top: 0;
  -webkit-transition: all 900ms ease-in-out 0s;
  -moz-transition: all 900ms ease-in-out 0s;
  -ms-transition: all 900ms ease-in-out 0s;
  -o-transition: all 900ms ease-in-out 0s;
  transition: all 900ms ease-in-out 0s;
}

@media screen and (max-width: 991px) {
  #ttcmsbanner .right-banner .row {
    margin: 0 -10px !important;
  }
}

@media screen and (max-width: 767px) {
  #ttcmsbanner .ttbanner-wrap .right-banner .row, #ttcmsbanner .hover_style1 > .row {
    margin: 0 -10px !important;
  }
}

@media screen and (max-width: 480px) {
  #ttcmsbanner .ttcmsbanner {
    width: 100%;
  }

  #ttcmsbanner .ttbaaner-img3.ttbanner {
    margin-top: 15px;
  }
}

.product-detail-section {
  text-align: left;
}

.quickview-template {
  bottom: 0;
  left: 0;
  outline: 0 none;
  overflow-x: auto;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050;
  display: none;
}

.quick-view {
  bottom: 0;
  left: 0;
  outline: 0 none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
  display: none;
}

.quick-view .product-detail-section p.dt-sc-button {
  margin: 20px 0 0px 0;
}

.quick-view form .actions button {
  font-weight: 400;
  text-transform: uppercase;
  float: left;
  padding: 12px 15px;
  padding-left: 40px;
  text-transform: capitalize;
}

.quick-view .product-shop.summary .details {
  float: left;
  width: 100%;
}

.quick-view .product-shop.summary .details label {
  float: left;
  margin-right: 15px;
  width: 70px;
  margin-top: 10px;
  display: none;
}

.quick-view .product-shop.summary h2.product-title, .quick-view .product-shop.summary .product-title.h2 {
  padding-bottom: 10px;
  margin: 0;
  border-bottom: 1px solid #f0f0f0;
}

.quick-view .product-detail-section p.dt-sc-button {
  margin: 20px 0 0px 0;
  float: left;
}

.quick-view .product-shop .qnt_wrap .button:hover {
  background: #eeeeee none repeat scroll 0 0;
}

.product-photo-thumbs li img:hover, .product-single__thumbs li img:hover {
  border-color: #dddddd;
}

.quick-view .product-shop.summary select {
  width: 100%;
  padding: 12px 10px;
}

.quick-view.open-in {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: opacity .4s,-webkit-transform .4s;
  -moz-transition: opacity .4s,-webkit-transform .4s;
  -ms-transition: opacity .4s,-webkit-transform .4s;
  -o-transition: opacity .4s,-webkit-transform .4s;
  transition: opacity .4s,-webkit-transform .4s;
  -webkit-transition: transform .4s,opacity .4s;
  -moz-transition: transform .4s,opacity .4s;
  -ms-transition: transform .4s,opacity .4s;
  -o-transition: transform .4s,opacity .4s;
  transition: transform .4s,opacity .4s;
  -webkit-transition: transform .4s,opacity .4s,-webkit-transform .4s;
  -moz-transition: transform .4s,opacity .4s,-webkit-transform .4s;
  -ms-transition: transform .4s,opacity .4s,-webkit-transform .4s;
  -o-transition: transform .4s,opacity .4s,-webkit-transform .4s;
  transition: transform .4s,opacity .4s,-webkit-transform .4s;
}

.ajax-success-modal .overlay {
  background: rgba(45, 45, 50, 0.8);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
}

.quick-view .content {
  background: #fff;
  z-index: 99;
  display: block;
  margin: 40px auto;
  position: relative;
  width: 50%;
  padding: 50px 15px 15px;
}

@media screen and (max-width: 1200px) {
  .quick-view .content {
    width: 70%;
  }
}

.ajax-success-modal .overlay {
  z-index: 99;
}

._quick-view-content {
  display: none;
}

.quick-view .close-window, #fancybox-close,
.search-close, #popupBoxClose {
  background: url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/hover.png?10708498227930971215) no-repeat;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.Site-navigation .horizontal-mega-menu ul.mm-submenu.tree li {
  padding: 7px 20px !important;
}

/* ajax */
.ajax-success-modal .total_itmes {
  font-size: 14px;
}

.ajax-success-modal .content, .ajax-error-modal .modal-inner {
  padding: 40px;
  background: #fff;
  bottom: auto;
  left: 0;
  position: fixed;
  right: 0;
  top: 50% !important;
  width: 568px;
  float: left;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto;
  z-index: 999;
}

@media screen and (max-width: 1200px) {
  .ajax-success-modal .content, .ajax-error-modal .modal-inner {
    padding: 20px;
  }
}

@media screen and (max-width: 480px) {
  .ajax-success-modal .content, .ajax-error-modal .modal-inner {
    padding: 10px;
  }
}

@media screen and (max-width: 480px) {
  .ajax-success-modal .content, .ajax-error-modal .modal-inner {
    width: 270px;
  }
}

@media screen and (max-width: 767px) {
  .ajax-success-modal .content, .ajax-error-modal .modal-inner {
    width: 520px;
  }
}

@media screen and (max-width: 480px) {
  .ajax-success-modal .content, .ajax-error-modal .modal-inner {
    width: 300px;
  }
}

.ajax-success-modal .ajax-left {
  float: left;
  padding: 3px;
  width: 40%;
  margin: 0 0 -1px;
}

.ajax-product-image {
  width: auto;
  float: left;
  border: 1px solid #f0f0f0;
  max-width: 100%;
}

@media screen and (max-width: 480px) {
  .ajax-product-image {
    width: 70%;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (max-width: 480px) {
  .ajax-success-modal .ajax-left {
    width: 100%;
    padding: 0 10px;
    text-align: left;
  }
}

.ajax-product-title {
  margin-bottom: 7px;
  font-size: 15px;
  margin-top: 5px;
  text-transform: capitalize;
}

@media screen and (max-width: 480px) {
  .ajax-product-title {
    font-size: 14px;
  }
}

.ajax-right .ajax_price {
  font-size: 16px;
  font-weight: 100;
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

@media screen and (max-width: 480px) {
  .ajax-right .ajax_price {
    margin-bottom: 5px;
    font-size: 14px;
  }
}

.ajax-success-modal .success-message .btn, .ajax-success-modal .success-message .btn--secondary, .ajax-success-modal .success-message input[type="submit"] {
  line-height: normal;
  padding: 7px 14px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-transform: capitalize;
}

@media screen and (max-width: 480px) {
  .ajax-success-modal .success-message .btn, .ajax-success-modal .success-message .btn--secondary, .ajax-success-modal .success-message input[type="submit"] {
    font-size: 13px;
    padding: 8px 14px;
  }
}

.ajax-right {
  float: left;
  width: 60%;
  padding: 0 0 0 15px;
  text-align: left;
}

@media screen and (max-width: 480px) {
  .ajax-right {
    width: 100%;
    padding: 0 10px;
    margin: 20px 0;
  }
}

.ajax-success-modal .added-to-cart.info, .ajax-success-modal .added-to-wishlist.info {
  font-size: 16px;
  text-align: left;
  text-transform: capitalize;
  font-weight: normal;
  margin: 0;
  padding: 0px 0 20px 0px;
}

.ajax-success-modal .content {
  padding: 0;
}

.ajax-success-modal .added-to-cart.info {
  font-weight: 600;
  color: white;
  font-size: 15px;
  background: #4cbb6c;
  text-align: center;
  padding: 10px 30px;
}

.ajax-success-modal .added-to-cart.info i {
  padding-right: 5px;
}

.ajax-success-modal .content-wrap {
  padding: 40px;
  float: left;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .ajax-success-modal .content-wrap {
    padding: 20px 40px;
  }
}

.ajax-right .ajax_price .visually-hidden {
  font-size: 14px;
  width: 100%;
  float: left;
  margin: 0 0 5px;
}

.blog-btn {
  float: left;
  margin-top: 10px;
}

/***/
.grid-view-item .tooltip-label {
  display: none;
}

.left-txt, .time-txt {
  display: none;
}

.flip-countdown.simple-countdown .countdown-container > span::after {
  color: #1b1b1b;
  content: ":";
  font-size: 17px;
  position: absolute;
  right: -17px;
  font-weight: normal;
  top: -1px;
}

.large--one-fifth .flip-countdown.simple-countdown .countdown-container > span::after {
  right: -8px;
}

.product-layouts .product-description .spr-badge,
.product-single .product-description .spr-badge {
  position: relative;
  margin-top: 5px;
}

.product-single .single-option-selector {
  display: inline-block;
  font-size: 14px;
  margin: 0 0 0 15px;
  padding: 5px 10px;
  width: 140px;
}

.product-description .grid-view-item__meta {
  display: inline-block;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .product-single .product-wrapper-owlslider {
    width: 80%;
    float: none;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
  .product-single .product-wrapper-owlslider {
    width: 100%;
  }
}

.flip-countdown.simple-countdown .countdown-container span::last-child::after {
  display: none;
}

.flip-countdown.simple-countdown .countdown-container > span:last-child::after {
  display: none;
}

.flip-countdown.simple-countdown .countdown-container span.second {
  color: #f13340;
}

.flip-countdown.simple-countdown .countdown-container span {
  display: inline-block;
  height: 40px;
  margin: 0 30px 0 0;
  max-width: 1em;
  position: relative;
  text-align: center;
  width: 25px;
  text-align: center;
  line-height: 42px;
  font-size: 16px;
  font-weight: 400;
}

.large--one-fifth .flip-countdown.simple-countdown .countdown-container span {
  margin: 0 10px 0 0;
}

.large--one-sixth .flip-countdown.simple-countdown .countdown-container span {
  width: 20px;
  padding: 0;
  font-size: 14px;
}

.flip-countdown.simple-countdown .countdown-container span:last-child {
  margin: 0;
}

.flip-countdown.simple-countdown {
  margin: 0;
}

.flip-countdown.simple-countdown .countdown-container {
  background: #f5f5f5;
  left: 0px;
  right: 0px;
  width: calc(100% - 20px);
  -webkit-width: calc(100% - 20px);
  padding: 0 5px;
  float: none;
  display: inline-block;
  width: auto;
  position: absolute;
  top: 10px;
  bottom: auto;
  width: 80%;
  margin: 0 auto;
  -webkit-transition: 500ms ease-in-out;
  -moz-transition: 500ms ease-in-out;
  -ms-transition: 500ms ease-in-out;
  -o-transition: 500ms ease-in-out;
  transition: 500ms ease-in-out;
}

@media screen and (max-width: 1200px) {
  .flip-countdown.simple-countdown .countdown-container {
    width: 180px;
  }
}

@media screen and (max-width: 1199px) {
  .flip-countdown.simple-countdown .countdown-container {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .flip-countdown.simple-countdown .countdown-container {
    width: 190px;
  }
}

.product-wrapper:hover .flip-countdown {
  top: -50px;
}

@media screen and (max-width: 767px) {
  .product-wrapper:hover .flip-countdown {
    display: block;
  }
}

.style1 .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container,
.style2 .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  top: -45px;
}

@media screen and (max-width: 767px) {
  .style1 .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container,
    .style2 .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    top: -100px;
  }
}

.style3 .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  top: -60px;
}

@media screen and (max-width: 767px) {
  .style3 .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    top: -60px;
  }
}

@media screen and (max-width: 767px) {
  .product-layouts:not(.style1) .flip-countdown.simple-countdown .countdown-container,
  .product-layouts:not(.style1):hover .product-description .flip-countdown.simple-countdown .countdown-container {
    top: -50px;
  }
}

.flip-countdown .countdown-container span.time-txt, .flip-countdown .countdown-container span.left-txt {
  display: none;
}

.product-list .product-wrapper:hover .flip-countdown {
  display: block;
}

.btn.focus, .focus.btn--secondary, input.focus[type="submit"], .btn:focus, .btn--secondary:focus, input[type="submit"]:focus, .btn:hover, .btn--secondary:hover, input[type="submit"]:hover {
  color: #ffffff;
  background-color: #333333;
}

.product-list .pro_btn .add-cart-btn {
  border-radius: 5px;
  font-weight: 400;
  padding: 10px 20px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .product-list .pro_btn .add-cart-btn {
    padding: 0 8px;
  }
}

.product-list .grid-view-item .btn_wrapper > .add_tocart.pro_btn {
  color: #ffffff;
}

.product-list .product-thumb {
  padding: 0;
  border: 1px solid #f0f0f0;
}

/*Start brand logo*/
.brand-bar .brand-bar__item {
  text-align: center;
  padding: 15px;
}

.brand-bar .brand-bar__image {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: all 200ms ease-in-out 0s;
  -moz-transition: all 200ms ease-in-out 0s;
  -ms-transition: all 200ms ease-in-out 0s;
  -o-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
}

.brand-bar .brand-bar__image:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.tt-brand_slider.owl-carousel img {
  display: block;
  width: auto;
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}

.tt-brand_slider .owl-nav {
  display: block;
  position: absolute;
  right: -15px;
  top: -53px;
}

.brand-bar {
  float: left;
  width: 100%;
  background: #fff;
  padding: 15px 15px;
}

/*End brand logo*/
/**/
.shop_table.cart_table td, .shop_table.cart_table th {
  padding: 10px 5px;
  text-align: center;
}

.table-responsive .cart_table th,
.table-responsive .wishlist_table th {
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}

.site-navigation {
  border-top: 1px solid #e5e5e5;
  box-shadow: 0 2px 2px rgba(50, 50, 50, 0.1);
  -webkit-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.1);
  -ms-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.1);
  -o-box-shadow: 0 2px 2px rgba(50, 50, 50, 0.1);
  box-shadow: 0 2px 2px rgba(50, 50, 50, 0.1);
  display: inline-block;
  width: 100%;
}

.shop_table.cart_table .cart__mini-labels {
  display: none;
}

.shop_table.cart_table .js-qty {
  text-align: center;
  float: none;
  margin: 0 auto;
}

#template-index .site-navigation {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.page-header {
  display: none;
}

.breadcrumb__sep {
  position: relative;
  display: inline-block;
  font-size: 0;
}

.success-message i {
  margin-right: 10px;
  font-size: 20px;
  line-height: 21px;
  vertical-align: middle;
}

.qty-box-set .qtyminus, .qty-box-set .qtyplus, .qty-box-set .quantity {
  border: none;
  width: 35px;
  height: 41px;
  line-height: 41px;
  padding: 0;
  float: left;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
  margin: 0;
}

.qty-box-set .quantity {
  -webkit-appearance: textfield !important;
  appearance: textfield !important;
  -moz-appearance: textfield;
}

table.shop_table.cart_table tfoot {
  display: none;
}

.inc.button.qtyplus {
  border-bottom: 1px solid #e5e5e5;
}

.qty-box-set .qtyplus, .qty-box-set .qtyminus {
  width: 20px;
  height: 21px;
  line-height: 18px;
}

.qty-box-set .qtyminus {
  border-right: none;
}

.qnt_wrap {
  float: left;
  width: 20px;
  border-left: 1px solid #e5e5e5;
  height: 41px;
}

/* Adds a box around the numeric value in Safari and Chrome */
.qty-box-set input[type=number]::-webkit-textfield-decoration-container {
  background: #efefef;
  -webkit-appearance: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  /* Removes leftover margin */;
}

.qty-box-setinput [type=number]::-webkit-inner-spin-button,
.qty-box-set input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.qty-box-set {
  float: left;
  width: auto;
  border: 1px solid #e5e5e5;
  margin-right: 15px;
}

.product-description .h4, #slidedown-cart .product-details .product-name > a {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  overflow: hidden;
  margin: 0px;
  padding: 8px 0;
  text-transform: capitalize;
  float: left;
  width: 100%;
  text-overflow: ellipsis;
  color: #777;
}

#Sticky-slidedown-cart .product-details .product-name {
  font-size: 14px;
  line-height: 16px;
  margin: 0 0 5px;
  text-transform: capitalize;
}

#slidedown-cart .product-details .product-name > a:hover {
  color: #000;
}

.product-wrapper .product {
  display: block;
  margin-bottom: 0;
}

.product-layouts {
  padding: 15px;
  display: inline-block;
}

.TTProduct-Tab ul.nav-tabs {
  border: none;
  float: left;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .TTProduct-Tab ul.nav-tabs {
    padding: 0 15px;
  }
}

@media screen and (max-width: 480px) {
  .TTProduct-Tab ul.nav-tabs {
    margin: 0 0 45px;
  }
}

ul.nav-tabs.jquery-tab-pager-tabbar {
  margin-bottom: 20px;
  border: none;
}

.TTProduct-Tab .nav-tabs > li {
  float: left;
  margin-bottom: 0;
  display: inline-block;
}

.TTProduct-Tab {
  text-align: left;
}

.TTProduct-Tab .nav-tabs > li.current > a,
.TTProduct-Tab .nav-tabs > li > a:hover,
.TTProduct-Tab .nav-tabs > li > a:focus {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  color: #fff;
  border: none;
}

.TTProduct-Tab .nav-tabs > li:last-child > a {
  margin-right: 0;
}

.TTProduct-Tab .nav-tabs > li > a {
  background: transparent none repeat scroll 0 0;
  color: #232323;
  font: 400 18px/24px "Open Sans", Helvetica, sans-serif;
  outline: medium none;
  padding: 10px 40px 10px 0;
  position: relative;
  text-transform: capitalize;
  transition: all 300ms ease-in-out 0s;
  -webkit-transition: all 300ms ease-in-out 0s;
  -moz-transition: all 300ms ease-in-out 0s;
  -ms-transition: all 300ms ease-in-out 0s;
  -o-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  margin-right: 0;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  border: none;
}

@media screen and (max-width: 1199px) {
  .TTProduct-Tab .nav-tabs > li > a {
    font-size: 14px;
    padding: 10px 25px 10px 0;
  }
}

@media screen and (max-width: 767px) {
  .TTProduct-Tab .nav-tabs > li > a {
    margin: 0 0 5px 0;
  }
}

@media screen and (max-width: 480px) {
  .TTProduct-Tab .nav-tabs > li > a {
    font-size: 17px;
    padding: 5px 0;
  }
}

.TTProduct-Tab .nav-tabs > li.active > a,
.TTProduct-Tab .nav-tabs > li.active > a:hover,
.TTProduct-Tab .nav-tabs > li.active > a:focus,
.TTProduct-Tab .nav-tabs > li > a:hover,
.TTProduct-Tab .nav-tabs > li > a:focus {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #1e54aa;
  border: none;
}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev, .customNavigation a {
  font-size: 0;
}

.product_title .product_img {
  width: 100px;
}

.qty-section.quantity-box .actions.hidden-md.hidden-xs.hidden-sm {
  display: none;
}

#slidedown-cart .product-details .product-name > a {
  padding-top: 3px;
}

.new-product-div {
  display: inline-block;
  float: left;
  width: 100%;
  position: relative;
}

/*============================================================================
  #Site Footer
==============================================================================*/
/************* footer top services ************/
#ttcmsfooterservice {
  float: left;
  padding: 40px 0;
  margin: 0 0 20px;
  width: 100%;
  border-bottom: 1px solid #2c2c2c;
}

.ttcmsfooterservice .service-block-content {
  width: 100%;
}

#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-img {
  float: left;
  height: 60px;
  width: 70px;
}

#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc {
  padding: 0 0 0 70px;
}

#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-heading {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0.4px;
  margin: 0 0 10px;
  text-transform: capitalize;
}

#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-sub-heading {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  font-style: italic;
  letter-spacing: 0;
  margin: 0 0 10px;
}

#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc,
#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li {
  float: left;
}

#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li {
  width: 100%;
}

#ttcmsfooterservice .service-desc > ul {
  float: left;
  list-style: outside none none;
  width: 100%;
  margin: 0;
}

#ttcmsfooterservice .service-icon {
  padding: 0;
}

#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li .service-icon:before {
  content: "\f12c";
  font-family: 'Material Design Icons';
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  color: #00CC33;
}

#ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content .footer-service-desc .service-desc li > span {
  float: left;
  font-weight: 500;
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 3px;
  padding: 0 0 0 17px;
}

@media screen and (min-width: 992px) {
  #ttcmsfooterservice .widget-title {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  #ttcmsfooterservice {
    padding: 15px 15px 0 15px;
    border: none;
    margin: 0;
  }

  .service-block-content {
    margin: 0 0 20px;
  }

  .ttcmsfooterservice {
    padding-top: 15px;
  }
}

@media screen and (max-width: 480px) {
  .service-block-content {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 1199px) and (min-width: 992px) {
  #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:after {
    height: 220px;
  }
}

.footer-column.footer_newsletter input#Email {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/*********** end ***********/
/* ---------------------------------- Footer Payment CMS Start ------------------------------------- */
.payment-icon-inner > h4, .payment-icon-inner > .h4 {
  display: none;
}

.payment-icon-block {
  float: left;
  width: 100%;
}

.payment-icon-block ul li {
  display: inline-block;
  margin: 0 5px 0 0;
}

.payment-icon-block .payment-title {
  float: left;
  padding: 0 0 10px;
  text-align: center;
  width: 100%;
  font: 400 14px/16px "Roboto", sans-serif;
  color: #777777;
  text-transform: capitalize;
}

.payment-icon-block {
  float: left;
  width: 100%;
  padding: 25px 0;
}

.payment-icon-block .paymentcms {
  float: left;
  width: 100%;
  margin: 0;
  text-align: center;
}

@media (max-width: 991px) {
  .payment-icon-block .payment-title {
    display: none;
  }

  .payment-icon-block {
    padding: 0 0 15px;
    border: none;
  }

  .payment-icon-inner > h4, .payment-icon-inner > .h4 {
    display: block;
  }

  .payment-icon-block .paymentcms {
    text-align: left;
    padding: 20px 10px;
    margin: 0 0 10px;
  }
}

/* ---------------------------------- Footer Payment CMS End ------------------------------------- */
#GotoTop {
  background: #333333;
  border: 2px solid #333333;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  bottom: 20px;
  cursor: pointer;
  height: 40px;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  padding: 6px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 40px;
  line-height: 24px;
  z-index: 9;
  color: #ffffff;
  display: none;
  top: auto !important;
  font-size: 22px;
  color: #ffffff !important;
}

#GotoTop:hover {
  background: #1e54aa;
  border: 2px solid #1e54aa;
  color: #ffffff !important;
}

.site-footer a:hover, .site-footer .h1, .site-footer .h2, .site-footer .h3, .site-footer .h4, .site-footer .h5,
.site-footer .h6, .site-footer h1, .site-footer .h1, .site-footer h2, .site-footer .h2, .site-footer h3, .site-footer .h3, .site-footer h4, .site-footer .h4, .site-footer h5, .site-footer .h5, .site-footer h6, .site-footer .h6 {
  color: #ffffff;
}

.site-footer a {
  font: 400 14px/24px "Open Sans", Helvetica, sans-serif;
}

.site-footer {
  color: #777777;
}

.site-footer {
  padding: 0;
  float: left;
  width: 100%;
}

.template-index .site-footer {
  margin: 0;
}

.foote-logo {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .foote-logo {
    margin: 10px 0 0;
  }
}

.footer-bottom-wrap {
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
  background-color: #1e54aa;
}

.footer-bottom-wrap .footer-bottom {
  padding: 12px 0;
  border-top: 1px solid #2c2c2c;
  float: left;
  width: 100%;
}

.contact-us > ul li i {
  float: left;
  font-size: 16px;
  padding-right: 0;
  padding-top: 4px;
  text-align: center;
  width: 20px;
  line-height: 17px;
}

@media screen and (max-width: 1200px) {
  .contact-us > ul li i {
    margin-right: 8px;
  }
}

@media screen and (max-width: 1199px) {
  .contact-us > ul li i {
    margin-right: 3px;
  }
}

.text-center.copyright small {
  font-size: 14px;
}

.footer-column ul li {
  display: inline-block;
  float: left;
  width: 100%;
  text-align: left;
  line-height: 1.7;
  text-transform: capitalize;
}

.footer-column ul.nav-secondary li {
  margin: 0;
}

.contact-us .phone {
  font: 400 14px/18px "Open Sans", sans-serif;
  padding: 0 0 0 5px;
}

.footer-column ul li .email-address {
  padding: 0 0 0 6px;
}

.footer-column ul .contact-address p {
  margin: 0 0 3px 0;
}

.footer-column .contact-us .contact-address {
  padding: 0 0 0 25px;
  font: 400 14px/24px "Open Sans", sans-serif;
}

footer .footer-column h5, footer .footer-column .h5 {
  cursor: pointer;
  font: 400 18px/22px "Roboto", sans-serif;
  letter-spacing: 0.6px;
  margin: 0 0 20px;
  position: relative;
  text-transform: capitalize;
  float: left;
  width: 100%;
}

.footer-column > ul {
  margin: 0 !important;
}

.footer-bottom .social-icons li a {
  display: inline-flex;
  height: 26px;
  line-height: 26px;
  padding: 2px;
  width: 26px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.footer-bottom .social-icons {
  margin: 3px 0 1px;
}

.copyright.left {
  line-height: 29px;
  padding-left: 15px;
}

@media screen and (max-width: 1025px) {
  .site-footer small {
    display: block;
  }
}

.site-footer a {
  color: #777777;
}

.site-footer hr {
  border-color: #f0f0f0;
}

.site-footer input[type="text"],
.site-footer input[type="search"],
.site-footer input[type="password"],
.site-footer input[type="email"],
.site-footer input[type="file"],
.site-footer input[type="number"],
.site-footer input[type="tel"],
.site-footer textarea,
.site-footer select {
  border-color: #f0f0f0;
  color: #777777;
}

.site-footer .input-group {
  border-color: #f0f0f0;
}

.site-footer .input-group .icon {
  color: #777777;
}

.site-footer .onboarding-header {
  margin-bottom: 15px;
}

.site-footer .rte h1, .site-footer .rte .h1, .site-footer .rte h2, .site-footer .rte .h2, .site-footer .rte h3, .site-footer .rte .h3, .site-footer .rte h4, .site-footer .rte .h4, .site-footer .rte h5, .site-footer .rte .h5, .site-footer .rte h6, .site-footer .rte .h6 {
  text-align: left;
}

@media screen and (max-width: 1025px) {
  .site-footer .rte h1, .site-footer .rte .h1, .site-footer .rte h2, .site-footer .rte .h2, .site-footer .rte h3, .site-footer .rte .h3, .site-footer .rte h4, .site-footer .rte .h4, .site-footer .rte h5, .site-footer .rte .h5, .site-footer .rte h6, .site-footer .rte .h6 {
    text-align: center;
  }
}

@media screen and (max-width: 1025px) {
  .site-footer .rte ul, .site-footer .rte ol {
    margin-left: 0;
    list-style-position: inside;
  }
}

.site-footer .input-group.newsletter-input {
  border: none;
  padding-bottom: 0;
}

#shopify-section-footer-model-1 .site-footer .input-group.newsletter-input {
  border: none;
  font-size: 12px;
  float: left;
  width: 100%;
  line-height: 22px;
}

.block_newsletter form .newsletter-input input[type="email"] {
  background: none;
  color: #fff;
}

.block_newsletter .form-vertical .errors {
  margin: 5px 0;
}

.block_newsletter .errors li {
  font-weight: 400;
}

.ttinput_newsletter form {
  margin: 0;
  padding: 5px 0px;
}

.has_desc .ttinput_newsletter form {
  padding: 10px 0px;
}

.modal-newsletter .checkbox-group input[type="checkbox"] + label {
  font-size: 14px;
}

.modal-newsletter .desc {
  font-size: 14px;
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .modal-newsletter .desc {
    padding: 10px 5px;
  }
}

/****** footer newsletter *****/
.footer-column.footer_newsletter button#subscribe {
  padding: 8px 10px;
}

.footer-about-wrap .widget-title {
  display: none;
}

.footer-about-wrap .tt-desc {
  font: 400 14px/24px "Open Sans", Helvetica, sans-serif;
  text-transform: capitalize;
  margin: 0 50px 0 0;
}

/******************/
@media screen and (max-width: 991px) {
  .footer-about-wrap .widget-title {
    display: block;
  }

  .site-footer .footer-column {
    width: 100%;
  }

  .footer-about-wrap .tt-desc {
    display: block !important;
  }

  .footer-wrap .row {
    margin: 0;
  }

  .site-footer .footer-column h5, .site-footer .footer-column .h5, .site-footer .widget h5, .site-footer .widget .h5 {
    margin: 0;
    padding: 10px 10px;
    font-size: 17px;
    line-height: 22px;
  }

  .site-footer .footer-column h5.toggle:hover, .site-footer .footer-column .toggle.h5:hover, .site-footer .widget h5:hover, .site-footer .widget .h5:hover {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  }

  .site-footer .footer-column {
    margin: 0;
  }

  .site-footer .footer-column h5.toggle, .site-footer .footer-column .toggle.h5, .sidebar h5.toggle, .sidebar .toggle.h5, .site-footer .widget h5, .site-footer .widget .h5 {
    cursor: pointer;
  }

  .site-footer .footer-column h5.toggle:after, .site-footer .footer-column .toggle.h5:after, .sidebar h5.toggle::after, .sidebar .toggle.h5::after,
  .sidebar-block .widget h5.toggle::after,
  .sidebar-block .widget .toggle.h5::after, .site-footer .widget h5:after, .site-footer .widget .h5:after {
    font-family: "Material Design Icons";
    content: '\f140';
    font-size: 18px;
    font-weight: 500;
    float: right;
  }

  .site-footer .footer-column.active h5.toggle:after, .site-footer .footer-column.active .toggle.h5:after, .sidebar .widget.active h5.toggle::after, .sidebar .widget.active .toggle.h5::after,
  .sidebar-block .widget.active h5.toggle::after,
  .sidebar-block .widget.active .toggle.h5::after, .site-footer .widget.active h5:after, .site-footer .widget.active .h5:after {
    font-family: "Material Design Icons";
    content: '\f143';
    font-size: 18px;
    font-weight: 500;
    float: right;
  }

  .footer-column > *:nth-child(2) {
    padding: 0 10px 10px;
    margin-top: 15px;
    float: left;
    text-align: center;
  }

  .sidebar .widget > *:nth-child(2) {
    padding: 0;
    margin-top: 15px;
  }

  .site-footer small {
    padding-top: 0;
    display: inline-table;
    vertical-align: top;
  }

  .widget > h5.toggle, .widget > .toggle.h5 {
    margin: 0;
  }

  .foote-logo {
    text-align: center;
  }

  .widget {
    padding: 15px;
    margin: 0;
    float: left;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .site-footer .footer-column h5, .site-footer .footer-column .h5, .site-footer .widget h5, .site-footer .widget .h5 {
    font-size: 15px;
  }
}

/*contact form*/
.address-container.right-to-left {
  display: inline-block;
  width: 100%;
  margin: 40px 0 20px;
}

.contact-form .btn, .contact-form .btn--secondary, .contact-form input[type="submit"] {
  background: #1e54aa;
  color: #ffffff;
  padding: 10px 25px;
}

.contac-us-page .address-container .content {
  font-size: 14px;
}

.contac-us-page .address-container .small-title {
  font-size: 18px;
  margin: 0 0 20px;
  font-weight: 500;
}

.contact-form .btn:hover, .contact-form .btn--secondary:hover, .contact-form input[type="submit"]:hover {
  background: #333333;
  color: #ffffff;
}

.address-container .address-text {
  width: 33.333%;
  padding: 0 15px;
  display: inline-block;
  float: left;
  text-align: center;
}

.address-container .address-text .icon {
  font-size: 30px;
}

.quickview-template .content, .quick-view .overlay {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
}

/*============================================================================
  #Index sections
==============================================================================*/
.index-section--flush + .index-section--flush {
  margin-top: -70px;
}

@media screen and (min-width: 1024px) {
  .index-section--flush + .index-section--flush {
    margin-top: -110px;
  }
}

.index-section--flush:first-child {
  margin-top: -35px;
}

@media screen and (min-width: 1024px) {
  .index-section--flush:first-child {
    margin-top: -55px;
  }
}

.index-section--flush:last-child {
  margin-bottom: -35px;
}

@media screen and (min-width: 1024px) {
  .index-section--flush:last-child {
    margin-bottom: -55px;
  }
}

@media screen and (max-width: 1024px) {
  .index-section--featured-product:first-child {
    margin-top: -12px;
  }
}

/*============================================================================
  #Blank states - placeholder images
==============================================================================*/
.placeholder-svg {
  display: block;
  fill: rgba(136, 136, 136, 0.35);
  background-color: rgba(136, 136, 136, 0.05);
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 1px solid rgba(136, 136, 136, 0.15);
}

.placeholder-noblocks {
  padding: 40px;
  text-align: center;
}

.placeholder-background {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.placeholder-background .icon {
  border: 0;
}

.image-bar__content .placeholder-svg {
  position: absolute;
  top: 0;
  left: 0;
}

/*============================================================================
  #Product Grid and List Views
==============================================================================*/
.sorting_wrapper button.dropdown-toggle {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 0;
  padding: 6px 108px 6px 10px;
}

.sorting_wrapper .dropdown-menu {
  border-color: #d4d4d4;
}

.collection_template .sorting_wrapper .pages_list .dropdown-toggle {
  padding: 6px 38px 6px 10px;
}

form#AddToCartForm {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.product-single:not(.design_5) .product-information-inner form#AddToCartForm {
  float: left;
  width: 100%;
  margin: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
  padding-top: 5px;
}

.design_5 .show {
  width: 100% !important;
}

.product-single.design_4 .product-information-inner form#AddToCartForm {
  padding-top: 0;
}

a.grid-link__title {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  white-space: nowrap;
}

.product-wrapper:hover a.grid-link__title, .product-wrapper:hover .thumb-description h4 a, .product-wrapper:hover .thumb-description .h4 a {
  color: #000000;
}

@media screen and (min-width: 1025px) {
  .product {
    position: relative;
  }
}

.collection_template .sorting_wrapper .dropdown-toggle i {
  bottom: 8px;
  font-size: 16px;
  left: auto;
  position: absolute;
  right: 8px;
  line-height: 16px;
}

.filter-toggle-wrap {
  display: none;
  float: left;
  width: 100%;
}

.full_width .filter-toggle {
  float: right;
  margin: 5px;
  text-transform: capitalize;
}

.full_width .sorting_wrapper {
  margin: 0 0 0 20px;
  float: left;
}

@media screen and (max-width: 480px) {
  .full_width .sorting_wrapper {
    margin: 0;
    width: 100%;
  }
}

.collection_template .full_width .shopify-section {
  float: left;
  width: 25%;
}

@media screen and (max-width: 991px) {
  .collection_template .full_width .shopify-section {
    width: 100%;
  }
}

.full_width #shopify-section-sidebar-tag-filters {
  width: 50%;
}

@media screen and (max-width: 991px) {
  .full_width #shopify-section-sidebar-tag-filters {
    width: 100%;
  }
}

.full_width #shopify-section-sidebar-tag-filters aside.sidebar-tag {
  float: left;
  width: 50%;
}

@media screen and (max-width: 991px) {
  .full_width #shopify-section-sidebar-tag-filters aside.sidebar-tag {
    width: 100%;
  }
}

.full_width .collection_sidebar {
  margin: 30px 0 0;
}

.full_width .collection_sidebar .widget_product_categories {
  display: none;
}

.full_width .collection_sidebar .refined-widgets a {
  background-color: #1e54aa;
  color: #ffffff;
  padding: 7px 20px;
  float: right;
}

.full_width .collection_sidebar .refined-widgets a:hover {
  background-color: #333333;
  color: #ffffff;
}

.full_width .filter-toggle .mdi.mdi-format-align-right {
  padding: 0 0 0 7px;
}

.collection_left .collection_template {
  margin-left: -10px;
}

@media screen and (max-width: 991px) {
  .collection_left .collection_template {
    margin-left: 0;
  }
}

.collection_right .collection_template {
  margin-right: -10px;
}

@media screen and (max-width: 991px) {
  .collection_right .collection_template {
    margin-right: 0;
  }
}

.product-thumb.col-xs-5.col-sm-5.col-md-4 {
  padding: 0;
}

.products-grid-view {
  float: left;
  width: 100%;
  background: #fff;
}

.products-grid-view .grid-item {
  padding: 5px;
}

@media (max-width: 1600px) {
  .products-grid-view .grid-item {
    width: 50%;
  }
}

.product-wrapper {
  position: relative;
  text-align: center;
  margin-bottom: 0;
  float: left;
  background: #fff;
  width: 100%;
}

.product-list .product-wrapper .product-description-wrap {
  float: left;
  padding: 0 15px;
  width: 65%;
}

@media screen and (max-width: 1199px) {
  .product-list .product-wrapper .product-description-wrap {
    width: 64%;
  }
}

@media screen and (max-width: 991px) {
  .product-list .product-wrapper .product-description-wrap {
    width: 100%;
    text-align: left;
  }
}

@media screen and (max-width: 480px) {
  .product-list .product-wrapper .product-description-wrap {
    padding: 0;
  }
}

.product-list .product-wrapper .product-description .main_btn_wrapper {
  float: left;
  width: 35%;
  border-left: 1px solid #f0f0f0;
  padding: 20px 0 20px 20px;
}

@media screen and (max-width: 1199px) {
  .product-list .product-wrapper .product-description .main_btn_wrapper {
    padding: 0 0 15px 15px;
    width: 36%;
  }
}

@media screen and (max-width: 991px) {
  .product-list .product-wrapper .product-description .main_btn_wrapper {
    width: 100%;
    padding: 0 15px;
    border-left: none;
    text-align: left;
  }
}

@media screen and (max-width: 480px) {
  .product-list .product-wrapper .product-description .main_btn_wrapper {
    padding: 0;
  }
}

.product-list .grid-view-item .btn_wrapper .pro_btn {
  float: left;
  display: inline-block;
}

.product-list .grid-view-item .btn_wrapper > .pro_btn:nth-child(2) {
  clear: both;
  display: grid;
  margin-right: 5px;
}

@media screen and (max-width: 991px) {
  .product-list .grid-view-item .btn_wrapper > .pro_btn:nth-child(2) {
    clear: right;
    margin: 0 5px;
  }
}

.product-list .grid-view-item .btn_wrapper > .add_tocart.pro_btn {
  margin-bottom: 15px;
  clear: left;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.product-list .product-wrapper {
  text-align: left;
}

.col-xs-12.col-sm-3.right-sidebar.sidebar .sidebar__inner {
  padding-right: 0;
}

.col-xs-12.col-sm-3.left-sidebar.sidebar .sidebar__inner {
  padding-left: 0;
}

@media screen and (min-width: 1199px) {
  .product-tab-type-1 .container {
    max-width: 1620px;
  }
}

.product-tab-type-1.categories-block {
  padding: 0;
}

.grid-uniform {
  margin-left: -15px;
  margin-right: -15px;
}

@media screen and (max-width: 991px) {
  .collection_sidebar .shopify-section.refined-widgets-wrap {
    display: none;
  }
}

/*================ This hacks all the grid-items in IE8 and below ================*/
.lt-ie9 .product-grid .grid-item {
  display: inline-block;
  float: none;
  margin-bottom: 30px;
  margin-left: 0;
  padding: 0;
}

.lt-ie9 .product-grid .grid-item .product {
  margin-bottom: 0;
}

.lt-ie9 .product-wrapper {
  margin: 0 15px;
}

.product__img {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 1025px) {
  .product__img {
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}

.product__details {
  -webkit-transition: opacity 0.75s;
  -moz-transition: opacity 0.75s;
  -ms-transition: opacity 0.75s;
  -o-transition: opacity 0.75s;
  transition: opacity 0.75s;
}

.product__price {
  font-size: 14px;
}

.product__title {
  font-size: 1.21429em;
  margin: 15px 0 0 0;
  line-height: 1.5;
}

@media screen and (min-width: 480px) and (max-width: 1025px) {
  .large--one-quarter .product__title {
    font-size: 1em;
  }
}

.tag {
  background-color: #f6f6f6;
  color: #717171;
  font-family: "Open Sans";
  font-size: 1em;
  padding: 5px 10px;
}

.on-sale-tag .tag {
  background-color: none;
  color: #5c5c5c;
}

.widget_top_rated_products .sale {
  font-size: 12px;
  top: 5px;
  color: #5c5c5c;
  right: 5px;
  position: absolute;
  display: none;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.widget_top_rated_products .product-wrapper.sidebar-product:hover .sale {
  display: block;
}

.sold-out-tag,
.on-sale-tag {
  margin: 0 0 15px;
  position: absolute;
  top: 15px;
  right: 15px;
}

.product-list .sold-out-tag, .product-list .on-sale-tag {
  left: 15px;
  right: auto;
}

@media screen and (max-width: 767px) {
  .products-grid-view .grid-item {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .products-grid-view .grid-item {
    width: 100%;
  }
}

.edit_checkout .btn, .edit_checkout .btn--secondary, .edit_checkout input[type="submit"] {
  padding: 0.8em 1.7em;
}

.product-layouts .product-wrapper .product-description .item-swatch.color_swatch_Value, .grid-item .product-wrapper .item-swatch.color_swatch_Value {
  top: 56px;
  display: block;
  float: left;
  left: 15px;
  margin: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.product-list .product-description .h4 {
  margin-bottom: 0;
  top: auto;
  position: relative;
  padding: 5px 0 5px;
}

.product-list .product-layouts .product-wrapper .product-description .item-swatch.color_swatch_Value, .grid-item .product-wrapper .item-swatch.color_swatch_Value {
  position: relative;
  top: auto;
}

.product-list .product-layouts .product-wrapper:hover .product-description .item-swatch.color_swatch_Value {
  display: block;
}

#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;
}

.currency_wrapper.dropdown-toggle {
  position: relative;
  line-height: 29px;
}

.search-products .product-layouts {
  padding: 10px;
  display: inline-block;
  float: left;
  margin: 0 0 20px;
}

.sidebar .widget {
  float: left;
  width: 100%;
  padding: 0;
}

@media screen and (max-width: 1199px) {
  .grid-uniform .large--one-quarter:nth-child(2n+1) {
    clear: both;
  }

  .grid-item.medium-down--one-half {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .grid-item.medium-down--one-half {
    width: 100%;
  }

  .template-search .search-products .product-layouts {
    padding: 10px !important;
  }
}

@media screen and (max-width: 991px) {
  .sidebar-block .widget {
    padding: 0 !important;
    border: none;
    border-bottom: 1px solid #f0f0f0 !important;
  }

  .main-content .sidebar-block .shopify-section {
    margin: 0;
  }

  .sidebar-block .widget .h5, .sidebar-block .widget h5, .sidebar-block .widget .h5 {
    padding: 15px;
  }

  .sidebar-block div ul {
    padding: 0 15px 5px 15px !important;
    float: left;
    width: 100%;
    margin-bottom: 10px;
  }

  .sidebar-block #shopify-section-sidebar-tag-filters aside.sidebar-tag {
    margin: 0;
  }

  .sidebar-block {
    margin-bottom: 30px;
    float: left;
    width: 100%;
  }

  .refined-widgets a {
    padding: 13px 15px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
  }
}

.sidebar .widget h5, .sidebar .widget .h5, .sidebar-block .widget .h5, .sidebar-block .widget h5, .sidebar-block .widget .h5 {
  font: 500 16px/18px "Roboto", sans-serif;
  color: #333333;
  margin: 0 0 15px;
  cursor: pointer;
}

@media screen and (max-width: 1199px) {
  .sidebar .widget h5, .sidebar .widget .h5, .sidebar-block .widget .h5, .sidebar-block .widget h5, .sidebar-block .widget .h5 {
    margin: 0 0 10px;
  }
}

@media screen and (max-width: 991px) {
  .sidebar .widget h5, .sidebar .widget .h5, .sidebar-block .widget .h5, .sidebar-block .widget h5, .sidebar-block .widget .h5 {
    margin: 0;
    font-size: 14px;
  }
}

.sidebar .widget h5, .sidebar .widget .h5, .sidebar .widget .widget-content ul li {
  text-transform: capitalize;
}

.sidebar .article__date time {
  font-size: 14px;
}

.sidebar .blog-content .h3.article__title {
  font-size: 14px;
  line-height: 18px;
  margin: 5px 0;
}

#blog_slider.grid-blog-slider .article__grid-image img {
  width: 100%;
}

.blog-design-4 .grid__item.blog_list_item {
  padding: 0;
}

.blog-design-4 .grid__item .bloglinks {
  display: block;
}

.blog-design-4 .grid__item .blogs-sub-title .blog-date {
  margin: 0 0 5px 0;
}

.list-blogs .blog-design-4 .blog-section .grid__item {
  padding: 0;
}

.list-blogs .blog-design-4 .blog-section .grid__item img {
  width: 100%;
}

.blog-design-4 .grid__item.blog_list_item p.blog-date {
  position: absolute;
  right: 15px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 20px;
  color: #000;
}

.blog-design-4 .grid__item.blog_list_item .tt-blog-description .tt-social-share {
  width: auto;
}

.blog-design-4 .grid__item.blog_list_item .tt-blog-description .blog-btn {
  float: right;
}

.blog-design-4 .grid__item.blog_list_item .blog-tag {
  float: left;
  width: 100%;
}

.blog-design-4 .grid__item.blog_list_item .comments-count {
  margin: 0;
  float: right;
}

.blog-design-4 .grid__item.blog_list_item .blog_title_wrap {
  width: auto;
}

.blog-design-4 .grid__item.blog_list_item .blog_descrition {
  margin: 5px 0 0;
}

.blog_masonry_right .article.tt-blog-content {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  border: 1px solid #f0f0f0;
}

.blog-post-single-wrap {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.blog_masonry_right .tt-blog-description {
  padding: 0 15px 15px;
  display: inline-block;
  text-align: center;
}

.blog_masonry_right .tt-social-share {
  margin-bottom: 0;
}

.blog_masonry_right .tt-social-share > div {
  border: 1px solid;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.blog_masonry_right .tt-social-share > div.facebook:hover {
  border-color: #3b5998;
  background: #3b5998;
}

.blog_masonry_right .tt-social-share > div.facebook {
  border-color: #3b5998;
  color: #3b5998;
}

.blog_masonry_right .tt-social-share > div.facebook:hover i, .blog_masonry_right .tt-social-share > div.twitter:hover i,
.blog_masonry_right .tt-social-share > div.google_plus:hover i, .blog_masonry_right .tt-social-share > div.pinterest:hover i,
.blog_masonry_right .tt-social-share > div.linkedin:hover i {
  color: #fff;
}

.blog_masonry_right .tt-social-share > div.twitter {
  border-color: #00acee;
}

.blog_masonry_right .tt-social-share > div.twitter i {
  color: #00acee;
}

.blog_masonry_right .tt-social-share > div.twitter:hover {
  background: #00acee;
}

.blog_masonry_right .tt-social-share > div.google_plus {
  border-color: #c8232c;
}

.blog_masonry_right .tt-social-share > div.google_plus i {
  color: #c8232c;
}

.blog_masonry_right .tt-social-share > div.google_plus:hover {
  background: #c8232c;
}

.blog_masonry_right .tt-social-share > div.pinterest {
  color: #bd3518;
}

.blog_masonry_right .tt-social-share > div.pinterest i {
  color: #bd3518;
}

.blog_masonry_right .tt-social-share > div.pinterest:hover {
  background: #bd3518;
}

.blog_masonry_right .tt-social-share > div.linkedin {
  color: #0e76a8;
}

.blog_masonry_right .tt-social-share > div.linkedin i {
  color: #0e76a8;
}

.blog_masonry_right .tt-social-share > div.linkedin:hover {
  background: #0e76a8;
}

.blog_masonry_right .tt-social-share i {
  font-size: 14px;
}

.blog_masonry_right {
  float: left;
  width: 100%;
}

.list-blogs .tt-blog-content .blog_image_holder .bloglinks {
  display: none;
}

.list-blogs .home-blog-content.blog-detail {
  padding: 20px;
  box-shadow: 1px 0 10px #eee;
  -webkit-box-shadow: 1px 0 10px #eee;
  -moz-box-shadow: 1px 0 10px #eee;
  -ms-box-shadow: 1px 0 10px #eee;
  -o-box-shadow: 1px 0 10px #eee;
  box-shadow: 1px 0 10px #eee;
  margin: 30px;
  display: inline-block;
  margin-top: -60px;
  background: #fff;
}

@media screen and (max-width: 480px) {
  .list-blogs .home-blog-content.blog-detail {
    padding: 10px;
    margin: 10px;
    margin-top: -50px;
  }
}

.blog-design-4 .tt-blog-content .ttblog_image_holder.blog_image_holder {
  margin: 0 0 20px 0;
}

.comments-count {
  float: left;
  width: auto;
  margin-bottom: 10px;
  padding: 0 0 0 5px;
}

.mdi.mdi-comment-multiple-outline {
  float: left;
  font-size: 17px;
  line-height: 18px;
  margin-right: 4px;
}

.sidebar ul li li > a {
  color: #888888;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  width: 100%;
  position: relative;
}

.sidebar ul li > a:hover {
  color: #000;
}

.sidebar ul {
  margin: 0;
  float: left;
  width: 100%;
}

.sidebar .widget ul li .thumb {
  /* border: 1px solid #e5e5e5; */;
}

.sidebar .widget ul li {
  margin: 5px 0;
  display: inline-block;
  width: 100%;
  text-transform: capitalize;
}

.sidebar .widget ul li.sidebar-product:first-child {
  padding: 5px 0 20px;
}

.sidebar .widget ul li.sidebar-product {
  padding: 20px 0;
  border-bottom: 1px solid #f0f0f0;
  margin: 0;
}

.sidebar .widget ul li:last-child {
  margin: 0;
  border-bottom: none;
}

.sidebar .widget .top-products-detail .price .money {
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}

.widget-content li > a.active span {
  color: #000;
}

.widget-content li > a.active {
  position: relative;
}

.widget-content ul li a.active::before {
  content: "\f12c";
  font-family: "Material Design Icons";
  font-size: 14px;
  position: absolute;
  left: 3px;
  right: auto;
  top: 1px;
  bottom: auto;
  height: 15px;
  width: 15px;
  color: #fff;
  line-height: 20px;
}

@media screen and (max-width: 991px) {
  .widget-content ul li a.active::before {
    top: 2px;
  }
}

.sidebar .collection_sidebar .refined-widgets > a {
  float: left;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
  padding: 15px;
  width: 100%;
}

.sidebar .collection_sidebar .refined-widgets > a > i {
  float: right;
  font-size: 16px;
  line-height: 20px;
}

.collection_sidebar .widget .product-categories ul {
  padding: 0 0 0 15px;
}

.sidebar .widget a > i {
  float: right;
}

.sidebar .widget_promo_img ul li {
  margin: 0;
  display: inline;
}

.widget.widget_promo_img {
  padding: 15px;
}

@media screen and (max-width: 991px) {
  .sidebar .widget .no-bullets .image {
    width: auto;
  }

  .sidebar .widget a > i {
    float: unset;
    display: inline-block;
  }

  .collection_sidebar div ul:not(#promoimg-carousel) {
    padding: 0 15px 5px 15px !important;
    float: left;
    width: 100%;
  }

  .sidebar .collection_sidebar > div .widget > h5, .sidebar .collection_sidebar > div .widget > .h5 {
    padding: 15px;
  }

  .sidebar #promo-carousel {
    padding: 0 !important;
  }

  .template-index .collection_sidebar {
    display: none;
  }

  .sidebar {
    margin-top: 0;
  }
}

@media screen and (max-width: 320px) {
  .sidebar .widget .no-bullets .image {
    width: 95px;
  }
}

.spr-review .spr-icon {
  font-size: 100%;
}

.item-swatch.color_swatch_Value label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 16px;
  width: 16px;
}

.color_swatch_Value li {
  margin-right: 5px;
  display: inline-block;
  margin-top: 5px;
}

.product-wrapper .product-thumb .left_img, .product-wrapper .product-thumb .right_img {
  text-align: center;
  margin: 0 auto !important;
}

.product-layouts .product-wrapper .product-description .item-swatch.color_swatch_Value, .grid-item .product-wrapper .item-swatch.color_swatch_Value {
  top: -55px;
  display: block;
  float: left;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.product-layouts .product-wrapper:hover .product-description .item-swatch.color_swatch_Value {
  display: none;
}

.top-products-detail h4 a, .top-products-detail .h4 a {
  font: 400 14px/18px "Roboto", Helvetica, sans-serif;
  text-transform: capitalize;
}

.top-products-detail h4, .top-products-detail .h4 {
  font: 400 14px/18px "Roboto", Helvetica, sans-serif;
  overflow: hidden;
  margin: 0px !important;
  padding: 8px 0;
  text-transform: capitalize;
  text-overflow: ellipsis;
}

.products-grid-view .product-list.grid-item {
  width: 100%;
  padding: 0;
}

.products-grid-view > .grid-item {
  overflow: hidden;
}

a.product-t {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 auto;
  height: 100%;
  display: inline-block;
  text-align: center;
  width: 100%;
}

.product-description .spr-badge-caption, .product-wrapper:hover .spr-badge {
  display: block;
}

.product-single__photos .product-image-btn {
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 2;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.product-list .product-description .spr-badge {
  top: auto;
  position: relative;
  float: left;
  margin-bottom: 10px;
  width: 100%;
  margin-top: 10px;
}

.product-list .product-wrapper:hover .product-description .spr-badge {
  display: block;
}

.product-price__price, .product-price__price .money, .price, price .money {
  font: 500 15px/18px "Open Sans", Helvetica, sans-serif;
  letter-spacing: 0;
  color: #1e54aa;
}

.product-price__price.compare_price .money, .product-price__price.compare_price {
  font: 400 14px/16px "Open Sans", Helvetica, sans-serif;
  color: #888888;
}

.search-results .product-price__price.compare_price .money, .search-results .product-price__price.compare_price {
  margin-right: 5px;
}

.search-results .title_showall .title a {
  padding: 10px 15px;
  background-color: #1e54aa;
  color: #ffffff;
  color: #fff;
  float: none;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
}

.search-results .title_showall .title a:hover {
  background-color: #333333;
  color: #ffffff;
}

.search-results .title_showall .title {
  text-align: center;
}

.search_wrapper .search-results {
  top: 100% !important;
}

.product-layouts .fade_img {
  overflow: hidden;
}

.product-thumb .fade_img img.image_thumb_swap {
  left: 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
  margin: auto;
  bottom: 0;
}

.product-thumb .fade_img img.image_thumb {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out 0s;
  -moz-transition: all 500ms ease-in-out 0s;
  -ms-transition: all 500ms ease-in-out 0s;
  -o-transition: all 500ms ease-in-out 0s;
  transition: all 500ms ease-in-out 0s;
}

.product-thumb img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.filter-grid-list span {
  display: none;
}

.filter-grid-list #list-view, .filter-grid-list #grid-view {
  position: relative;
  background: #fbfbfb none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  padding: 15px;
  margin: 0 5px 0 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-radius: 0px;
}

.filter-grid-list .grid::before, .filter-grid-list .grid--rev::before, .filter-grid-list .grid--full::before {
  content: "\f03b";
  color: #979292;
  font-family: "Material Design Icons";
  position: absolute;
  left: 0px;
  right: auto;
  top: 0;
  bottom: 0;
  font-size: 24px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin: 0 auto;
}

.filter-grid-list .list::before {
  content: "\f969";
  color: #979292;
  font-family: "Material Design Icons";
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  font-size: 24px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin: 0 auto;
}

.filter-grid-list .grid.active::before, .filter-grid-list .active.grid--rev::before, .filter-grid-list .active.grid--full::before, .filter-grid-list .grid:hover::before, .filter-grid-list .grid--rev:hover::before, .filter-grid-list .grid--full:hover::before, .filter-grid-list .list.active::before, .filter-grid-list .list:hover::before {
  color: #000;
}

.widget_filter_tag.total_2, .widget_filter_tag.total_2 .sidebar-tag {
  float: left;
  width: 50%;
}

.widget_filter_tag.total_3 {
  float: left;
  width: 75%;
}

.widget_filter_tag.total_4, .widget_filter_tag.total_1 .sidebar-tag {
  float: left;
  width: 100%;
}

.widget_filter_tag.total_1, .widget_filter_tag.total_4 .sidebar-tag {
  float: left;
  width: 25%;
}

.product-wrapper:hover .product-thumb .fade_img img.image_thumb {
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
}

.product-wrapper:hover .product-thumb .fade_img img.image_thumb_swap {
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
}

@media screen and (max-width: 480px) {
  .product-list .product-description, .product-list .product-thumb {
    width: 100%;
    text-align: center;
    padding: 0 !important;
  }

  .product-list .product-thumb {
    margin-bottom: 15px;
  }
}

/** Product image hover effect **/
.product-thumb .left_img .image_thumb_swap {
  left: -100%;
  position: absolute;
  top: 0;
  margin: auto;
  bottom: 0;
  -webkit-transition: left 0.5s ease 0s;
  -moz-transition: left 0.5s ease 0s;
  -ms-transition: left 0.5s ease 0s;
  -o-transition: left 0.5s ease 0s;
  transition: left 0.5s ease 0s;
}

.product-thumb .right_img .image_thumb_swap {
  right: -100%;
  position: absolute;
  top: 0;
  margin: auto;
  bottom: 0;
  -webkit-transition: right 0.5s ease 0s;
  -moz-transition: right 0.5s ease 0s;
  -ms-transition: right 0.5s ease 0s;
  -o-transition: right 0.5s ease 0s;
  transition: right 0.5s ease 0s;
}

.product-wrapper .product-thumb .left_img, .product-wrapper .product-thumb .right_img {
  overflow: hidden;
  position: relative;
}

.product-wrapper:hover .product-thumb .left_img .image_thumb_swap, .product-wrapper:hover .product-thumb .right_img .image_thumb_swap {
  left: 0;
  right: 0;
}

.product-thumb .zoom_img .image_thumb_swap {
  bottom: 0;
  left: 0;
  margin: 0 auto;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.product-wrapper:hover .product-thumb .zoom_img .image_thumb_swap {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/*product css*/
.grid-view-item .btn_wrapper .pro_btn, .grid-view-item .btn_wrapper .pro_btn .btn, .grid-view-item .btn_wrapper .pro_btn .btn--secondary, .grid-view-item .btn_wrapper .pro_btn input[type="submit"] {
  border: medium none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  height: 40px;
  margin: 0 5px 0 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  width: 40px;
}

.grid-view-item .btn_wrapper .pro_btn .loading.btn, .grid-view-item .btn_wrapper .pro_btn .loading.btn--secondary, .grid-view-item .btn_wrapper .pro_btn input.loading[type="submit"] {
  margin: 0;
}

.grid-view-item .btn_wrapper .add-to-wishlist.pro_btn {
  background-color: transparent;
  margin: 0;
}

.slider-newproduct .grid__item {
  padding: 0 15px;
}

.add_cart {
  display: none;
}

.product-list .add_cart {
  display: block;
}

.product-thumb .btn_wrapper {
  bottom: -8px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: auto;
  text-align: center;
  top: 0;
  width: auto;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

@media screen and (max-width: 767px) {
  .product-thumb .btn_wrapper {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    bottom: 0;
  }
}

.style1 .product-thumb .btn_wrapper {
  right: auto;
  left: 15px;
  top: auto;
}

.grid-view-item .product-wrapper:hover .btn_wrapper {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  bottom: 5px;
}

@media screen and (max-width: 767px) {
  .grid-view-item .product-wrapper:hover .btn_wrapper {
    bottom: 0;
  }
}

.product-wrapper:hover .btn_wrapper {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .product-wrapper:hover .btn_wrapper {
    bottom: 0;
  }
}

@media screen and (max-width: 767px) {
  .style1 .product-thumb .btn_wrapper, .product-thumb .btn_wrapper {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}

.slider-newproduct .item-row.grid-view-item {
  position: relative;
}

.add-to-wishlist.pro_btn .show, .pro_btn .quick-view-text.for-home, .pro_btn .add-cart-btn {
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer;
  float: left;
  height: 40px;
  width: 40px;
}

.grid-view-item .btn_wrapper .pro_btn {
  border: medium none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  float: none;
  font-weight: bold;
  height: 40px;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  width: 40px;
}

.product-list .grid-view-item .btn_wrapper > .add_tocart.pro_btn {
  width: auto;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.product-list .add_cart {
  display: inline-block;
  line-height: 44px;
  font-weight: normal;
}

.product-list .btn_wrapper {
  margin-top: 12px;
  float: left;
}

.grid-view-item .btn_wrapper .quick-view-wrap .mdi-eye-outline,
.grid-view-item .btn_wrapper .add-to-wishlist .mdi-heart-outline,
.grid-view-item .btn_wrapper .add_to_wishlist .mdi-heart-outline,
.grid-view-item .btn_wrapper .add_tocart .mdi-cart-outline {
  bottom: 0;
  font-size: 19px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.grid-view-item .btn_wrapper .add_to_wishlist .mdi-heart-outline {
  background: #1e54aa;
  color: #ffffff;
  border-radius: 50%;
}

.grid-view-item .btn_wrapper .loading .add_to_wishlist {
  float: left;
  text-align: center;
}

.grid-view-item .btn_wrapper .loading .mdi-refresh {
  color: #000000;
  font-size: 19px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.btn.dropdown-toggle:focus, .dropdown-toggle.btn--secondary:focus, input.dropdown-toggle[type="submit"]:focus, .btn.dropdown-toggle:hover, .dropdown-toggle.btn--secondary:hover, input.dropdown-toggle[type="submit"]:hover, .btn.dropdown-toggle:active, .dropdown-toggle.btn--secondary:active, input.dropdown-toggle[type="submit"]:active {
  color: #888888;
  background-color: #1e54aa;
}

.grid-view-item .btn_wrapper .add-cart-btn i.mdi-cart-outline {
  color: #000000;
}

.grid-view-item .btn_wrapper .add-cart-btn i.mdi-cart-outline:hover {
  color: #ffffff;
}

.grid-view-item .btn_wrapper .add-cart-btn:hover i.mdi-cart-outline {
  color: #ffffff;
}

.btn.dropdown-toggle:focus, .dropdown-toggle.btn--secondary:focus, input.dropdown-toggle[type="submit"]:focus, .btn.dropdown-toggle:hover, .dropdown-toggle.btn--secondary:hover, input.dropdown-toggle[type="submit"]:hover, .btn.dropdown-toggle:active, .dropdown-toggle.btn--secondary:active, input.dropdown-toggle[type="submit"]:active {
  color: #888888;
  background-color: #1e54aa;
}

.product-list .grid-view-item .btn_wrapper .add-cart-btn:hover i.mdi-cart-outline {
  color: #ffffff;
}

.product-list .grid-view-item .btn_wrapper .add-cart-btn i.mdi-cart-outline {
  color: #ffffff !important;
  float: left;
  height: 40px;
  left: 5px;
  line-height: 40px;
  right: auto;
  width: 40px;
}

.product-list .grid-view-item .btn_wrapper .add-cart-btn:hover i.mdi-cart-outline {
  color: #ffffff !important;
}

.product-list .grid-view-item .btn_wrapper .add-cart-btn {
  background-color: #333333 !important;
  color: #ffffff !important;
  width: 100%;
  border-radius: 5px;
  padding: 10px 15px 10px 40px;
}

.product-list .grid-view-item .btn_wrapper .add-cart-btn:hover {
  background-color: #1e54aa !important;
  color: #ffffff !important;
}

.btn_wrapper .add-to-wishlist .add-in-wishlist-js i.mdi-heart-outline {
  color: #000000;
}

.btn_wrapper .add-to-wishlist .add-in-wishlist-js i.mdi-heart-outline:hover {
  color: #ffffff;
}

.added-wishlist.btn.add_to_wishlist i, .added-wishlist.add_to_wishlist.btn--secondary i, input.added-wishlist.add_to_wishlist[type="submit"] i {
  color: #000000;
}

.added-wishlist.btn.add_to_wishlist i:hover, .added-wishlist.add_to_wishlist.btn--secondary i:hover, input.added-wishlist.add_to_wishlist[type="submit"] i:hover,
.btn_wrapper .add-to-wishlist .add-in-wishlist-js i.mdi-heart-outline:hover,
.btn_wrapper .add-to-wishlist .add-in-wishlist-js i.mdi-heart-outline:hover {
  color: #ffffff;
}

.grid-view-item .btn_wrapper .quick-view-wrap.pro_btn .quick-view-text i {
  color: #000000;
}

.grid-view-item .btn_wrapper .quick-view-wrap.pro_btn .quick-view-text i:hover {
  color: #ffffff;
}

.grid-view-item .btn_wrapper .add-in-wishlist-js.btn, .grid-view-item .btn_wrapper .add-in-wishlist-js.btn--secondary, .grid-view-item .btn_wrapper input.add-in-wishlist-js[type="submit"] {
  padding: 0;
  margin: 0;
}

.product-description .spr-badge-caption {
  display: none;
}

.loadding-wishbutton-aliquam-quat-voluptatem.loading.btn i, .loadding-wishbutton-aliquam-quat-voluptatem.loading.btn--secondary i, input.loadding-wishbutton-aliquam-quat-voluptatem.loading[type="submit"] i {
  background: none;
}

.grid-view-item .btn_wrapper .loading .add_to_wishlist {
  float: left;
  text-align: center;
  width: 40px;
  line-height: 3.2;
  margin-right: 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.grid-view-item .visually-hidden {
  display: none;
}

.grid-view-item .thumbs.product-thumb,
.products-grid-view .product-grid .product-thumb,
#recently-viewed-products .product-thumb {
  float: left;
  position: relative;
  border: 1px solid #f0f0f0;
  width: 100%;
}

.tt-product-item .product-description {
  width: 100%;
  float: left;
}

.owl-carousel .product-description, .grid-item.product-grid .product-description,
#recently-viewed-products .product-wrapper .product-description,
.search-products .grid-view-item.product-layouts .product-wrapper .product-description,
.collections_masonry .grid-item.ms-item .product-wrapper .product-description {
  padding: 0;
  text-align: left;
  width: 100%;
  position: relative;
  float: left;
}

.template-search .search-bar span button {
  background: none;
  border-radius: 0 5px 5px 0;
}

#content .search-bar .collections-selector {
  display: none;
}

.template-search .search-bar input.input-group-field {
  background: none;
  border-radius: 5px 0 0 5px;
}

#recently-viewed-products .product {
  padding: 15px;
}

#recently-viewed-products-wrap {
  float: left;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  #recently-viewed-products-wrap {
    margin: 10px 0;
  }
}

@media screen and (max-width: 767px) {
  #recently-viewed-products-wrap {
    margin: 15px 0;
  }
}

@media screen and (max-width: 1199px) {
  #recently-viewed-products .product.item-row {
    width: 33.33%;
  }
}

@media screen and (max-width: 1199px) {
  #recently-viewed-products .product.item-row:nth-child(3n+1) {
    clear: both;
  }

  #recently-viewed-products .product.item-row:nth-child(4) {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  #recently-viewed-products .product.item-row {
    width: 50%;
  }

  #recently-viewed-products .product.item-row:nth-child(2n+1) {
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  #recently-viewed-products .product.item-row {
    width: 100%;
  }
}

.medium--one-third.large--one-third chair.product-grid .product-description {
  padding: 15px 10px;
  border-top: 1px solid #e5e5e5;
  position: relative;
  display: inline-block;
}

.product-price__sale-label {
  position: absolute;
  left: -20px;
  right: auto;
  top: 10px;
  bottom: auto;
  color: #fff;
  font-size: 12px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -ms-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
  background: #21cb29;
  padding: 2px 5px;
}

@media screen and (max-width: 767px) {
  .product-price__sale-label {
    left: 10px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}

.product-wrapper:hover .product-price__sale-label {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  left: 10px;
}

.product-wrapper .custom_lable {
  background: #f12a43 none repeat scroll 0 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  bottom: auto;
  color: #ffffff;
  font-size: 12px;
  left: -30px;
  line-height: 16px;
  opacity: 0;
  padding: 3px 4px;
  position: absolute;
  right: auto;
  text-transform: capitalize;
  top: 35px;
  transition: all 400ms ease-in-out 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -ms-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
}

@media screen and (max-width: 767px) {
  .product-wrapper .custom_lable {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    left: 10px;
  }
}

.product-wrapper:hover .custom_lable {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  left: 10px;
}

.product-wrapper .tag {
  background: transparent none repeat scroll 0 0;
  font-size: 12px;
  color: #000;
  padding: 0;
}

.wishlist_table .product-remove, .wishlist_table .product-thumbnail, .wishlist_table .product-name,
.wishlist_table .product-price, .wishlist_table .product-stock-stauts,
.wishlist_table .wishlist-product-price.product-price, .wishlist_table .product-stock-status, .wishlist_table .product-add-to-cart {
  text-align: center;
  padding: 10px 15px;
  position: relative;
}

.wishlist_table .product-remove .remove_from_wishlist {
  font-size: 15px;
  font-weight: 700;
  height: 20px;
  left: auto;
  line-height: 20px;
  position: absolute;
  right: 10px;
  width: 20px;
  top: 40px;
}

.wishlist_table .product-remove .remove_from_wishlist:hover {
  background: #000 none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
}

.template-page .product-thumbnail img {
  border: 1px solid #f0f0f0;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.template-page .shop_table .nobr {
  font-weight: 500;
}

.template-page .page-content .tt-pagetitle {
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}

.filter-wrapper {
  float: left;
  width: 100%;
  padding: 20px 0;
  /* background: #fff; */;
}

.sorting_wrapper {
  display: flex;
  float: right;
  color: #232323;
}

.filter-sortby label, .filter-show label {
  color: #232323;
}

@media screen and (max-width: 480px) {
  .full_width.wrap_right_filter .sorting_wrapper {
    width: 100%;
  }

  .wishlist_table td.product-thumbnail {
    width: 100px;
    float: left;
  }
}

/***********product style 2***********/
.style2.product-layouts .product-thumb .btn_wrapper {
  bottom: 20px;
  left: auto;
  margin: 0 auto;
  right: 15px;
  top: auto;
  width: auto;
  z-index: 1;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.style2.product-layouts .btn_wrapper .pro_btn, .style2.product-layouts .btn_wrapper .add-to-wishlist.pro_btn,
.style2.product-layouts.grid-view-item .btn_wrapper .add-to-wishlist.pro_btn, .style2.product-layouts.grid-view-item .btn_wrapper .pro_btn {
  margin-bottom: 5px;
  display: block;
}

.style2.product-layouts.grid-view-item .product-wrapper:hover .btn_wrapper, .style2.product-layouts .product-wrapper:hover .btn_wrapper {
  top: auto;
  bottom: 20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.style2.product-layouts .product-thumb .btn_wrapper .add_tocart.pro_btn {
  transition: all 0.5s ease-in-out 0ms;
  -webkit-transition: all 0.5s ease-in-out 0ms;
  -moz-transition: all 0.5s ease-in-out 0ms;
  -ms-transition: all 0.5s ease-in-out 0ms;
  -o-transition: all 0.5s ease-in-out 0ms;
  transition: all 0.5s ease-in-out 0ms;
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -ms-transform: translateX(60px);
  -o-transform: translateX(60px);
  transform: translateX(60px);
}

.style2.product-layouts .product-thumb .btn_wrapper .add-to-wishlist.pro_btn {
  -webkit-transition: all 0.6s ease-in-out 0ms;
  -moz-transition: all 0.6s ease-in-out 0ms;
  -ms-transition: all 0.6s ease-in-out 0ms;
  -o-transition: all 0.6s ease-in-out 0ms;
  transition: all 0.6s ease-in-out 0ms;
  -webkit-transform: translateX(100px);
  -moz-transform: translateX(100px);
  -ms-transform: translateX(100px);
  -o-transform: translateX(100px);
  transform: translateX(100px);
}

.pro_btn.add_tocart form {
  margin: 0;
}

.style2.product-layouts .product-thumb .btn_wrapper .quick-view-wrap.pro_btn {
  -webkit-transition: all 0.7s ease-in-out 0ms;
  -moz-transition: all 0.7s ease-in-out 0ms;
  -ms-transition: all 0.7s ease-in-out 0ms;
  -o-transition: all 0.7s ease-in-out 0ms;
  transition: all 0.7s ease-in-out 0ms;
  -webkit-transform: translateX(140px);
  -moz-transform: translateX(140px);
  -ms-transform: translateX(140px);
  -o-transform: translateX(140px);
  transform: translateX(140px);
}

.style2.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper .add_tocart.pro_btn,
.style2.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper .add-to-wishlist.pro_btn,
.style2.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper .quick-view-wrap.pro_btn {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

@media screen and (max-width: 767px) {
  .style2.product-layouts .product-wrapper .product-thumb .btn_wrapper .add_tocart.pro_btn,
  .style2.product-layouts .product-wrapper .product-thumb .btn_wrapper .add-to-wishlist.pro_btn,
  .style2.product-layouts .product-wrapper .product-thumb .btn_wrapper .quick-view-wrap.pro_btn,
  .style2.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper .add_tocart.pro_btn,
  .style2.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper .add-to-wishlist.pro_btn,
  .style2.product-layouts .product-wrapper:hover .product-thumb .btn_wrapper .quick-view-wrap.pro_btn {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  .style2.product-layouts .product-thumb .btn_wrapper, .style2.product-layouts:hover .product-thumb .btn_wrapper {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    bottom: 20px;
  }
}

.product-list .style2.product-layouts .btn_wrapper .pro_btn, .product-list .style2.product-layouts .btn_wrapper .add-to-wishlist.pro_btn,
.product-list .style2.product-layouts.grid-view-item .btn_wrapper .add-to-wishlist.pro_btn, .product-list .style2.product-layouts.grid-view-item .btn_wrapper .pro_btn {
  display: inline-block;
  margin-bottom: 15px;
}

/*******/
.style3.product-layouts .btn_wrapper {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: auto;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .style3.product-layouts .btn_wrapper {
    top: 88%;
  }
}

.style3.product-layouts .btn_wrapper a, .style3.product-layouts .btn_wrapper a {
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: transform 0.4s ease-in-out;
  -moz-transition: transform 0.4s ease-in-out;
  -ms-transition: transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}

.style3.product-layouts .product-wrapper:hover .btn_wrapper a {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.style3.product-layouts.grid-view-item .product-wrapper:hover .btn_wrapper, .style3.product-layouts .product-wrapper:hover .btn_wrapper {
  bottom: auto;
}

.product-list .style3.product-layouts .btn_wrapper a {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}

.product-list .style3.product-layouts .btn_wrapper {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  -ms-transform: translate(0);
  -o-transform: translate(0);
  transform: translate(0);
}

@media screen and (max-width: 767px) {
  .style3.product-layouts .product-wrapper:hover .btn_wrapper a, .style3.product-layouts .product-wrapper .btn_wrapper a {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
  }
}

.product-layouts .btn_wrapper > .pro_btn .btn, .product-layouts .btn_wrapper > .pro_btn .btn--secondary, .product-layouts .btn_wrapper > .pro_btn input[type="submit"] {
  background: #f5f5f5;
}

.product-layouts .btn_wrapper > .pro_btn .btn:hover, .product-layouts .btn_wrapper > .pro_btn .btn--secondary:hover, .product-layouts .btn_wrapper > .pro_btn input[type="submit"]:hover {
  background: #1e54aa;
}

/** end Product image hover effect **/
/*============================================================================
  #Collection Filters
==============================================================================*/
aside.sidebar-tag.filter.color.tags img {
  width: 17px;
  margin-right: 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.off-canvas-wrapper .collection_sidebar {
  float: left;
  width: 100%;
  padding: 0 15px;
  margin-top: 30px;
}

.active-filter {
  font-weight: bold;
}

.view-mode.filter-grid-list.grid__item {
  float: left;
}

a.filter-left {
  float: left;
}

.pages_list.open {
  float: left;
  position: relative;
  width: auto;
}

a.filter-left {
  float: left;
  font-size: 17px;
}

@media screen and (max-width: 1024px) {
  .collection-filters {
    margin-bottom: 30px;
  }
}

.filter-sortby label, .filter-show label {
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 35px;
  margin: 0;
  padding-right: 10px;
  /*
  text-transform: capitalize;
  */
}

@media screen and (max-width: 480px) {
  .filter-sortby label, .filter-show label {
    padding-right: 5px;
  }
}

.collection_wrapper .sorting_wrapper .btn.dropdown-toggle, .collection_wrapper .sorting_wrapper .dropdown-toggle.btn--secondary, .collection_wrapper .sorting_wrapper input.dropdown-toggle[type="submit"] {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 24px 5px 10px;
}

.collection_wrapper .sorting_wrapper .btn.dropdown-toggle > i, .collection_wrapper .sorting_wrapper .dropdown-toggle.btn--secondary > i, .collection_wrapper .sorting_wrapper input.dropdown-toggle[type="submit"] > i {
  bottom: auto;
  font-size: 10px;
  left: auto;
  position: absolute;
  right: 7px;
  top: 11px;
}

.sorting-section, .pages_list {
  float: left;
  position: relative;
}

.collection_wrapper ul li.active > a, .collection_wrapper ul li.active > a:hover {
  background-color: #000000;
  color: #ffffff;
}

.filter-show.grid__item {
  display: inline-block;
  margin-left: 15px;
}

@media screen and (max-width: 480px) {
  .filter-show.grid__item {
    margin-top: 15px;
    margin-left: 15px;
  }
}

@media screen and (max-width: 480px) {
  .full_width.wrap_right_filter .filter-show.grid__item, .full_width.wrap_left_filter .filter-show.grid__item {
    margin-left: 5px;
  }
}

.collection-sorting {
  float: right;
  display: inline-block;
  margin-top: 30px;
  /*================ Medium Up Breakpoint ================*/;
}

@media screen and (min-width: 480px) {
  .collection-sorting {
    margin: 0;
  }

  .collection-sorting .grid-item {
    padding: 0 15px;
    min-width: 200px;
  }
}

@media screen and (max-width: 480px) {
  .collection-sorting {
    margin-top: 15px;
  }
}

.filter-dropdown {
  height: 60px;
  margin: 0;
  max-width: 250px;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .filter-dropdown__wrapper {
    display: inline-block;
    width: 225px;
  }

  .sorting-filters--enabled .collection-tags {
    margin-right: 25px;
  }
}

.supports-pointerevents .filter-dropdown__select {
  position: absolute;
  text-indent: -999px;
}

.supports-pointerevents .filter-dropdown__label {
  background-color: #ffffff;
  color: #888888;
  cursor: pointer;
  display: block;
  font-family: "Open Sans";
  font-size: 1.07143em;
  font-weight: normal;
  margin: 13px;
  max-width: 220px;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 1;
}

@media screen and (min-width: 1024px) {
  .supports-pointerevents .filter-dropdown__label {
    max-width: 195px;
  }
}

/*============================================================================
  #Collection Page
==============================================================================*/
.col-xs-12.collection_wrapper, .collection-desc-wrap {
  background: #fff;
  float: left;
  margin-bottom: 10px;
  width: 100%;
}

.collection-desc-wrap img {
  margin-bottom: 15px !important;
}

.collection-grid {
  margin-bottom: -30px;
}

.product-wrapper:hover .product-description .h4 a {
  color: #000000;
}

a.featured-box {
  border: 1px solid #f0f0f0;
  color: #888888;
  display: block;
  margin-bottom: 30px;
}

a.featured-box:hover {
  color: #000000;
}

.collection_wrapper .section-header.text-left {
  float: left;
  width: 100%;
}

.collection_wrapper .filter-wrapper .sorting_wrapper {
  float: right;
  width: auto;
}

@media screen and (max-width: 480px) {
  .collection_wrapper .filter-wrapper .sorting_wrapper {
    float: left;
    width: 100%;
  }
}

.list-collection-products .grid__item {
  margin-bottom: 25px;
}

@media screen and (max-width: 480px) {
  .list-collection-products .grid__item {
    width: 100%;
  }
}

.grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown .countdown-container {
  position: static;
  float: left;
  margin: 0 0 8px 0;
  padding: 0 5px;
  width: auto;
}

.grid-item.product-list .product-wrapper .product-description .flip-countdown.simple-countdown {
  float: left;
  width: 100%;
}

.grid-item.product-list .product-wrapper:hover .product-description .flip-countdown.simple-countdown .countdown-container {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.collection_wrapper .product-list .product-description {
  margin: 10px 0 0;
}

a.grid-link.collection-link {
  float: left;
  width: 100%;
}

.list-collection-products .pickgradient-products:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.list-collection-products .pickgradient-products img {
  max-width: 100%;
  -webkit-transition: transform .45s;
  -moz-transition: transform .45s;
  -ms-transition: transform .45s;
  -o-transition: transform .45s;
  transition: transform .45s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

p.text-center.veiw_all_collections a span.icon.icon-chevron-right {
  padding-top: 2px;
  float: right;
  padding-left: 5px;
}

p.text-center.veiw_all_collections a {
  line-height: 2.5;
  display: inline-block;
}

.list-collection-products .pickgradient-products, .grid-link.collection-link {
  width: 100%;
}

.list-collection-products .pickgradient-products .collection-img {
  overflow: hidden;
  float: left;
  width: 100%;
  position: relative;
}

.list-collection-products .pickgradient-products .collection-img:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #000;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: scale(0.3);
  -moz-transform: scale(0.3);
  -ms-transform: scale(0.3);
  -o-transform: scale(0.3);
  transform: scale(0.3);
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}

.list-collection-products .pickgradient-products:hover .collection-img:after {
  opacity: 0.5;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.product-list .product-description .h4 .grid-link__title {
  font-size: 16px;
}

.collection-description {
  float: left;
  width: 100%;
  padding: 15px 0 0 0;
  text-align: center;
}

.list-collection-products h3, .list-collection-products .h3 {
  font-size: 18px;
  line-height: 24px;
}

p.collection-count {
  font-size: 16px;
  margin: 5px 0 10px 0;
}

a.grid-link.collection-link span.grid-link__title {
  position: relative;
  width: 100%;
  float: left;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
}

.collection-description .collection-detail {
  float: left;
  width: 100%;
  margin: 0 0 15px;
}

.collection-description .collection_btn {
  float: left;
  width: 100%;
}

.collection-description .collection_btn .collection {
  padding: 6px 18px;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}

.featured-box__body {
  border-top: 0;
  margin-top: -15px;
  padding: 15px 10px;
}

.featured-box__body .btn--large {
  background-color: #1e54aa;
  color: #ffffff;
  font-family: "Open Sans";
  font-size: 1em;
  margin: 0;
  padding: 7.5px 0;
}

.featured-box__body .hr--small {
  position: relative;
  top: -5px;
}

@media screen and (min-width: 1025px) {
  .featured-box__body {
    padding: 30px 0;
  }
}

.featured-box__title {
  margin: 0;
}

@media screen and (min-width: 481px) and (max-width: 1024px) {
  .medium--one-third .featured-box__title,
  .one-third .featured-box__title {
    font-size: 1.42857em;
  }
}

@media screen and (min-width: 1025px) {
  .large--one-third .featured-box__title,
  .one-third .featured-box__title {
    font-size: 1.42857em;
  }
}

@media screen and (min-width: 481px) {
  .product-list .grid-view-item.product-layouts .product-wrapper .product-thumb .padding_0.right_img {
    margin: 0 -10px !important;
  }
}

.loading-modal {
  background: #fff url("loader.gif") center 14px no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 50% !important;
  bottom: auto;
  left: 50% !important;
  right: auto !important;
  width: 56px;
  height: 56px;
  margin-left: -28px;
  margin-top: -28px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  text-indent: -999em;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
}

@media screen and (max-width: 991px) {
  .col-sm-9.collection_wrapper, .col-sm-3.left-sidebar, .col-sm-3.right-sidebar {
    width: 100%;
    padding: 0;
  }

  .col-sm-3.left-sidebar, .col-sm-3.right-sidebar {
    margin-top: 20px;
  }
}

/*home page*/
.template-index .main-content .shopify-section {
  float: left;
  margin: 0 0 20px;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .template-index .main-content .shopify-section {
    margin: 0 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .template-index .main-content .shopify-section {
    margin: 0 0 15px;
  }
}

.template-index .main-content .shopify-section.instagram-block {
  margin-bottom: 10px;
}

.template-index .main-content .shopify-section:last-child {
  margin-bottom: 0;
  margin-top: 0;
}

.template-index .main-content .shopify-section:first-child {
  margin-top: 0;
}

#shopify-section-home-top-banner {
  margin-top: 10px;
}

@media screen and (max-width: 991px) {
  .main-content .shopify-section {
    margin: 20px auto 10px;
    float: left;
    width: 100%;
  }

  .product-layouts .product-wrapper .product-description .item-swatch.color_swatch_Value {
    display: none;
  }

  .product-list .product-layouts .product-wrapper .product-description .item-swatch.color_swatch_Value {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .collection_template .products-grid-view .grid-item.product-grid {
    clear: none;
  }
}

@media screen and (max-width: 991px) {
  .content-wrapper {
    width: 100%;
  }

  .sidebar {
    width: 100%;
  }

  .sidebar .widget > h4.toggle, .sidebar .widget > .toggle.h4 {
    padding: 10px;
  }

  .blog-section .sidebar .widget > ul {
    padding: 0 15px;
  }

  .sidebar .widget.recent_article > ul {
    padding: 0 15px;
  }
}

@media screen and (max-width: 480px) {
  .filter-sortby .sorting-section button span, .sorting_wrapper button.dropdown-toggle span {
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    width: 100%;
    padding-right: 5px;
    overflow: hidden;
  }

  .sorting_wrapper {
    float: left;
  }

  .collection_wrapper .sorting_wrapper .btn.dropdown-toggle, .collection_wrapper .sorting_wrapper .dropdown-toggle.btn--secondary, .collection_wrapper .sorting_wrapper input.dropdown-toggle[type="submit"] {
    width: 100%;
  }
}

/*============================================================================
  #Product Page
==============================================================================*/
.quick-view.open-in .product-detail-section {
  text-align: left;
  -webkit-opacity: 1 !important;
  -moz-opacity: 1 !important;
  -khtml-opacity: 1 !important;
  opacity: 1 !important;
}

.product-arrows div {
  width: 130px;
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 130px;
  padding: 15px 0;
  z-index: 1;
}

.product-arrows div i {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 15px;
  height: 104px;
  padding: 40px 10px;
  width: 30px;
  line-height: 25px;
}

.product-info {
  display: inline-block;
  margin-top: 10px;
  text-transform: capitalize;
}

.product-information .review-wrap.col-xs-12.padding_0 {
  margin: 0;
}

.product-info > p {
  display: table;
  margin-bottom: 8px;
}

.product-info > p > label {
  display: table-cell;
  width: 130px;
  font-weight: 500;
  font-size: 14px;
  color: #232323;
}

.spr-summary-starrating {
  font-size: 10px;
  color: #ffbf34;
}

.spr-starratings {
  font-size: 12px !important;
  color: #ffbf34;
}

.spr-review-header .spr-review-header-title {
  font-size: 14px;
  margin: 0;
}

.spr-review {
  padding: 15px 0 !important;
}

.spr-container {
  padding: 20px !important;
}

.spr-badge-starrating {
  margin: 0 10px 0 0;
}

.spr-form {
  padding: 0 !important;
}

#shopify-product-reviews .spr-content .spr-form-title {
  font-size: 16px !important;
  line-height: 30px !important;
  margin-bottom: 15px !important;
}

.spr-icon {
  font-size: 11px !important;
  line-height: 12px !important;
  color: #ffbf34 !important;
}

.spr-icon.spr-icon-star-empty {
  color: #5c5c5c !important;
}

#shopify-product-reviews .spr-form-label, #shopify-product-reviews .spr-review-content-body {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.product-arrows .right {
  right: 15px;
  left: auto;
}

.product-arrows .left {
  left: 15px;
  right: auto;
}

.product-arrows div i {
  font-size: 12px;
}

@media screen and (max-width: 480px) {
  .product-arrows div i {
    font-size: 12px;
    line-height: 24px;
  }
}

.product-arrows a img {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -ms-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
}

@media screen and (max-width: 767px) {
  .product-arrows a img {
    display: none;
  }
}

.product-arrows a:hover img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .product-arrows a:hover img {
    display: none;
  }
}

.product-arrows div a .title {
  display: none;
}

.design_3 .product-arrows div {
  height: 30px;
  line-height: 30px;
  width: 30px;
}

.design_3 .product-Video-btn.popup-video.tip-top {
  position: static;
}

.design_3 .product-Video-btn .mdi.mdi-video {
  margin: 0 6px 0 0;
}

.product-arrows span {
  width: 35px;
  text-align: center;
  border: 1px solid #f0f0f0;
  background: #fff;
  font-size: 20px;
  line-height: 35px;
  height: 35px;
}

@media screen and (max-width: 767px) {
  .product-arrows span {
    width: 35px;
  }
}

.product-arrows span a {
  width: 100%;
  height: 100%;
  float: left;
}

#shopify-section-product-template-5 .add-to-wishlist.pro_btn .loading {
  float: none !important;
}

p.product-arrows {
  position: absolute;
  top: 0;
  right: 15px;
  width: 75px;
  height: 37px;
  line-height: 30px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  p.product-arrows {
    left: 0;
    margin: 0 auto;
    top: -44px;
    margin-bottom: 5px;
  }
}

.product-single .product-inventory {
  margin: 0;
}

.product-single .add-to-wishlist.pro_btn .show {
  height: 18px;
  width: 18px;
}

.product-single .added-wishlist.btn.add_to_wishlist i:hover, .product-single .added-wishlist.add_to_wishlist.btn--secondary i:hover, .product-single input.added-wishlist.add_to_wishlist[type="submit"] i:hover {
  color: #000000;
}

@media screen and (max-width: 767px) {
  .product-single {
    margin: 30px 0 0;
  }
}

.product-single__thumbs img {
  border: 1px solid #f0f0f0;
}

.product-single__thumbs img:hover {
  border-color: #ddd;
}

.product-images-fixed a.product-Video-btn.popup-video.tip-top {
  position: static;
  z-index: 1;
  left: 20px;
}

.product-images-fixed .popup-video > span {
  position: absolute;
  left: 20px;
  z-index: 1;
  top: 5px;
}

.product-single__price span.visually-hidden {
  display: none;
}

.product-single__addtocart .btn, .product-single__addtocart .btn--secondary, .product-single__addtocart input[type="submit"] {
  width: auto;
}

.product-single__addtocart label {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 5px;
  width: 100%;
  color: #232323;
}

.product-information .qnt_wrap .button:hover {
  background-color: #eeeeee;
}

.product-information .flip-countdown .countdown-container {
  float: none;
  margin: 5px 0;
  position: static;
  width: auto;
  padding: 0 15px;
}

.product-information .add-to-wishlist.pro_btn {
  float: left;
  width: 100%;
  margin: 0 0 15px;
}

#AddToCart > span {
  font-weight: 400;
}

.product-information .fixed-content .social-sharing a, .product-information-inner .social-sharing a {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  margin-bottom: 0;
}

.product-information .fixed-content .social-sharing a:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.product-information-inner .threesixty-video {
  float: left;
  width: 100%;
  margin: 0 0 15px;
}

.threesixty-video .product-Video-btn.popup-video.tip-top {
  padding: 2px 15px;
  float: left;
  width: auto;
  position: static;
}

@media screen and (max-width: 991px) {
  .threesixty-video .product-Video-btn.popup-video.tip-top {
    padding: 2px 5px;
  }
}

@media screen and (max-width: 480px) {
  .threesixty-video .product-Video-btn.popup-video.tip-top {
    padding: 2px 0;
    margin: 5px 0 0 0;
  }
}

.product-single__thumbs .owl-pagination, .product-single .tab-pane, .tab-pane {
  display: none;
}

.product-page {
  float: left;
  width: 100%;
}

.product-single-wrap {
  background: #fff;
  float: left;
  width: 100%;
  display: inline-block;
}

.product-single .active.tab-pane, .tab-pane.active {
  display: block;
}

.product-single__thumbs {
  padding: 0 50px;
  background: #fff;
}

.product-single__thumbs .grid-item {
  float: left;
  width: 100%;
  margin: 5px;
}

.product-single__thumbs .slick-list {
  padding: 0 !important;
}

.product-single.vertical_left .product-single__thumbs {
  padding: 50px 15px;
}

.owl-carousel.product-single__thumbs .owl-buttons div,
.owl-carousel.product-single__thumbs .owl-buttons .owl-prev, .owl-carousel.product-single__thumbs .owl-buttons .owl-next {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.product-information .add-to-wishlist.pro_btn .show .loading {
  width: auto;
  float: left;
}

.product-information .add-to-wishlist .add_to_wishlist:hover {
  background-color: #f5f5f5;
  color: #000;
}

.product-information .add-to-wishlist.pro_btn .show .loading, .product-information .add-to-wishlist.pro_btn .show .loading a.add_to_wishlist {
  background: none;
}

.product-information .add-to-wishlist.pro_btn .show .loading a.add_to_wishlist {
  background: none;
}

.product-information .add-to-wishlist.pro_btn:hover .show .loading a.add_to_wishlist {
  color: #000;
}

.product-information .add-to-wishlist.pro_btn .show .loading:hover, .product-information .add-to-wishlist.pro_btn .show .loading a.add_to_wishlist:hover {
  color: #000 !important;
}

.product-information .add-to-wishlist.pro_btn .show .loading.btn, .product-information .add-to-wishlist.pro_btn .show .loading.btn--secondary, .product-information .add-to-wishlist.pro_btn .show input.loading[type="submit"] {
  padding: 1px 10px;
}

.product-fixed-wrapper {
  background: #ffffff none repeat scroll 0 0;
  float: left;
  padding: 15px;
  width: 100%;
}

div#ProductSection {
  float: left;
  width: 100%;
  position: relative;
}

.product-single__description.rte {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}

@media screen and (max-width: 991px) {
  .product-single__description.rte {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .product-single__description.rte {
    margin-bottom: 15px;
  }
}

.product-information .product-single__desc {
  margin: 10px 0 0;
}

.product-block {
  background: #ffffff none repeat scroll 0 0;
  float: left;
  padding: 0;
  width: 100%;
}

.product-img .pro_img {
  margin-bottom: 20px;
}

.product-img .pro_img .product-image-btn {
  position: absolute;
  right: 7px;
  bottom: 3px;
  font-size: 20px;
}

.design_3 .product-img .pro_img .product-image-btn {
  right: 15px;
  width: 30px;
  bottom: 0;
  height: 30px;
  line-height: 30px;
}

.product-single__photos .product-image-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.product-single__photos a.product-lightbox-btn {
  display: none;
  width: 30px;
  height: 30px;
  float: left;
  font-size: 24px;
}

.design_4 .product-Video-btn.popup-video.tip-top {
  float: right;
  width: auto;
  right: 10px;
  position: absolute;
  top: 10px;
  -webkit-box-shadow: 0px 0 2px #555;
  -moz-box-shadow: 0px 0 2px #555;
  -ms-box-shadow: 0px 0 2px #555;
  -o-box-shadow: 0px 0 2px #555;
  box-shadow: 0px 0 2px #555;
  padding: 5px 8px;
}

.horizontal_bottom.design_2 .product-images-fixed .product-single__thumb img {
  height: auto;
  border: 1px solid #f0f0f0;
}

.design_3 .product-img {
  float: left;
  position: relative;
  width: 100%;
}

.design_3 .product-wrapper-owlslider .pro_img a.product-single__thumb {
  width: 100%;
  border: 1px solid #f0f0f0;
  float: left;
}

.design_4 .tt-scroll-content .add_tocart_wrapper {
  padding: 0;
}

.design_4 .product-single__description.rte {
  padding: 0;
  margin: 0;
}

.design_4 .product-information .social-sharing {
  border-top: 0 none;
  margin: 0;
}

.design_4 .tt-scroll .print {
  float: left;
  width: auto;
  margin: 0 0 6px 0px;
}

.design_4 #shopify-product-reviews .spr-container {
  margin-right: 10px;
}

.design_4.product-design-compact .product_tab_wrapper {
  border-top: 1px solid #f0f0f0;
  margin: 0;
}

.design_4 .tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title {
  padding: 10px 0 5px 0;
}

.design_4 .product-single__description .tt-Tabs-panel {
  border-top: 1px solid #f0f0f0;
  padding: 10px;
}

.fixed-product-block {
  display: table;
  width: 100%;
}

.product-single__addtocart .js-qty {
  margin-bottom: 15px;
  max-width: none;
  width: 125px;
  display: inline-block;
}

.product-information .social-sharing {
  display: inline-block;
  border-top: 1px solid #f0f0f0;
  width: 100%;
  padding: 10px 0;
  margin: 5px 0 0;
  border-bottom: 1px solid #f0f0f0;
}

.product-information .social-sharing .share-facebook:hover {
  color: #4c76be;
}

.product-information .social-sharing .share-twitter:hover {
  color: #00c7ff;
}

.product-information .social-sharing .share-pinterest:hover {
  color: #bd3518;
}

.product-info .out-of-stock {
  color: red;
  font-weight: 500;
}

.product-info .many-in-stock, .product-info .in-stock {
  color: #1cc373;
  font-weight: 500;
}

.product-infor .unavailable {
  color: orchid;
  font-weight: 500;
}

.product-info .items-count {
  color: #fa9324;
}

.product-single__price lable {
  font-weight: 400;
  font-size: 14px;
  color: inherit;
  display: inline-block;
  min-width: 128px;
  color: #888888;
}

.product-single .product-type .collection-title {
  text-transform: capitalize;
  font-size: 14px;
}

ul.tabs {
  float: left;
  list-style: outside none none;
  margin: 0 0 -4px;
  position: relative;
  width: 100%;
}

.tabs > li {
  display: inline-block;
  margin-bottom: 0;
}

.tab-container {
  float: left;
  width: 100%;
}

.product_tab_wrapper ul.tabs {
  margin-bottom: 15px;
}

.product_tab_wrapper .nav-tabs > li.active > a:focus, .product_tab_wrapper .nav-tabs > li > a:focus,
.product_tab_wrapper .nav-tabs > li.active > a:hover, .product_tab_wrapper .nav-tabs > li > a:hover,
.product_tab_wrapper .nav-tabs > li.active > a, .product_tab_wrapper .nav-tabs > li > a {
  border: none;
  background: none;
  padding-left: 0;
  padding-right: 0;
  margin-right: 30px;
  font-size: 16px;
  text-transform: capitalize;
}

ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel {
  padding: 0 40px;
  margin: 20px 0;
}

@media screen and (max-width: 480px) {
  .more-view-wrapper ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel {
    width: 80%;
    margin: 20px auto;
    float: none;
  }
}

@media screen and (max-width: 400px) {
  .more-view-wrapper ul.product-photo-thumbs.product-wrapper-owlslider.owl-carousel {
    width: 100%;
    margin: 20px auto;
    float: none;
  }
}

.product-single__thumbs .owl-nav .owl-prev, .product-single__thumbs .owl-nav .owl-next,
ul.product-photo-thumbs.owl-carousel .owl-nav div {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.product-single__thumbs .owl-nav .owl-prev, .product-single__thumbs .owl-nav .owl-next,
ul.product-photo-thumbs .owl-nav .owl-buttons .owl-prev, ul.product-photo-thumbs .owl-nav .owl-next {
  bottom: auto;
  top: 41%;
}

.product-photo-thumbs li, .product-single__thumbs li {
  padding: 0 5px;
  display: inline-block;
  width: auto;
  vertical-align: top;
}

.product-single__thumbs li {
  padding: 0 5px !important;
}

.product-photo-thumbs li img, .product-single__thumbs li img {
  display: inline-block;
}

.product-single .product-information .add-to-wishlist.pro_btn .add-in-wishlist-js.btn, .product-single .product-information .add-to-wishlist.pro_btn .add-in-wishlist-js.btn--secondary, .product-single .product-information .add-to-wishlist.pro_btn input.add-in-wishlist-js[type="submit"], .product-single .product-information .add-to-wishlist.pro_btn .added-wishlist.btn.add_to_wishlist, .product-single .product-information .add-to-wishlist.pro_btn .added-wishlist.add_to_wishlist.btn--secondary, .product-single .product-information .add-to-wishlist.pro_btn input.added-wishlist.add_to_wishlist[type="submit"] {
  background: none;
  color: inherit;
  padding: 0;
}

.product-single .product-information .add-to-wishlist.pro_btn .add-in-wishlist-js.btn:hover, .product-single .product-information .add-to-wishlist.pro_btn .add-in-wishlist-js.btn--secondary:hover, .product-single .product-information .add-to-wishlist.pro_btn input.add-in-wishlist-js[type="submit"]:hover, .product-single .product-information .add-to-wishlist.pro_btn .added-wishlist.btn.add_to_wishlist:hover, .product-single .product-information .add-to-wishlist.pro_btn .added-wishlist.add_to_wishlist.btn--secondary:hover, .product-single .product-information .add-to-wishlist.pro_btn input.added-wishlist.add_to_wishlist[type="submit"]:hover {
  color: #000;
}

.product-single__thumbs .owl-nav .owl-next::before,
ul.product-photo-thumbs .owl-nav > .owl-next::before {
  bottom: 0;
  color: #ffffff;
  content: "\f142";
  float: right;
  font-family: "Material Design Icons";
  font-size: 18px;
  font-weight: 500;
  height: 18px;
  left: 0;
  line-height: 18px;
  margin: auto;
  position: absolute;
  right: 2px;
  text-align: center;
  top: 0;
  width: 16px;
}

.product-single__thumbs .owl-nav .owl-next:hover::before, ul.product-photo-thumbs .owl-nav > .owl-next:hover::before,
.product-single__thumbs .owl-nav .owl-prev:hover::before, ul.product-photo-thumbs .owl-nav > .owl-prev:hover::before {
  color: #ffffff !important;
}

.product-single__thumbs .owl-nav .owl-prev, .product-single__thumbs .owl-nav .owl-next,
ul.product-photo-thumbs .owl-nav .owl-prev, ul.product-photo-thumbs .owl-nav > .owl-next {
  border: 1px solid #333333;
  color: #ffffff;
  font-size: 0;
  height: 25px;
  position: absolute;
  width: 25px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #333333;
}

ul.product-photo-thumbs .owl-nav > .owl-prev {
  left: 0;
}

ul.product-photo-thumbs .owl-nav > .owl-next {
  right: 0;
}

.review-wrap .spr-badge {
  margin-right: 10px;
  float: left;
  text-transform: capitalize;
  padding-right: 8px;
  border-right: 1px solid #e5e5e5;
}

#shopify-product-reviews .spr-summary-actions-newreview::before {
  content: "\f3eb";
  position: absolute;
  font-family: 'Material Design Icons';
  left: -16px;
  right: auto;
  top: 4px;
  bottom: auto;
  height: 15px;
  width: 15px;
  font-size: 14px;
  line-height: 16px;
}

@media screen and (max-width: 480px) {
  #shopify-product-reviews .spr-summary-actions-newreview::before {
    left: 0;
  }
}

.product-single__description .spr-summary-actions-newreview {
  position: relative;
}

@media screen and (max-width: 480px) {
  .product-single__description .spr-summary-actions-newreview {
    padding: 0 0 0 17px;
  }
}

.product-single__vendor lable {
  margin: 0 5px 0 0;
}

.product-information .product-single__price #comparePrice .money {
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
}

a.product-write-review {
  display: inline-block;
  float: left;
  margin: 0 0 4px;
}

#shopify-product-reviews .spr-header-title {
  font-size: 16px;
  line-height: 18px;
}

@media screen and (max-width: 480px) {
  #shopify-product-reviews .spr-header-title {
    text-align: left;
  }
}

.product_all_images {
  float: left;
  width: 100%;
}

.product_all_images img {
  margin-bottom: 10px;
}

.product-single.vertical_left .product-single__thumbs {
  float: left;
  width: 25%;
  padding: 30px 0;
}

@media screen and (max-width: 480px) {
  .product-single.vertical_left .product-single__thumbs {
    width: 35%;
  }
}

.product-single.vertical_left .product-single__thumbs .slick-slide img, .product-single.vertical_right .product-single__thumbs .slick-slide img {
  max-height: 95px;
  max-width: 95px;
  margin: 0 auto;
  width: 100%;
  float: none;
}

@media screen and (max-width: 991px) {
  .product-single.vertical_left .product-single__thumbs .slick-slide img, .product-single.vertical_right .product-single__thumbs .slick-slide img {
    width: 100%;
  }
}

.product-single.vertical_left .slick-vertical .slick-prev.slick-arrow, .product-single.vertical_right .slick-vertical .slick-prev.slick-arrow {
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  bottom: auto;
}

.product-single .slick-prev.slick-arrow, .product-single .slick-next.slick-arrow {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #1e54aa;
  font-size: 18px;
  color: #ffffff;
  background: #1e54aa;
  width: 25px;
  height: 25px;
  line-height: 20px;
  z-index: 0;
}

.product-single .slick-prev.slick-arrow:hover, .product-single .slick-next.slick-arrow:hover {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333333;
  font-size: 18px;
  color: #ffffff;
  background: #333333;
}

.product-single .product-single__thumbs.slick-vertical .slick-prev.slick-arrow, .product-single .product-single__thumbs.slick-vertical .slick-next.slick-arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 15px;
}

.product-single.vertical_left .slick-vertical .slick-next.slick-arrow, .product-single.vertical_right .slick-vertical .slick-next.slick-arrow {
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  top: auto;
}

.product-single .product-information .product-single__variants label {
  font-size: 14px;
  font-weight: 500;
}

.product-wrapper-owlslider .product-single__photos {
  border: 1px solid #f0f0f0;
}

.horizontal_bottom .product-wrapper-owlslider .product-single__photos, .horizontal_bottom .product-single__thumbs.horizontal_bottom {
  float: left;
  width: 100%;
  position: relative !important;
}

.product-single.vertical_left .product-single__photos {
  float: right;
  width: 75%;
  margin-bottom: 0;
  position: relative;
}

@media screen and (max-width: 480px) {
  .product-single.vertical_left .product-single__photos {
    width: 60%;
  }
}

.product-single.vertical_left.design_1 .product-Video-btn.popup-video.tip-top {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.product-single.vertical_right.design_1 .product-Video-btn.popup-video.tip-top {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.product-single.vertical_right .product-single__thumbs {
  float: right;
  width: 25%;
  padding: 30px 0;
}

.product-single.vertical_right .product-single__photos {
  float: left;
  width: 75%;
  position: relative;
}

.product-single__thumbs .owl-nav .owl-prev::before,
ul.product-photo-thumbs .owl-nav .owl-prev::before {
  bottom: 0;
  color: #ffffff;
  content: "\f141";
  float: right;
  font-family: "Material Design Icons";
  font-size: 18px;
  font-weight: 500;
  height: 18px;
  left: 0;
  line-height: 18px;
  margin: auto;
  position: absolute;
  right: 2px;
  text-align: center;
  top: 0;
  width: 16px;
}

.product_tab_wrapper .nav-tabs > li.active > a::before,
.product_tab_wrapper .nav-tabs > li.active > a::before {
  background: #232323 none repeat scroll 0 0;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}

.product-single__addtocart .btn, .product-single__addtocart .btn--secondary, .product-single__addtocart input[type="submit"] {
  position: relative;
  padding-left: 40px;
}

.product-single__addtocart .btn::before, .product-single__addtocart .btn--secondary::before, .product-single__addtocart input[type="submit"]::before {
  bottom: 0;
  content: "\f111";
  font-family: "Material Design Icons";
  font-size: 20px;
  left: 6px;
  margin: 0 auto;
  position: absolute;
  right: auto;
  text-align: center;
  top: 1px;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

img {
  max-width: 100%;
}

.owl-nav {
  display: none;
}

.testimonials_wrap .owl-nav, .brand_slider .owl-nav, .full_gallery_slider .owl-nav, .ourteam_slider .owl-nav, .quick-view .owl-nav {
  display: block;
  margin: 0;
}

ul.ourteam_slider.owl-carousel {
  margin-bottom: 0;
}

.quick-view .product-photo-thumbs li {
  margin: 0;
}

.quick-view .product-img img {
  border: 1px solid #f0f0f0;
}

.product-single__thumbs .owl-nav .owl-prev, .product-single__thumbs .owl-nav .owl-next, ul.product-photo-thumbs .owl-nav .owl-prev, ul.product-photo-thumbs .owl-nav > .owl-next {
  color: #ffffff;
  background: #1e54aa;
}

.pagination-custom > li.active, .pagination-custom > li:hover,
.product-single__thumbs .owl-nav .owl-prev:hover, .product-single__thumbs .owl-nav .owl-next:hover, ul.product-photo-thumbs .owl-nav .owl-prev:hover, ul.product-photo-thumbs .owl-nav > .owl-next:hover {
  background: #333333;
  border-color: #333333;
}

ul.product-photo-thumbs .owl-nav > .owl-next, ul.product-photo-thumbs .owl-nav > .owl-prev,
.product-photo-thumbs .owl-nav .owl-prev, .product-photo-thumbs .owl-nav .owl-next {
  background: #2669d5;
  color: #ffffff;
  border-color: #2669d5;
}

ul.product-photo-thumbs .owl-nav > .owl-next:hover, ul.product-photo-thumbs .owl-nav > .owl-prev:hover,
.product-photo-thumbs .owl-nav .owl-prev:hover, .product-photo-thumbs .owl-nav .owl-next:hover {
  background: #333333;
  color: #ffffff !important;
  border-color: #333333;
}

.product-single__description .product_tab_wrapper {
  clear: both;
  margin: 30px 0 0;
}

@media screen and (max-width: 1199px) {
  .product-single__description .product_tab_wrapper {
    margin: 20px 0;
  }
}

@media screen and (max-width: 991px) {
  .vertical_left.design_4 .product-wrapper-owlslider {
    width: 100%;
  }

  .design_4 .product-information {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

@media screen and (max-width: 767px) {
  .product-single.vertical_left.design_1 .product-Video-btn.popup-video.tip-top {
    right: 50px;
    width: auto;
  }

  .product-single.vertical_right.design_1 .product-Video-btn.popup-video.tip-top {
    width: auto;
    bottom: 20px;
  }

  .design_1 #productPhoto.image-zoom {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 80%;
  }

  .horizontal_bottom .product-single__thumbs.horizontal_bottom {
    float: none;
    width: 80%;
    display: inline-block;
    vertical-align: top;
  }

  .horizontal_bottom.design_2 .product-img .pro_img .product-image-btn {
    right: 10px;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .tt-brand_slider .owl-nav {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .design_2 p.product-arrows {
    left: auto;
    top: 0;
  }
}

@media screen and (max-width: 480px) {
  .horizontal_bottom .product-single__thumbs.horizontal_bottom {
    width: 100%;
  }

  .design_1 #productPhoto.image-zoom {
    width: 100%;
  }

  .horizontal_bottom.design_2 .product-img .pro_img .product-image-btn {
    right: 10px;
  }

  #shopify-product-reviews .spr-container {
    padding: 15px 10px !important;
  }

  #shopify-product-reviews .spr-summary .spr-summary-actions {
    float: left;
    width: 100%;
    text-align: left;
    margin: 5px 0 0 0;
  }

  .spr-review-reportreview {
    float: left !important;
  }
}

/*  product compact layout */
.tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title:after {
  content: "\f140";
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
  font-size: 16px;
  color: #bbb;
  font-family: "Material Design Icons";
  -webkit-transition: transform .4s ease;
  -moz-transition: transform .4s ease;
  -ms-transition: transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  backface-visibility: hidden;
  perspective: 800px;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 800px;
}

.tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title.active:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.tabs-layout-accordion .tt-tab-wrapper {
  border-bottom: 1px solid rgba(119, 119, 119, 0.17);
}

.tabs-layout-accordion .tt-tab-wrapper .tt-accordion-title {
  position: relative;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.tt-scroll {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 0;
  min-height: 385px;
  overflow: hidden;
  height: 100%;
}

@media screen and (max-width: 1199px) {
  .tt-scroll {
    min-height: 355px;
  }
}

@media screen and (max-width: 991px) {
  .tt-scroll {
    position: static;
  }
}

.tt-scroll.has-scrollbar {
  height: 100%;
  left: 10px;
}

.tt-scroll-pane.active, .tt-scroll-pane.flashed, .tt-scroll:hover > .tt-scroll-pane {
  visibility: visible;
  -webkit-opacity: 0.99;
  -moz-opacity: 0.99;
  -khtml-opacity: 0.99;
  opacity: 0.99;
}

.tt-scroll .tt-scroll-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  overflow-x: hidden;
}

.tt-scroll > .tt-scroll-pane {
  width: 2px;
  background: rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 200ms ease-in-out;
  -moz-transition: 200ms ease-in-out;
  -ms-transition: 200ms ease-in-out;
  -o-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  visibility: hidden\9;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.tt-scroll > .tt-scroll-pane > .tt-scroll-slider {
  background: rgba(0, 0, 0, 0.7);
  position: relative;
  margin: 0 0;
}

.product-information {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  display: -webkit-flex;
  /* Safari */
  -webkit-align-items: center;
  /* Safari 7.0+ */
  display: flex;
  float: right;
}

.product-design-compact .product_tab_wrapper {
  border: none;
  border-top: 2px solid #000;
  padding: 0;
}

.panel.tt-Tabs-panel {
  display: none;
}

.panel.tt-Tabs-panel.active {
  display: block;
}

/**/
.full_gallery_slider .item {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  -webkit-transition: .4s ease all;
  -moz-transition: .4s ease all;
  -ms-transition: .4s ease all;
  -o-transition: .4s ease all;
  transition: .4s ease all;
  margin: 0 20px;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
}

.product-wrapper-owlslider .owl-carousel.full_gallery_slider .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  bottom: auto;
  background: transparent none repeat scroll 0 0;
  left: 0;
  right: auto;
  margin: 0;
  height: 100%;
  border: none;
  width: 200px;
}

.product-wrapper-owlslider .owl-carousel.full_gallery_slider .owl-nav .owl-prev:hover, .product-wrapper-owlslider .owl-carousel.full_gallery_slider .owl-nav .owl-next:hover {
  background: transparent none repeat scroll 0 0;
}

.product-wrapper-owlslider .owl-carousel.full_gallery_slider .owl-nav .owl-next {
  position: absolute;
  top: 0;
  border: none;
  bottom: auto;
  right: 0;
  left: auto;
  margin: 0;
  height: 100%;
  background: transparent none repeat scroll 0 0;
  width: 200px;
}

.full_gallery_slider .owl-dots {
  counter-reset: counter;
}

.full_gallery_slider .owl-item img {
  margin: 0;
  transform: scale(0.9);
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

#shopify-section-product-template-5 .product-block .product-img .owl-dots .owl-dot span, .product-block .product-img .owl-dots .owl-dot span {
  background: #1e54aa;
}

#shopify-section-product-template-5 .product-block .product-img .owl-dots .owl-dot:hover span, .product-block .product-img .owl-dots .owl-dot.active span {
  background: #333333 !important;
}

#shopify-section-product-template-5 .container-fluid {
  padding: 0;
}

.design_5 .product-information.product_fixed_block {
  margin: 40px 0 0;
}

@media screen and (max-width: 480px) {
  .design_5 .product-information.product_fixed_block {
    margin: 20px 0 0;
  }
}

.design_5 #shopify-product-reviews .spr-summary, .design_5 #shopify-product-reviews .spr-content {
  text-align: left;
}

.design_5 .product-Video-btn.popup-video.tip-top {
  position: static;
  float: left;
  width: 100%;
}

.design_5 a.product-write-review, .design_5 .review-wrap .spr-badge {
  float: none;
  display: inline-block;
}

.design_5 .col-xs-12.padding_0.cart_wrap, .design_5 ul.tabs, .design_5 .tabs > li {
  float: none;
  text-align: center;
}

.design_5 .qty-box-set, .design_5 .product-single__addtocart .btn, .design_5 .product-single__addtocart .btn--secondary, .design_5 .product-single__addtocart input[type="submit"] {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.design_5 .social-sharing {
  display: inline-block;
  margin: 10px auto;
  text-align: center;
  float: none;
  width: 100%;
}

.design_5 .product-information .flip-countdown .countdown-container {
  margin: 8px auto;
}

.design_5 .product-360-button {
  float: none;
  display: inline-block;
  width: 100%;
}

.design_5 .product-360-button a {
  font-weight: 400;
  float: left;
  width: 100%;
}

.design_5 .product-single__addtocart label {
  width: auto;
  padding: 8px 0;
  margin: 0 5px 0 0;
  float: none;
}

@media screen and (max-width: 480px) {
  .design_5 .product-single__addtocart label {
    display: none;
  }
}

.design_5 .product-information-inner .flip-countdown {
  margin: 20px 0;
}

.design_5 .product-Video-btn .mdi.mdi-video {
  margin: 0 5px 0 0;
}

.design_5 .full_gallery_slider .owl-nav {
  display: none;
}

.design_5 .product-arrows a img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.design_5 .product-block .print {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.full_gallery_slider .owl-item .num {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e5e5e5;
  margin: auto;
  width: 85px;
  padding: 10px;
  text-align: center;
  display: none;
}

@media screen and (max-width: 480px) {
  .full_gallery_slider .owl-item .num {
    padding: 5px;
  }
}

.full_gallery_slider .owl-item.center .num {
  display: block;
}

@media (max-width: 2000px) {
  .full_gallery_slider .owl-nav .owl-next, .full_gallery_slider .owl-nav .owl-prev {
    width: 400px;
  }
}

@media (max-width: 1600px) {
  .full_gallery_slider .owl-nav .owl-next, .full_gallery_slider .owl-nav .owl-prev {
    width: 320px;
  }
}

@media (max-width: 1400px) {
  .full_gallery_slider .owl-nav .owl-next, .full_gallery_slider .owl-nav .owl-prev {
    width: 300px;
  }
}

@media (max-width: 1200px) {
  .full_gallery_slider .owl-nav .owl-next, .full_gallery_slider .owl-nav .owl-prev {
    width: 250px;
  }
}

@media (max-width: 1000px) {
  .full_gallery_slider .owl-nav .owl-next, .full_gallery_slider .owl-nav .owl-prev {
    width: 200px;
  }
}

@media (max-width: 600px) {
  .full_gallery_slider .owl-nav .owl-next, .full_gallery_slider .owl-nav .owl-prev {
    width: 100px;
  }
}

@media (max-width: 480px) {
  .full_gallery_slider .owl-nav .owl-next, .full_gallery_slider .owl-nav .owl-prev {
    width: 60px;
  }
}

.full_gallery_slider .center.owl-item img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.full_gallery_slider .owl-item {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
}

.owl-carousel.full_gallery_slider .owl-item img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.product-single__addtocart .add,
.product-single__addtocart .minus {
  color: #888888;
  font-size: 1.71429em;
  position: relative;
}

.product-single__addtocart .js-qty {
  margin-bottom: 15px;
  max-width: none;
}

.product-single__addtocart .js-qty input[type="text"] {
  background-color: #ffffff;
  padding: 8px 22px;
}

.product-single__addtocart .js--qty-adjuster {
  width: 40px;
}

.product-single__desc {
  margin: 20px 0;
}

.product-single__desc h3, .product-single__desc .h3 {
  text-align: left;
}

.product-single__header {
  padding: 0;
}

.product-single__photos {
  margin-bottom: 30px;
}

.design_1 .product-single__photos {
  margin-bottom: 10px;
}

.design_1 #productThumbs.horizontal_bottom {
  margin: 30px 0 0 0;
}

.design_1 .product-Video-btn .mdi.mdi-video {
  margin: 0 5px 0 0;
}

.product-single__photos a,
.product-single__photos img,
.product-single__thumbs a,
.product-single__thumbs img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.product-single__photos li,
.product-single__thumbs li {
  margin-bottom: 0;
  display: inline-block;
  float: none;
}

.product-single__price {
  font-family: "Open Sans";
}

.dt-sc-toggle-content {
  display: none;
}

.product-categories .cat-item {
  position: relative;
}

.product-categories .cat-item span.dt-menu-expand {
  position: absolute;
  right: -10px;
  top: 1px;
  font-size: 16px;
  cursor: pointer;
  width: 30px;
  text-align: center;
}

.product-categories .cat-item:hover span.dt-menu-expand {
  color: #000;
}

.no-js .product-single__variants {
  display: block;
}

.product-single__vendor {
  font-style: normal;
  margin-top: 3px;
  margin-bottom: 5px;
}

.h2.product-single__price {
  font-size: 18px;
  font-family: "Open Sans";
  margin: 0px 0 15px;
}

.h2.product-single__price label {
  font-weight: 500;
  font-size: 14px;
  color: #232323;
  width: 125px;
}

.h2.product-single__price #productPrice {
  color: #f12a43;
  font-weight: 600;
}

.h2.product-single__price #comparePrice {
  color: #888888;
}

.product-single__title.wvendor {
  margin: 0;
}

.product-single__addtocart .js-qty {
  margin-right: 5px;
  float: left;
}

.product-single__addtocart .btn, .product-single__addtocart .btn--secondary, .product-single__addtocart input[type="submit"] {
  line-height: 17px;
  background-color: #1e54aa;
  color: #ffffff;
}

.tt-lookbook-wrap a.add-cart-btn {
  background-color: #333333;
  color: #ffffff;
}

.product-single__addtocart .btn, .product-single__addtocart .btn--secondary, .product-single__addtocart input[type="submit"], .product-single__addtocart .btn--secondary, .product-single__addtocart input[type="submit"] {
  padding: 12px 18px 12px 45px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.product-single__addtocart .btn:hover, .product-single__addtocart .btn--secondary:hover, .product-single__addtocart input[type="submit"]:hover {
  background-color: #333333;
  color: #ffffff;
}

.product-single__addtocart .btn:hover::before, .product-single__addtocart .btn--secondary:hover::before, .product-single__addtocart input[type="submit"]:hover::before {
  background-position: -30px -36px;
}

.product-single__title, .section-header__title {
  margin: 0 0 10px;
  font: 400 18px/24px "Open Sans", Helvetica, sans-serif;
  text-transform: capitalize;
}

@media screen and (max-width: 1200px) {
  .product-single__title, .section-header__title {
    font-size: 16px;
  }
}

.section-header .product-single__title, .section-header .section-header__title {
  display: none;
}

.product-information .add-to-wishlist .tooltip-label {
  font-weight: 400;
  margin: 0 0 0 5px;
}

.product-information .add-to-wishlist .tooltip-label:hover {
  color: #000000;
}

.review-wrap span.spr-badge-caption {
  margin-left: 5px;
  border-left: 1px solid #e5e5e5;
  padding-left: 8px;
}

.selector-wrapper {
  margin-bottom: 15px;
}

.spr-badge-starrating {
  color: #5c5c5c;
}

.spr-badge-starrating .spr-icon, .spr-badge-starrating {
  padding: 0 1px 0 0;
  color: #ffbf34;
  font-size: 12px;
}

.spr-icon.spr-icon-star-empty {
  color: #5c5c5c;
}

.social-sharing a {
  color: #5c5c5c;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 1em;
  margin-bottom: 7.5px;
  margin-right: 7.5px;
  padding: 5px 10px;
  padding-left: 0;
  -webkit-transition: 200ms ease-in-out;
  -moz-transition: 200ms ease-in-out;
  -ms-transition: 200ms ease-in-out;
  -o-transition: 200ms ease-in-out;
  transition: 200ms ease-in-out;
}

.social-sharing a:hover {
  color: #5c5c5c;
}

@media screen and (min-width: 1025px) {
  .item-social-sharing {
    margin-top: 0;
  }
}

/*360 veiw*/
.tt-360-veiw .spinner {
  background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  color: #000000;
  display: block;
  font-weight: bolder;
  height: 60px;
  line-height: 60px;
  margin: 0 auto;
  text-align: center;
  width: 60px;
}

.tt-360-veiw {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  cursor: ew-resize;
  cursor: -webkit-grab;
}

.tt-360-veiw:active {
  cursor: ew-resize;
  cursor: -webkit-grabbing;
}

.tt-360-veiw:after {
  content: '';
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  height: 50%;
  z-index: 5;
  border-bottom: 5px solid rgba(175, 175, 175, 0.15);
  border-top: 2px solid rgba(175, 175, 175, 0.05);
  border-right: 2px solid rgba(175, 175, 175, 0.1);
  border-left: 2px solid rgba(175, 175, 175, 0.1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.tt-360-veiw .threed-title {
  position: relative;
  padding-top: 20px;
  z-index: 40;
  text-align: center;
}

.tt-360-veiw .threed-view-images {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tt-360-veiw .threed-view-images img {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
}

.tt-360-veiw .threed-view-images img.previous-image {
  visibility: hidden;
  /*
     Do not put here any other styles.
     It causes massive recalc / repaints and image flickering,
     especially on Firefox.
  */;
}

.tt-360-veiw .threed-view-images img.current-image {
  visibility: visible;
  /*
     Do not put here any other styles.
     It causes massive recalc / repaints and image flickering,
     especially on Firefox.
  */;
}

.tt-360-veiw .spinner {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: block;
  margin: 0 auto;
  color: black;
  font-weight: bolder;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.tt-360-veiw .spinner span {
  line-height: 60px;
}

.tt-360-veiw .nav_bar {
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -67.5px;
  z-index: 11;
  background-color: white;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.tt-360-veiw .nav_bar a {
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 0px;
  text-align: center;
  text-decoration: none;
}

.tt-360-veiw .nav_bar a:hover {
  background-color: #f9f9f9;
}

.tt-360-veiw .nav_bar a:after {
  font-size: 24px;
  font-family: "Material Design Icons";
}

.tt-360-veiw .nav_bar a.nav_bar_play:after {
  content: "\f40a";
}

.tt-360-veiw .nav_bar a.nav_bar_previous:after {
  content: "\f4ae";
}

.tt-360-veiw .nav_bar a.nav_bar_stop:after {
  content: "\f3e4";
}

.tt-360-veiw .nav_bar a.nav_bar_next:after {
  content: "\f4ad";
}

.product-360-view-wrapper {
  margin: 100px auto;
  max-width: 800px;
  position: relative;
}

.product-360-button {
  font-weight: bold;
  display: inline-block;
  float: left;
}

.product-single__header .product-360-button {
  font-weight: normal;
  margin-bottom: 10px;
}

.threesixty-video .product-360-button > a {
  padding: 2px 15px 2px 0;
  border-right: 1px solid #e5e5e5;
}

@media screen and (max-width: 991px) {
  .threesixty-video .product-360-button > a {
    padding: 2px 5px 2px 0;
  }
}

@media screen and (max-width: 480px) {
  .threesixty-video .product-360-button > a {
    border: none;
  }
}

.threesixty-video a:hover, .threesixty-video span:hover {
  color: #000;
}

.threesixty-video i {
  font-size: 21px;
  margin: 0 5px 0 0;
  padding: 7px 10px;
  background: #e5e5e5;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

.threesixty-video span {
  font-size: 14px;
  font-weight: 400;
  color: #777;
}

.product-Video-btn.popup-video.tip-top {
  float: right;
  width: auto;
}

@media screen and (max-width: 767px) {
  .product-Video-btn.popup-video.tip-top {
    width: 100%;
  }
}

/* html */
.tt-360-veiw:-webkit-full-screen {
  background: #ffffff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 200px;
}

.tt-360-veiw:-moz-full-screen {
  background: #ffffff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 200px;
}

.discount-percentage {
  color: #21cb29;
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  padding: 0;
  position: relative;
}

.product-single__thumbs img {
  width: auto;
}

/*related products*/
.related-products .owl-nav {
  display: none;
}

.related-products .product-layouts {
  padding: 15px;
}

.related-products .grid-item {
  padding: 0;
}

.related-products-container {
  float: left;
  width: 100%;
  position: relative;
  margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .related-products-container {
    margin: 0 0 15px;
  }
}

.design_4 .related-products-container {
  margin-top: 20px;
}

.related_navigation.customNavigation {
  top: 5px;
  right: 5px;
}

#recently-viewed-products {
  float: left;
  width: 100%;
}

.grid-item.product-grid .add-cart-btn > span {
  display: none;
}

/*************************************/
/*============================================================================
  #toggle-accordion
==============================================================================*/
.tt-toggle-frame-set {
  float: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.template-page .tt-toggle-frame-set {
  margin-top: 30px;
}

.tt-toggle-frame {
  padding-bottom: 20px;
  display: block;
}

.tt-toggle-frame h5.tt-toggle-accordion, .tt-toggle-frame .tt-toggle-accordion.h5 {
  font-weight: normal;
  position: relative;
  text-transform: uppercase;
  margin: 0px 0px 0px;
  padding: 0px 0px 0px 20px;
}

.tt-toggle-frame h5 a, .tt-toggle-frame .h5 a {
  display: block;
  text-transform: uppercase;
  color: #5c5c5c;
}

.tt-toggle-frame h5 a:before, .tt-toggle-frame .h5 a:before, .tt-toggle-frame h5 a:after, .tt-toggle-frame .h5 a:after {
  position: absolute;
  text-decoration: inherit;
}

.tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle-accordion:before, .tt-toggle-frame-set .tt-toggle-frame .tt-toggle-accordion.h5:before, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle:before, .tt-toggle-frame-set .tt-toggle-frame .tt-toggle.h5:before {
  content: "\f140";
  font-family: "Material Design Icons";
  top: 0px;
  left: 0px;
  position: absolute;
  font-weight: normal;
}

.tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle-accordion:after, .tt-toggle-frame-set .tt-toggle-frame .tt-toggle-accordion.h5:after, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle:after, .tt-toggle-frame-set .tt-toggle-frame .tt-toggle.h5:after {
  content: "\f140";
  font-family: "Material Design Icons";
  top: 4px;
  left: 0px;
  display: inline-block;
  float: left;
  position: absolute;
}

.tt-toggle-frame-set .tt-toggle-frame h5.active:before, .tt-toggle-frame-set .tt-toggle-frame .active.h5:before, .tt-toggle-frame-set .tt-toggle-frame h5.active:after, .tt-toggle-frame-set .tt-toggle-frame .active.h5:after, .tt-toggle-frame-set h5.tt-toggle.active:before, .tt-toggle-frame-set .tt-toggle.active.h5:before {
  content: "";
}

.tt-toggle-frame .tt-toggle-content {
  padding: 5px 20px 20px 22px;
  margin: 0px 0px 0px 0px;
  background: #f4f4f4;
}

.tt-toggle-frame .tt-toggle-accordion.active, .tt-toggle-frame .tt-toggle.active {
  background: #f4f4f4;
  margin-bottom: 0px;
  padding: 20px 10px 5px 20px;
}

.tt-toggle-accordion.active a:before, .tt-toggle-accordion.active a:after, .tt-toggle-frame .tt-toggle.active a:before, .tt-toggle-frame .tt-toggle.active a:after, .tt-toggle-frame-set .tt-toggle-frame h5.tt-toggle.active:before, .tt-toggle-frame-set .tt-toggle-frame .tt-toggle.active.h5:before {
  content: "";
}

.tt-toggle-frame-set h5.tt-toggle-accordion:before, .tt-toggle-frame-set .tt-toggle-accordion.h5:before, h5.tt-toggle:before, .tt-toggle.h5:before {
  content: "\f140";
  font-family: "Material Design Icons";
}

h5.tt-toggle-accordion.active:before, .tt-toggle-accordion.active.h5:before, .tt-toggle-frame-set h5.tt-toggle.active:before, .tt-toggle-frame-set .tt-toggle.active.h5:before {
  content: "\f143";
  font-family: "Material Design Icons";
}

h5.tt-toggle-accordion.active, .tt-toggle-accordion.active.h5 {
  background: #fff;
  color: #000;
}

h5.tt-toggle-accordion.active a, .tt-toggle-accordion.active.h5 a {
  color: #000;
}

.course h5.tt-toggle-accordion:before, .course .tt-toggle-accordion.h5:before {
  content: "?";
}

.course h5.tt-toggle-accordion.active:before, .course .tt-toggle-accordion.active.h5:before {
  content: "?";
}

.tt-toggle-frame h5.tt-toggle-accordion:before, .tt-toggle-frame .tt-toggle-accordion.h5:before {
  content: '';
}

.tt-toggle-frame h5.tt-toggle-accordion, .tt-toggle-frame .tt-toggle-accordion.h5 {
  line-height: inherit;
}

h5.tt-toggle-accordion, .tt-toggle-accordion.h5, .tt-toggle-frame h5.tt-toggle, .tt-toggle-frame .tt-toggle.h5, h5.tt-toggle, .tt-toggle.h5 {
  padding: 15px 0px 15px 42px;
  line-height: 30px;
  position: relative;
  font-size: 16px;
  margin: -1px 0 -1px;
  border: 1px solid #f0f0f0;
}

.tt-toggle-frame h5.tt-toggle, .tt-toggle-frame .tt-toggle.h5 {
  padding: 0px 0px 0px 20px;
  margin-bottom: 0px;
}

.tt-toggle-frame h5.ttc-toggle-accordion a, .tt-toggle-frame .ttc-toggle-accordion.h5 a, .tt-toggle-frame h5.tt-toggle a, .tt-toggle-frame .tt-toggle.h5 a {
  font-weight: normal;
}

h5.tt-toggle-accordion a, .tt-toggle-accordion.h5 a {
  color: #5c5c5c;
  font-weight: bold;
  display: block;
}

h5.tt-toggle a, .tt-toggle.h5 a {
  color: #5c5c5c;
  font-size: 16px;
  font-weight: bold;
  display: block;
}

.tt-toggle-frame h5.tt-toggle-accordion a, .tt-toggle-frame .tt-toggle-accordion.h5 a {
  font-weight: normal;
}

h5.tt-toggle-accordion:before, .tt-toggle-accordion.h5:before, h5.tt-toggle:before, .tt-toggle.h5:before {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  position: absolute;
  top: 15px;
  left: 3px;
  z-index: 1;
}

.tt-toggle-frame h5.tt-toggle-accordion:before, .tt-toggle-frame .tt-toggle-accordion.h5:before, .tt-toggle-frame h5.tt-toggle:before, .tt-toggle-frame .tt-toggle.h5:before {
  background: none;
  display: inherit;
  width: auto;
  height: auto;
  text-align: inherit;
  line-height: inherit;
  color: inherit;
  border: none;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  position: static;
}

h5.tt-toggle-accordion.active:before, .tt-toggle-accordion.active.h5:before, h5.tt-toggle.active:before, .tt-toggle.active.h5:before {
  line-height: 25px;
}

.tt-toggle-frame h5.tt-toggle-accordion.active:before, .tt-toggle-frame .tt-toggle-accordion.active.h5:before, .tt-toggle-frame h5.tt-toggle.active:before, .tt-toggle-frame .tt-toggle.active.h5:before {
  border: 0px;
}

.tt-toggle-content {
  padding-left: 40px;
  padding-bottom: 20px;
  padding-top: 20px;
  clear: both;
  display: none;
  border: 1px solid #f0f0f0;
}

#shopify-section-faq .tt-toggle-accordion {
  cursor: pointer;
}

/*****************/
/*============================================================================
  #Pricing table
==============================================================================*/
.tt-pricing_wrapper {
  float: left;
  width: 100%;
}

.tt-pricing_inner {
  background: #f5f5f5 none repeat scroll 0 0;
  float: left;
  padding: 25px;
  width: 100%;
}

.tt-pricing_heading {
  font-size: 30px;
  margin: 0 0 20px;
  text-transform: capitalize;
}

.tt-pricing_top_inner {
  border-bottom: 3px solid #cfcfcf;
  display: inline-block;
  padding: 10px 0;
}

.tt-pricing_top_inner sup.currency {
  font-size: 30px;
  font-weight: 500;
  line-height: 32px;
  position: static;
}

.tt-pricing_top .tt-pricing_price {
  display: inline;
  font-size: 30px;
  font-weight: 500;
}

.tt-pricing_top .tt-pricing_per {
  display: inline;
  font-size: 14px;
  line-height: 17px;
}

.tt-pricing_inner .subtitle {
  color: #a4a4a4;
}

.tt-pricing_bottom {
  float: left;
  width: 100%;
}

.tt-pricing_button {
  float: left;
  margin: 25px 0 0;
  text-transform: capitalize;
  width: 100%;
}

.tt-pricing_button a#tt-pricing-btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  display: inline-block;
  padding: 10px;
  background: #333333;
}

.tt-pricing_button a#tt-pricing-btn:hover {
  background: #333333;
}

.tt-pricing_bottom ul li {
  list-style: none;
}

.pricing-table {
  margin-top: 20px;
  float: left;
  width: 100%;
}

.tt-pricing-table-wrap {
  margin-left: -10px;
  margin-right: -10px;
}

.tt-pricing_top {
  display: inline-block;
  float: left;
  margin-bottom: 15px;
  position: relative;
  width: 100%;
}

.selected .tt-pricing_inner {
  background: #efefef none repeat scroll 0 0;
}

/*============================================================================
  #Our team
==============================================================================*/
.about_content {
  display: flex;
}

.ourteam_slider .owl-nav {
  display: none;
}

.about_description {
  padding: 150px 0;
  float: left;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .about_description {
    padding: 10px 0;
  }
}

.aboutus-wrap.ourteam_wrap.style_2, .aboutus-wrap.ourteam_wrap.style_1 {
  float: left;
  width: 100%;
  position: relative;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .ourteam-image::before {
  background-color: #eeeeee;
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.ourteam_wrap ul li.teammember-item, .ourteam_wrap ul li.teammember-item ul li {
  list-style: none;
  display: inline-block;
}

.teammember-inner .teammember-social-profile > li {
  margin: 0;
  padding: 0 7px;
}

.teammember-inner .teammember-social-profile {
  margin: 0;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 480px) {
  .ourteam_wrap.style_1 .teammember-item .teammember-content {
    float: none;
    display: inline-block;
    text-align: center;
    vertical-align: top;
  }
}

@media screen and (max-width: 480px) {
  .our_team .ourteam_slider .owl-item {
    text-align: center;
  }
}

.teammember-item .ourteam-image-wrap {
  position: relative;
}

.teammember-item {
  padding: 0 15px;
  margin-top: 20px;
}

.ourteam_wrap .tt_description {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 15px;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .ourteam-image {
  position: relative;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  float: left;
  width: 100%;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta {
  background-color: rgba(0, 0, 0, 0.8);
  bottom: -100%;
  padding: 20px 0;
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  width: 100%;
  z-index: 2;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
  text-transform: uppercase;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-position {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-style: italic;
  margin-bottom: 0;
  text-transform: uppercase;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-social-profile {
  margin-bottom: 0;
  margin-top: 5px;
  padding-left: 0;
  -webkit-transition: all 0.35s ease 0s;
  -moz-transition: all 0.35s ease 0s;
  -ms-transition: all 0.35s ease 0s;
  -o-transition: all 0.35s ease 0s;
  transition: all 0.35s ease 0s;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-social-profile li {
  display: inline-block;
  font-size: 16px;
  margin: 0 5px;
  padding: 0;
  -webkit-transition: 300ms ease-in-out;
  -moz-transition: 300ms ease-in-out;
  -ms-transition: 300ms ease-in-out;
  -o-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-social-profile li a {
  background-color: #ffffff;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 30px;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content:hover .teammember-meta {
  bottom: -1px;
}

.ourteam_wrap .owl-carousel:hover .owl-buttons div {
  display: none;
}

.ourteam_wrap.style_2 .teammember-item .teammember-content .teammember-meta {
  margin-top: -60px;
  padding: 30px;
  position: relative;
  z-index: 2;
}

.ourteam_wrap.style_2 .teammember-item .teammember-content .teammember-inner {
  background: #f0f1f1 none repeat scroll 0 0;
  border-radius: 3px;
  padding: 30px;
  text-align: center;
}

.ourteam_wrap.style_2 .teammember-item .teammember-content .teammember-title {
  color: #666666;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.ourteam_wrap.style_2 .teammember-item .teammember-content .teammember-position {
  font-size: 14px;
  text-transform: none;
  margin-bottom: 8px;
}

.ourteam_wrap.style_2 li.facebook:hover a {
  color: #4c76be;
}

.ourteam_wrap.style_2 li.twitter:hover a {
  color: #00c7ff;
}

.ourteam_wrap.style_2 li.googleplus:hover a {
  color: #ea4c89;
}

.ourteam_wrap.style_2 li.instagram:hover a {
  color: #c8232c;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-social-profile li.facebook:hover a {
  background: #4c76be;
  color: #fff;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-social-profile li.twitter:hover a {
  background: #00c7ff;
  color: #fff;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-social-profile li.googleplus:hover a {
  background: #ea4c89;
  color: #fff;
}

.ourteam_wrap.style_1 .teammember-item .teammember-content .teammember-meta .teammember-social-profile li.instagram:hover a {
  background: #c8232c;
  color: #fff;
}

#ttabout .About_us.img {
  padding: 0 0 10px;
  text-align: center;
}

.ttabout1 .ttabout {
  text-align: center;
}

@media screen and (max-width: 480px) {
  .ttabout1 .ttabout {
    float: left;
    width: 100%;
  }
}

.ttabout1 .ttabout-content {
  padding: 30px 10px;
  float: left;
}

.ttabout1 .ttabout-content .ttabout-title {
  font-size: 18px;
  color: #232323;
  font-weight: 500;
  margin: 0 0 10px;
}

.aboutus-wrap .section-header .title {
  margin: 10px 15px 10px 15px;
}

.ttabout1 .ttabout-content .ttabout-description {
  text-align: center;
}

#about-us .page-content-wrapper,
#contact-us .page-content-wrapper {
  padding: 0;
}

/**/
/*============================================================================
  #404 page
==============================================================================*/
h1.text-center.heading-404, .text-center.heading-404.h1 {
  font-size: 115px;
  margin: 0;
}

.error-404 h4, .error-404 .h4 {
  font-size: 50px;
}

.error-404 .search-bar {
  max-width: 100%;
  width: 80%;
  float: none;
  margin: 0 auto;
}

.error-404 p.text-center {
  font-size: 20px;
  margin-bottom: 35px;
}

/*============================================================================
  #Blogs and Comments
==============================================================================*/
/**** Blog Sidebar Listing ***/
p.comments-count.right span {
  display: none;
}

.tweetbox .timeline-Tweet-media, .tweetbox .SandboxRoot.env-bp-min .timeline-Tweet-text {
  display: none;
}

.blog_masonry_left .article.tt-blog-content:hover .blogs-sub-title {
  bottom: 0;
}

.no_sidebar .blog_masonry_left {
  margin-right: -15px;
}

@media screen and (max-width: 991px) {
  .no_sidebar .blog_masonry_left {
    margin-right: 0;
  }
}

.blog_masonry_right {
  margin-left: -15px;
}

@media screen and (max-width: 991px) {
  .blog_masonry_right {
    margin-left: 0;
  }
}

.no_sidebar .blog_masonry_left {
  margin-right: -15px;
  margin-right: -15px;
}

.blog_masonry_left .blogs-sub-title {
  float: left;
  width: 100%;
  position: absolute;
  bottom: -43px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px 10px 0;
  -webkit-transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -ms-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .blog_masonry_left .blogs-sub-title {
    bottom: 0;
  }
}

.sidebar .widget.recent_article ul li {
  margin-bottom: 10px;
}

.blog_masonry_left .blogs-sub-title .mdi.mdi-comment-multiple-outline {
  font-size: 14px;
}

@media screen and (max-width: 991px) {
  .blog_masonry_left, .blog_masonry_right {
    margin: 0 -9px;
    width: auto;
  }
}

.blog-section .content-wrapper .blog_masonry_left .blog_content_wrap.col_3 .grid__item:nth-child(3n+1), .blog-section .content-wrapper .blog_masonry_right .blog_content_wrap.col_3 .grid__item:nth-child(3n+1) {
  clear: both;
}

@media screen and (max-width: 767px) {
  .blog_masonry_left .blogs-sub-title, .blog_masonry_left .article.tt-blog-content:hover .blogs-sub-title {
    bottom: 0;
    padding: 10px 10px 0px;
  }

  .blog-design-4 .grid__item .blogs-sub-title .blog-date, .blog-design-4 .grid__item .blogs-sub-title .comment-count {
    margin: 0;
  }

  .blog-section .content-wrapper .blog_masonry_left .grid__item, .blog-section .content-wrapper .blog_masonry_right .grid__item {
    width: 50%;
    padding: 0 15px;
  }

  .blog-section .blog_masonry_left .content-wrapper.col_3 .grid__item:nth-child(3n+1), .blog-section .blog_masonry_right .content-wrapper.col_3 .grid__item:nth-child(3n+1) {
    clear: none;
  }

  .blog-section .content-wrapper .blog_masonry_left .blog_content_wrap.col_3 .grid__item:nth-child(2n+1), .blog-section .content-wrapper .blog_masonry_right .blog_content_wrap.col_3 .grid__item:nth-child(2n+1)
.blog-section .content-wrapper .blog_masonry_left .grid__item:nth-child(2n+1), .blog-section .content-wrapper .blog_masonry_right .grid__item:nth-child(2n+1) {
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  .blog-section .content-wrapper .blog_masonry_left .grid__item, .blog-section .content-wrapper .blog_masonry_right .grid__item {
    width: 100%;
    padding: 0;
  }

  .blog_masonry_left, .blog_masonry_right {
    margin: 0 1px;
  }
}

.blog_masonry_right .blog-btn {
  float: none;
  margin-top: 10px;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: inline-block;
}

.template-blog .blog_masonry_left .blog_image_holder {
  overflow: hidden;
}

#blog_slider .article__grid__inner .ttblog_image_holder > a::before, .blog-section .ttblog_image_holder > a::before {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  height: 100%;
  width: 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -ms-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
  transition: 400ms ease-in-out;
}

.blog-meta .mdi-comment-multiple-outline {
  padding-right: 5px;
}

.blog-meta .comments-count {
  line-height: 1.2;
}

.blog-post-single .blog__name.col-xs-12.padding_0 {
  position: absolute;
  left: 20px;
  right: auto;
  padding: 5px 16px !important;
  display: inline-block;
  background: #000;
  top: 10px;
  width: auto;
  color: #fff;
}

.article__grid-meta.article__grid-meta--has-image .list--inline {
  margin: 0;
}

#blog_slider .article__grid__inner:hover .ttblog_image_holder > a::before, .blog-section .tt-blog-content:hover .ttblog_image_holder > a::before {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.grid-blog-slider .tt-blog-content .article__date {
  float: left;
  font-size: 14px;
  margin-bottom: 10px;
}

.article__grid-meta span.article__comment.right {
  float: right;
  font-size: 14px;
  margin-bottom: 10px;
}

.collection_wrapper .clearfix.paginatoin_custom.blog_nav .blog_nav_title, .collection_wrapper .clearfix.paginatoin_custom.blog_nav .blog_nav_img {
  display: none;
}

.clearfix.paginatoin_custom.blog_nav {
  margin-bottom: 25px;
  display: inline-block;
  width: 100%;
}

.article__grid-meta.article__grid-meta--has-image {
  position: relative;
}

#blog_sidebar .article__title > a {
  font: 400 14px/18px "Open Sans", Helvetica, sans-serif;
  text-transform: capitalize;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#blog_sidebar span.article__date {
  float: left;
  margin: 0;
}

.blog_sidebar_item {
  float: left;
  width: 100%;
  margin: 5px 0 10px;
}

.blog_sidebar_item .bloglinks {
  display: none;
}

.blog_sidebar_item .h3.article__title {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}

#blog_sidebar .tt-blog-content .h3.article__title {
  padding: 5px 0 5px;
}

@media screen and (max-width: 991px) {
  .sidebar .widget #blog_sidebar {
    float: left;
    width: 100%;
    padding: 0 15px;
  }
}

@media screen and (max-width: 767px) {
  .blog-section .content-wrapper .grid__item {
    padding: 0;
  }
}

/******* home blog design 2 *****/
.blog-grid-wrapper.design_1 {
  float: left;
  width: 100%;
  background: #fff;
  position: relative;
}

.blog-grid-wrapper {
  float: left;
  width: 100%;
  position: relative;
}

.blog-content-wrap {
  padding: 0;
}

.blog-content-wrap a.read-more {
  color: #1e54aa;
}

.blog-content-wrap a.read-more:hover {
  color: #000000;
}

.design_2 .grid-blog-slider .tt-blog-content .article__date, .design_3 .grid-blog-slider .tt-blog-content .article__date {
  position: relative;
  top: auto;
  padding: 0;
  margin-bottom: 6px;
}

.design_2 .grid-blog-slider .tt-blog-content:hover .article__date, .design_3 .grid-blog-slider .tt-blog-content:hover .article__date {
  display: inline-block;
}

.design_2 .blog-content-wrap {
  padding: 0 20px;
  text-align: center;
}

.design_2 .article__grid-meta.article__grid-meta--has-image {
  padding: 25px 25px 5px 25px;
  -webkit-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  margin-top: -60px;
  background: #fff;
}

.design_2 .tt-blog-content .article__title {
  margin-top: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .design_2 .article__grid-meta span.article__comment.right {
    float: right !important;
    margin-right: 0;
  }

  .disable_menutoggle .design_2 .article__grid-meta.article__grid-meta--has-image {
    padding: 15px 15px 5px 15px;
  }

  .disable_menutoggle .design_2 .blog-content-wrap {
    padding: 0 10px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .design_2 .article__grid-meta.article__grid-meta--has-image {
    padding: 15px 15px 5px 15px;
  }

  .design_2 .blog-content-wrap {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .design_2 .grid-blog-slider .tt-blog-content .article__date, .design_2 .grid-blog-slider .tt-blog-content .article__comment {
    margin-right: 5px;
    font-size: 14px;
  }

  .design_2 .grid-blog-slider .tt-blog-content .article__comment {
    margin-right: 0;
  }
}

@media screen and (max-width: 320px) {
  .design_2 .grid-blog-slider .tt-blog-content .article__date, .design_2 .grid-blog-slider .tt-blog-content .article__comment {
    width: 100%;
  }
}

/******* home blog design 3 *****/
.design_3 .blog-content-wrap {
  text-align: left;
  padding: 0 20px;
  border: 1px solid #e5e5e5;
}

.design_3 .article__grid-meta.article__grid-meta--has-image .list--inline {
  border-top: 1px solid #e5e5e5;
  margin-left: -21px;
  margin-right: 65px;
  padding: 10px 20px;
}

.design_3 .grid-blog-slider .tt-blog-content .article__comment {
  margin: 0;
  background: #f5f5f5;
  padding: 10px 16px;
  border-radius: 25px;
  position: absolute;
  right: 0px;
  left: auto;
  bottom: 21px;
  top: auto;
}

.design_3 .grid-blog-slider .tt-blog-content .article__comment i {
  font-size: 16px;
}

.design_3 #blog_slider .article__grid__inner .ttblog_image_holder.blog_image_holder {
  margin: 0;
}

.design_3 .tt-blog-content .article__title {
  margin: 20px 0 10px;
}

.design_3 .grid-blog-slider .tt-blog-content .article__date {
  padding: 0;
  margin-bottom: 0px;
  margin-top: 16px;
}

.design_3 .grid-blog-slider .tt-blog-content .article__comment {
  margin: 0;
}

.design_3 .article__grid-meta .rte.article__grid-excerpt {
  margin: 0 0 18px;
}

.design_3 .grid-blog-slider {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  ul.list--inline.article__meta-buttons {
    margin: 0;
  }

  .design_3 .blog-content-wrap {
    padding: 15px 20px;
  }
}

/***/
.tt-social-share {
  display: inline-block;
  float: left;
  width: 100%;
  margin: 10px 0;
}

.tt-social-share > div {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.article_author {
  display: inline-block;
}

p.blog-date {
  margin: 10px 0 0;
}

.article_date {
  display: inline-block;
  margin-right: 10px;
}

.template-article .blog-meta {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
}

.template-article .blog-meta i {
  font-size: 16px;
  line-height: 18px;
}

.template-article .blog-meta i.mdi-comment-multiple {
  margin: 0 7px 0 0;
}

.blogs-sub-title {
  float: left;
  width: 100%;
}

.blog_list_item .blogs-sub-title > p {
  display: inline-block;
  margin-right: 10px;
}

.blog-btn i {
  margin-left: 5px;
}

#blog_slider .article__grid__inner .ttblog_image_holder.blog_image_holder {
  float: left;
  width: 100%;
  position: relative;
  margin: 0 0 15px 0;
}

.article.tt-blog-content {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.blog__name,
.collection-title {
  font-family: "Roboto";
  font-size: 1em;
  margin-bottom: 15px;
}

.blog-post-single .meta,
.blog-post .meta {
  color: #5c5c5c;
  font-family: "Open Sans";
  font-size: 1em;
}

.blog-post-single .meta .meta__dot,
  .blog-post .meta .meta__dot {
  margin: 0 8px;
}

.blog-post-single .meta .meta__dot:before,
    .blog-post .meta .meta__dot:before {
  content: "\00B7";
  font-size: 20px;
  line-height: 20px;
  vertical-align: bottom;
}

.blog-post-single .item-social-sharing {
  margin-top: 0;
  float: left;
  width: 100%;
  margin: 20px 0 0;
  border-top: 1px solid #f0f0f0;
  padding-top: 20px;
}

.blog-post-single .tt-social-share > div {
  text-align: center;
}

.blog-post-single #comments .comment {
  margin: 0 0 60px;
}

.blog_title_wrap {
  float: left;
  width: 100%;
  position: relative;
}

.blog_masonry_left .article.tt-blog-content {
  margin-bottom: 20px;
  float: left;
  width: 100%;
  -webkit-box-shadow: 1px 0 10px #e5e5e5;
  -moz-box-shadow: 1px 0 10px #e5e5e5;
  -ms-box-shadow: 1px 0 10px #e5e5e5;
  -o-box-shadow: 1px 0 10px #e5e5e5;
  box-shadow: 1px 0 10px #e5e5e5;
  padding: 10px;
  background: #fff;
}

.blog_title_wrap .tt-blog-content .article__title {
  padding-right: 120px;
}

.blog_list_item .comments-count {
  margin: 20px 0 0 20px;
}

.blog_title_wrap p.blog-date {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 480px) {
  .blog_title_wrap p.blog-date {
    margin: 2px 0 10px 0;
    position: relative;
  }
}

.blog-post-single .item-social-sharing h5.social, .blog-post-single .item-social-sharing .social.h5 {
  display: inline-block;
  float: left;
  font-size: 18px;
  margin-right: 20px;
  margin-top: 5px;
}

.blog-post-single .tt-social-share {
  display: inline-block;
  float: left;
  width: auto;
  margin: 0;
}

.blog-post-single .meta .meta__dot, .blog-post .meta .meta__dot {
  margin: 0 8px;
  line-height: 20px;
}

.blog-meta {
  text-align: center;
  margin-bottom: 15px;
  line-height: 0;
}

.blog-meta .meta {
  display: inline-block;
  width: auto;
}

.blog-meta .comments-count {
  display: inline-block;
  color: #5c5c5c;
}

.blog-meta p {
  margin-bottom: 0px;
}

.blog-meta a {
  color: #5c5c5c;
}

.blog-meta a:hover, .blog-meta a:active {
  color: #363636;
}

.recent_article .article__title {
  margin-top: 0px;
  font: 400 14px/18px "Roboto", Helvetica, sans-serif;
  overflow: hidden;
  margin: 0px;
  padding: 0 0 5px;
  text-transform: capitalize;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.recent_article ul li {
  margin-bottom: 10px;
}

.blog-post .page-header {
  margin-bottom: 45px;
}

.blog-post .icon {
  color: #5c5c5c;
}

.blog-post .icon-comment {
  position: relative;
  top: 1px;
}

.blog-post__full-image {
  display: block;
  margin-bottom: 15px;
}

.blog-post__full-image img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.comments__title {
  margin: 15px 0 30px;
}

.comments-form__title {
  margin: 50px 0 60px;
}

@media screen and (min-width: 1025px) {
  .comments-form__author {
    padding-right: 5px !important;
  }

  .comments-form__email {
    padding-left: 5px;
  }
}

.comments {
  margin-top: 0;
}

.comments form {
  margin-top: 0;
}

@media screen and (min-width: 1025px) {
  .comments form {
    margin-top: 20px;
  }
}

.comment {
  margin-bottom: 30px;
}

.comment + .comment {
  padding-top: 30px;
}

#comment_form .text-center {
  font-size: 20px;
  text-align: left !important;
}

#comment_form .grid-item p.text-center {
  text-align: left !important;
}

#comment_form .grid-item .btn.text-center, #comment_form .grid-item .text-center.btn--secondary, #comment_form .grid-item input.text-center[type="submit"] {
  float: right;
  margin: 10px 0 10px 0;
  background: #333333;
  color: #ffffff;
}

#comment_form .grid-item .btn.text-center:hover, #comment_form .grid-item .text-center.btn--secondary:hover, #comment_form .grid-item input.text-center[type="submit"]:hover {
  background: #333333;
}

.tt-social-share i {
  font-size: 18px;
}

.collection_wrapper .comments ul {
  float: left;
  width: 100%;
}

.template-article .comment .blog-meta {
  float: left;
  width: 100%;
  margin: 0;
}

.tt-blog-content .blog_image_holder .bloglinks {
  bottom: 0;
  height: 42px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
}

.template-blog .blog_image_holder {
  position: relative;
  float: left;
  width: 100%;
}

.tt-blog-content .blog_image_holder .bloglinks a {
  border: 2px solid #fff;
  color: #fff;
  float: left;
  width: 40px;
  padding: 10px;
  height: 40px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  -o-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

@media screen and (max-width: 767px) {
  .tt-blog-content .blog_image_holder .bloglinks a {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }
}

.tt-blog-content .blog_image_holder .bloglinks a:hover {
  color: #fff;
}

.tt-blog-content .article__title {
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  overflow: hidden;
  margin: 0;
  padding: 0 0 5px;
  text-transform: capitalize;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%;
  white-space: nowrap;
}

.tt-blog-content .article__title a {
  color: #333333;
}

.article__grid-meta .rte.article__grid-excerpt {
  line-height: 22px;
  margin: 0 0 8px;
}

.tt-blog-content .blog_image_holder .bloglinks a i {
  float: left;
  font-size: 18px;
  font-weight: normal;
  line-height: 18px;
}

.tt-blog-content:hover .blog_image_holder .bloglinks a {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.tt-blog-content:hover .blog_image_holder .bloglinks a:hover {
  background: #1e54aa;
  border-color: #1e54aa;
}

.article__grid__inner.tt-blog-content {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0 15px;
}

.blog_latest_new_home .grid-blog-slider {
  margin: 15px 0 0;
}

.grid-blog-slider .owl-pagination {
  display: none;
}

a.article__grid-image img {
  width: 100%;
}

a.article__grid-image {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.list-blogs .article.tt-blog-content:hover img {
  -webkit-transform: scale(1.1) translateX(2%);
  -moz-transform: scale(1.1) translateX(2%);
  -ms-transform: scale(1.1) translateX(2%);
  transform: scale(1.1) translateX(2%);
}

.list-blogs .article.tt-blog-content img {
  -webkit-transform: scale(1.05) translateX(-2%);
  -moz-transform: scale(1.05) translateX(-2%);
  -ms-transform: scale(1.05) translateX(-2%);
  transform: scale(1.05) translateX(-2%);
  -webkit-transition: transform ease 0.7s;
  -moz-transition: transform ease 0.7s;
  -ms-transition: transform ease 0.7s;
  transition: transform ease 0.7s;
}

g_inner
#blog_slider .article__grid-meta .h3.article__title a {
  color: #222;
}

#blog_slider .article__grid-meta .h3.article__title a:hover {
  color: #000;
}

.article__grid-meta.article__grid-meta--has-image {
  float: left;
  width: 100%;
}

.grid-blog-slider .read-more:after {
  content: "\f142";
  font-family: "Material Design Icons";
  vertical-align: middle;
  padding: 5px;
}

.tt-blog-content .read-more:after {
  content: "\f142";
  font-family: "Material Design Icons";
  vertical-align: middle;
  padding: 5px;
}

.clearfix.paginatoin_custom.blog_nav .left a, .clearfix.paginatoin_custom.blog_nav .right a {
  border: 1px solid #1e54aa;
  padding: 10px 20px;
  color: #ffffff;
  background: #1e54aa;
}

.clearfix.paginatoin_custom.blog_nav .left a:hover, .clearfix.paginatoin_custom.blog_nav .right a:hover {
  border: 1px solid #333333;
  color: #ffffff;
  background: #333333;
}

.blog-post-single h4, .blog-post-single .h4 {
  font: 400 18px/20px "Roboto" Helvetica, sans-serif;
  letter-spacing: 0;
  text-transform: capitalize;
  margin: 0;
}

.blog-meta {
  text-align: left;
}

/*============================================================================
  #Search Results
==============================================================================*/
.site-header button.btn.search-submit.icon-fallback-text, .site-header button.search-submit.icon-fallback-text.btn--secondary {
  padding: 5px 10px;
  line-height: 25px;
}

.template-search .container .input-group.search-bar {
  margin: 0 0 30px 0;
}

.search-results .name-price {
  float: left;
  width: 70%;
  padding: 0 5px;
}

.header_3 .search-results .name-price {
  width: 65%;
}

form.search-bar:hover .btn .icon.icon-search, form.search-bar:hover .btn--secondary .icon.icon-search, form.search-bar:hover input[type="submit"] .icon.icon-search {
  color: #000;
}

.search-results {
  margin-top: 30px;
}

.search-results a {
  color: #888888;
}

@media screen and (min-width: 1025px) {
  .search-results {
    margin-top: 60px;
  }
}

@media screen and (max-width: 991px) {
  .search-results .name-price {
    width: 65%;
  }
}

.search-results .thumbnail {
  border: 1px solid #e5e5e5 !important;
}

.full-search-wrapper .search-results .name-price {
  width: 100%;
}

.full-search-wrapper .search-results, .full-search-wrapper .search-results .thumbnail {
  max-width: 100%;
}

/*============================================================================
  #Notes and Form Feedback
==============================================================================*/
.note,
.errors {
  font-family: "Open Sans";
  font-size: 1em;
  padding: 15px 19.8px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  float: left;
  width: 100%;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.note ul,
  .note ol,
  .errors ul,
  .errors ol {
  margin-top: 0;
  margin-bottom: 0;
}

.note li:last-child,
  .errors li:last-child {
  margin-bottom: 0;
}

.note p,
  .errors p {
  margin-bottom: 0;
}

.note {
  border-color: #f0f0f0;
}

.errors ul {
  list-style: disc inside;
}

.form-success {
  color: #0a942a;
  background-color: #ecfef0;
  border-color: #0a942a;
}

.form-error,
.errors {
  color: #dc0000;
  background-color: #fff6f6;
  border-color: #dc0000;
}

/*============================================================================
  #Cart Page
==============================================================================*/
textarea#cartSpecialInstructions {
  background: #fff;
}

.cart-wrapper .cart-box img {
  /*border: 1px solid $colorBorder; */;
}

.cart-wrapper .product_title .product_img {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.cart-wrapper .text-center .qty-box-set {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

table.shop_table.cart_table {
  text-transform: capitalize;
  background: #fff;
}

.cart-wrapper .cart__remove a:hover i {
  color: #fff;
}

.cart-wrapper .cart__subtotal .money {
  font-size: 20px;
  color: #1e54aa;
}

.cart-wrapper .cart__row .h6 {
  margin: 0;
}

.cart-wrapper .cart__row .grid .grid-item, .cart-wrapper .cart__row .grid--rev .grid-item, .cart-wrapper .cart__row .grid--full .grid-item {
  padding: 0;
}

.cart-wrapper .cart__row .grid-item label {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 10px 0;
}

.cart-wrapper .cart__row button {
  padding: 10px 20px;
}

.cart-wrapper .cart__row #update {
  margin: 0 10px 0 0;
}

@media screen and (min-width: 1025px) {
  .template-cart .cart-wrapper {
    max-width: 100%;
    margin: 0 auto;
  }
}

.template-cart .sidebar-block, .template-page .sidebar-block {
  display: none;
}

.template-cart .table-responsive {
  border: medium none;
}

.cart__row {
  position: relative;
  padding: 30px 0;
}

@media screen and (max-width: 480px) {
  .cart__row {
    margin: 30px 0;
    padding: 0;
    margin: 15px 0;
  }

  .cart__row:first-of-type {
    margin-top: 0;
  }
}

.cart__row .js-qty {
  margin: 0 auto;
}

.cart__row input[name="goto_pp"] {
  padding: 10px 0px 0px;
}

.cart__row .amazon-payments-pay-button {
  margin: 0;
  vertial-align: top;
}

.cart__instructions {
  margin-bottom: 30px;
}

.cart__image {
  display: block;
}

.cart__image img {
  display: block;
}

.cart__subtotal {
  display: inline;
  font-family: "Open Sans";
  font-size: 2.14286em;
  margin: 0 0 0 10px;
}

.cart__mini-labels {
  display: block;
  font-family: "Open Sans";
  font-size: 1em;
  margin: 15px 0 0;
}

@media screen and (min-width: 1025px) {
  .cart__mini-labels {
    margin-top: 30px;
  }
}

.cart__product {
  line-height: 1.85714em;
  margin: 0;
}

.site-header__cart .no-items #ToggleDown p {
  margin: 0 0 5px 0;
}

.cart__remove {
  font-family: "Open Sans";
  font-size: 1em;
  margin: 0 0 15px;
}

@media screen and (min-width: 1025px) {
  .cart__remove {
    margin-bottom: 0;
  }
}

.cart-item__discount {
  display: block;
}

.cart__additional_checkout_buttons > *:not(script) {
  padding: 10px 0 0 10px;
  vertical-align: top;
  line-height: 1;
}

.cart__additional_checkout_buttons > *:not(script):first-child, .cart__additional_checkout_buttons > *:not(script):empty {
  padding-left: 0px;
}

.cart--no-cookies .cart--continue-message {
  display: none;
}

.cart--no-cookies .cart--empty-message {
  display: none;
}

.cart--cookie-message {
  display: none;
  padding-bottom: 25px;
}

.cart--no-cookies .cart--cookie-message {
  display: block;
}

/*============================================================================
  #Customer Account Page
==============================================================================*/
.customer-orders {
  overflow: auto;
}

.template-customers-addresses #address_form_new, .template-customers-addresses .edit-address {
  margin: 30px 0;
}

.template-customers-addresses .container .btn:hover, .template-customers-addresses .container .btn--secondary:hover, .template-customers-addresses .container input[type="submit"]:hover {
  background: #000;
  color: #fff;
}

#address_form_new .grid-item.one-half.first, .edit-address .grid-item.one-half.first {
  padding-left: 0;
}

#address_form_new .grid-item.one-half.last, .edit-address .grid-item.one-half.last {
  padding-right: 0;
}

#address_form_new label, .edit-address label {
  font-size: 14px;
  font-weight: 400;
}

#address_form_new .grid-item.left, .edit-address .grid-item.left {
  padding-left: 0;
}

#address_form_new .grid-item.right, .edit-address .grid-item.right {
  padding-right: 0;
}

#address_form_new #address_default_address_new.btn, #address_form_new #address_default_address_new.btn--secondary, #address_form_new input#address_default_address_new[type="submit"], .edit-address .btn, .edit-address .btn--secondary, .edit-address input[type="submit"] {
  float: right;
  margin: 0 0 30px 0;
}

#address_form_new a, .edit-address a {
  margin: 10px 0 0 0;
  float: left;
}

#address_form_new #address_province_container_new {
  padding: 0;
}

.template-customers-account .grid-item.customer-orders.two-thirds {
  padding-left: 0;
}

.template-customers-account .grid-item.one-third {
  padding-right: 0;
}

.shopify-challenge__container .g-recaptcha {
  float: left;
  width: 100%;
}

.template-customers-account .grid-item h2.h4, .template-customers-account .grid-item .h4.h2 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
}

.owl-carousel .owl-item img {
  margin: 0 auto;
}

/*============================================================================
  Ajaxify.scss.liquid overrides
  - Make the drawer come from the right
==============================================================================*/
.ajaxify-drawer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  font-family: "Open Sans";
  width: 85%;
  overflow: hidden;
  -webkit-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -moz-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -ms-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -o-transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  transition: right 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
}

@media screen and (min-width: 1025px) {
  .ajaxify-drawer {
    width: 50%;
  }
}

.ajaxify-drawer .ajaxifyCart--content {
  background-color: transparent;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.supports-csstransforms .ajaxify-drawer {
  -webkit-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  -o-transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
  transition: transform 0.5s cubic-bezier(0.75, 0.03, 0.52, 1);
}

.page-move--cart .ajaxify-drawer,
  .page-move--nav .ajaxify-drawer {
  position: fixed;
  overflow: auto;
}

/*================ Ajaxify color overrides ================*/
.ajaxify-drawer {
  color: #000000;
}

.ajaxify-drawer a {
  color: #1a1a1a;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.ajaxify-drawer a:hover {
  color: #333333;
}

.ajaxify-drawer h1, .ajaxify-drawer .h1 {
  font-size: 1.71429em;
}

@media screen and (min-width: 1025px) {
  .ajaxify-drawer h1, .ajaxify-drawer .h1 {
    margin-bottom: 30px;
  }
}

.ajaxify-drawer h1, .ajaxify-drawer .h1, .ajaxify-drawer h2, .ajaxify-drawer .h2, .ajaxify-drawer h3, .ajaxify-drawer .h3, .ajaxify-drawer h4, .ajaxify-drawer .h4, .ajaxify-drawer h5, .ajaxify-drawer .h5, .ajaxify-drawer h6, .ajaxify-drawer .h6,
  .ajaxify-drawer input[type="text"] {
  color: #232323;
}

.ajaxify-drawer label,
  .ajaxify-drawer .cart__mini-labels {
  color: #333333;
}

.ajaxify-drawer label {
  margin-bottom: 7.5px;
}

.ajaxify-drawer textarea {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #000000;
}

.ajaxify-drawer .cart__product a {
  color: black;
}

.ajaxify-drawer .cart__product a:hover {
  color: black;
}

.ajaxify-drawer .cart__row,
  .ajaxify-drawer .ajaxifyCart--num,
  .ajaxify-drawer .ajaxifyCart--add,
  .ajaxify-drawer .ajaxifyCart--minus {
  border-color: #d9d9d9;
}

.ajaxify-drawer .js--qty-adjuster:hover,
  .ajaxify-drawer .ajaxifyCart--qty-adjuster:hover,
  .ajaxify-drawer .js--qty-adjuster:active,
  .ajaxify-drawer .ajaxifyCart--qty-adjuster:active {
  background-color: #bfbfbf;
}

.ajaxifyCart--add .add,
.ajaxifyCart--add .minus,
.ajaxifyCart--minus .add,
.ajaxifyCart--minus .minus {
  color: #000000;
}

.js--qty-adjuster:hover .ajaxifyCart--add,
.ajaxifyCart--add .ajaxifyCart--qty-adjuster:hover, .js--qty-adjuster:hover
.ajaxifyCart--minus,
.ajaxifyCart--minus .ajaxifyCart--qty-adjuster:hover {
  color: red;
}

/*============================================================================
  #Password Page
==============================================================================*/
.template-password {
  height: 100vh;
  text-align: center;
  padding: 0;
}

#recover_password .text-center {
  margin-top: 30px;
}

#recover_password .text-center > a {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: auto;
  line-height: 32px;
  padding: 5px 0;
}

#recover_password .text-center p {
  width: auto;
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

#recover_password {
  background: #fff;
  padding: 20px;
}

.password-page__wrapper {
  display: table;
  height: 100%;
  width: 100%;
  background-color: #ffffff;
  padding-top: 150px;
  background-image: url("//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/password-page-background.jpg?10708498227930971215");
  background-size: cover;
  background-repeat: no-repeat;
  color: #ffffff;
}

.password-page__wrapper a {
  color: inherit;
}

.password-page__wrapper a:hover {
  color: inherit;
}

.password-page__wrapper .social-sharing a {
  color: #ffffff;
}

.password-page__wrapper .social-sharing a:hover {
  color: #ffffff;
}

.password-page__wrapper h1, .password-page__wrapper .h1, .password-page__wrapper h2, .password-page__wrapper .h2, .password-page__wrapper h3, .password-page__wrapper .h3, .password-page__wrapper h4, .password-page__wrapper .h4, .password-page__wrapper h5, .password-page__wrapper .h5, .password-page__wrapper h6, .password-page__wrapper .h6,
  .password-page__wrapper .h1, .password-page__wrapper .h2, .password-page__wrapper .h3, .password-page__wrapper .h4, .password-page__wrapper .h5, .password-page__wrapper .h6 {
  color: #232323;
}

.password-page__wrapper .input-group-btn .icon {
  color: inherit;
}

.password-header-section {
  display: table-row;
}

.password-page__header {
  display: table-cell;
  height: 1px;
}

.password-page__header__inner {
  padding: 15px 30px;
}

.password-page__logo {
  margin-top: 75px;
}

.password-page__logo .logo {
  max-width: 100%;
}

.password-page__main {
  display: table-row;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.password-page__main__inner {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 30px;
}

.password-page__hero {
  font-family: "Open Sans";
  font-size: 2.71429em;
  line-height: 1.25;
  text-transform: none;
  letter-spacing: 0;
  text-rendering: optimizeLegibility;
}

@media screen and (min-width: 481px) {
  .password-page__hero {
    font-size: 4.28571em;
  }
}

@media screen and (min-width: 1025px) {
  .password-page__hero {
    font-size: 4.57143em;
  }
}

.password-page__message {
  font-style: italic;
  font-size: 120%;
  line-height: 1.6;
}

.password-page__message img {
  max-width: 100%;
}

.password-page__message,
.password-page__login-form,
.password-page__signup-form {
  max-width: 500px;
  margin: 0 auto;
}

.password-page__login-form {
  text-align: center;
  padding: 30px;
}

.password-page__signup-form .input-group-field {
  background-color: transparent;
  color: #ffffff;
}

@media screen and (min-width: 480px) {
  .password-page__login-form,
  .password-page__signup-form {
    padding: 0 30px;
  }
}

.password-page__login-form .input-group,
.password-page__signup-form .input-group {
  width: 100%;
}

.password-page__login-form .errors ul,
.password-page__signup-form .errors ul {
  list-style-type: none;
  margin-left: 0;
}

.storefront-password-form {
  margin-bottom: 15px;
}

.password-page__social-sharing {
  margin-top: 30px;
}

.password-page__social-sharing .social-sharing {
  padding-top: 0;
}

.password-login,
.admin-login {
  margin-top: 15px;
}

.password-login a:hover,
  .admin-login a:hover {
  color: inherit;
}

.password-login {
  font-family: "Open Sans";
  font-size: 0.7em;
  line-height: 9.8px;
}

.lock-icon-svg {
  width: 9.8px;
  height: 9.8px;
  display: inline-block;
  vertical-align: baseline;
  /* Hiding the SVG logo in IE8 */;
}

.lock-icon-svg path {
  fill: currentColor;
}

.lt-ie9 .lock-icon-svg {
  display: none;
}

.admin-login {
  font-size: 95%;
}

#customer_login .text-center .btn, #customer_login .text-center .btn--secondary, #customer_login .text-center input[type="submit"] {
  padding: 7px 20px;
  letter-spacing: 0.6px;
  background: #000;
  color: #fff;
}

@media screen and (max-width: 480px) {
  #customer_login .text-center .btn, #customer_login .text-center .btn--secondary, #customer_login .text-center input[type="submit"] {
    margin: 10px 0 0;
  }
}

#customer_login .text-center .btn:hover, #customer_login .text-center .btn--secondary:hover, #customer_login .text-center input[type="submit"]:hover {
  background: #f12a43 none repeat scroll 0 0;
}

.template-customers-register .text-center .btn, .template-customers-register .text-center .btn--secondary, .template-customers-register .text-center input[type="submit"] {
  padding: 7px 15px;
  background: #000;
  color: #fff;
  margin: 20px 0;
}

.template-customers-register .text-center .btn:hover, .template-customers-register .text-center .btn--secondary:hover, .template-customers-register .text-center input[type="submit"]:hover {
  background: #333;
}

.template-customers-register .text-center .mdi.mdi-chevron-left {
  font-size: 18px;
  line-height: 18px;
  vertical-align: middle;
}

.password-page__footer {
  display: table-row;
  height: 1px;
}

.password-page__footer_inner {
  display: table-cell;
  vertical-align: bottom;
  padding: 30px;
  line-height: 21px;
  font-size: 95%;
}

.shopify-link {
  color: inherit;
}

.shopify-link:hover {
  color: inherit;
}

.shopify-logo-svg {
  width: 72px;
  height: 21px;
  display: inline-block;
  line-height: 0;
  vertical-align: top;
  /* Hiding the SVG logo in IE8, we show the word 'Shopify' instead */;
}

.shopify-logo-svg path {
  fill: currentColor;
}

.shopify-logo-svg .create_account_wrap {
  padding-right: 0;
}

.lt-ie9 .shopify-logo-svg {
  display: none;
}

.modern .shopify-name,
.modern .hidden-label {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

@media screen and (max-width: 480px) {
  #customer_login .grid .grid-item.one-half, #customer_login .grid--rev .grid-item.one-half, #customer_login .grid--full .grid-item.one-half {
    float: left;
    width: 100%;
    text-align: center !important;
  }

  #customer_login .grid .grid-item.one-half:first-child > p, #customer_login .grid--rev .grid-item.one-half:first-child > p, #customer_login .grid--full .grid-item.one-half:first-child > p {
    margin: 0 0 3px 0;
  }
}

/*============================================================================
  #Demo Styles - for empty store state
==============================================================================*/
.demo-image {
  background: url("//cdn.shopify.com/s/files/1/0383/9765/t/1/assets/blankslate-producticon.png?4") no-repeat center center #eee;
  display: block;
  text-align: center;
  padding: 100px 0;
  color: #aaa;
  font-size: 1em;
}

/*============================================================================
  #FlexSlider
    - jQuery FlexSlider v2.2.2 | http://www.woothemes.com/flexslider/
    - Contributing author: Tyler Smith (@mbmufffin)
==============================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 1199px) {
  .flexslider {
    margin: 0;
  }
}

@media screen and (max-width: 991px) {
  .flexslider {
    margin: 0;
  }
}

.flexslider .slider-subtitle, .flexslider .slider-title, .flexslider .slider-button {
  font-family: "Open Sans";
}

.flexslider li {
  margin: 0;
}

.flexslider .slides > li {
  display: none;
  /* Hide the slides before the JS is loaded. Avoids image jumping */
  margin: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flexslider .slides img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  width: 100%;
}

.slides {
  *zoom: 1;
}

.slides:after {
  content: "";
  display: table;
  clear: both;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/*================ No JS Fallback ================*/
.no-js .slides > li:first-child {
  display: block;
}

.flexslider {
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/*================ Direction Nav ================*/
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

.flex-direction-nav .flex-next::before {
  content: "\f142";
  font-family: "Material Design Icons";
  font-size: 24px;
  color: #fff;
  line-height: 37px;
  padding: 0;
}

.flex-direction-nav .flex-prev::before {
  content: "\f141";
  font-family: "Material Design Icons";
  font-size: 24px;
  color: #fff;
  line-height: 37px;
  padding: 0;
}

.flex-direction-nav a {
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  background-color: #000;
  border: 2px solid #000;
  height: 40px;
  width: 40px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
  overflow: hidden;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  font-size: 0;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.flex-direction-nav a:hover {
  background-color: #ffc446;
  border: 2px solid #ffc446;
}

.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

.flex-direction-nav a {
  /*================ Hide SVG arrows in oldIE ================*/;
}

.lte-ie9 .flex-direction-nav a {
  display: none;
}

.flex-direction-nav a.flex-prev {
  background-position: center left;
}

.flex-direction-nav a.flex-next {
  background-position: center right;
}

/*================ Control Nav ================*/
.flex-control-nav {
  position: absolute;
  bottom: -30px;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
}

.flex-control-nav li {
  margin: 0 4px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}

.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  background-color: #f0f0f0;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  border: 2px solid #ffffff;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.flex-control-paging li a:hover {
  background-color: #d6d6d6;
}

.flex-control-paging li a.flex-active {
  background-color: #ffffff;
  border-color: #f0f0f0;
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 1024px) {
  .flex-direction-nav a {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    width: 40px;
    height: 40px;
  }

  .flex-direction-nav .flex-prev::before, .flex-direction-nav .flex-next::before, .flex-direction-nav .flex-prev::before, .flex-direction-nav .flex-next::before {
    font-size: 23px;
    line-height: 36px;
    padding: 14px;
    display: inherit;
  }
}

@media screen and (max-width: 1024px) and (max-width: 1199px) {
  .flex-direction-nav .flex-prev::before, .flex-direction-nav .flex-next::before, .flex-direction-nav .flex-prev::before, .flex-direction-nav .flex-next::before {
    padding: 0;
  }
}

@media screen and (max-width: 1024px) {
  .flex-direction-nav a.flex-prev {
    left: 0;
    background-position: center right;
  }
}

@media screen and (max-width: 1024px) and (min-width: 481px) and (max-width: 1199px) {
  .flex-direction-nav a.flex-prev {
    left: 10px;
  }
}

@media screen and (max-width: 1024px) {
  .flex-direction-nav a.flex-next {
    right: 0;
    background-position: center left;
  }
}

@media screen and (max-width: 1024px) and (min-width: 481px) and (max-width: 1199px) {
  .flex-direction-nav a.flex-next {
    right: 10px;
  }
}

@media screen and (min-width: 1025px) {
  .flex-direction-nav .flex-prev {
    left: 25px;
  }

  .flex-direction-nav .flex-next {
    right: 25px;
  }

  .flexslider:hover .flex-prev {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    left: 20px;
  }

  .flexslider:hover .flex-next {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    right: 20px;
  }
}

@media screen and (min-width: 1170px) {
  .flex-direction-nav .flex-prev {
    left: 40px;
  }

  .flex-direction-nav .flex-next {
    right: 40px;
  }

  .flexslider:hover .flex-prev {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    left: 20px;
  }

  .flexslider:hover .flex-next {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    right: 20px;
  }
}

.flex-direction-nav a {
  border-color: #000000;
  background: #000000;
}

@media screen and (max-width: 480px) {
  .flex-direction-nav a {
    background: none;
    border: none;
  }
}

.flex-direction-nav a:hover {
  border-color: #f12a43;
  background: #f12a43;
}

@media screen and (max-width: 480px) {
  .flex-direction-nav a:hover {
    background: none;
    border: none;
  }
}

.flex-direction-nav .flex-next::before, .flex-direction-nav .flex-prev::before {
  color: #ffffff;
}

.flex-direction-nav .flex-next::hover::before, .flex-direction-nav .flex-prev::hover::before {
  color: #ffffff;
}

.flex-direction-nav .flex-next::before, .flex-direction-nav .flex-prev::before {
  color: #fff;
  text-align: center;
  width: 100%;
  float: left;
}

@media screen and (max-width: 480px) {
  .flex-direction-nav .flex-next::before, .flex-direction-nav .flex-prev::before {
    color: #777;
  }
}

/*========================== testimonial =====================*/
.tt-testimonial-wrap .grid__item .grid__item {
  float: left;
  text-align: center;
}

.tt-testimonial-wrap .grid__item.small-grid__item {
  float: none;
  margin: 0 auto;
  width: 70%;
}

@media screen and (max-width: 767px) {
  .tt-testimonial-wrap .grid__item.small-grid__item {
    width: 80%;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap .grid__item.small-grid__item {
    width: 100%;
  }
}

.tt-testimonial-wrap blockquote {
  font-size: 1.6em;
  line-height: 2em;
  margin-left: 0;
  text-align: center;
  width: 100%;
  border: none;
}

.tt-testimonial-wrap .container-bg {
  float: left;
  width: 100%;
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .tt-testimonial-wrap .container-bg {
    margin-bottom: 0;
  }
}

.tt-testimonial-wrap .authorimg {
  border: 6px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  float: none;
  height: 100px;
  margin: 0 auto;
  width: 100px;
}

.tt-testimonial-wrap .authorimg img {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  float: left;
  width: 100%;
}

.tt-testimonial-wrap .testimonial-user-title {
  display: inline-block;
  float: none;
  padding: 0 0 0 0;
  position: relative;
  width: auto;
  margin-top: 10px;
}

.tt-testimonial-wrap .testimonial-user-title h4, .tt-testimonial-wrap .testimonial-user-title .h4 {
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  text-transform: capitalize;
  letter-spacing: 0.4px;
  margin: 0;
}

.tt-testimonial-wrap .testimonial-content .testimonial-desc {
  letter-spacing: 0.4px;
  margin: 40px 0 20px;
  position: relative;
  text-align: center;
  font-family: "Open Sans";
}

@media screen and (max-width: 767px) {
  .tt-testimonial-wrap .testimonial-content .testimonial-desc {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.tt-testimonial-wrap .testimonial-content .testimonial-desc::before {
  border-top: 2px solid #747572;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: -20px;
  width: 30px;
}

/* testimonial*/
.grid__item.testimonials_wrap {
  float: left;
  width: 100%;
  padding: 60px 0 55px;
}

@media screen and (max-width: 991px) {
  .grid__item.testimonials_wrap {
    padding-top: 30px;
    padding-bottom: 25px;
  }
}

.testimonial-user-desc {
  display: block;
  float: none;
  font-size: 14px;
  text-transform: capitalize;
  letter-spacing: 0.8px;
  font-style: italic;
}

.tt-testimonial-wrap .testimonial-user-title {
  display: inline-block;
  float: none;
  padding: 0;
  position: relative;
  width: auto;
}

.tt-testimonial-wrap .owl-prev {
  position: absolute;
  top: 50%;
  font-size: 0;
  left: 80px;
  background: #000 url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/sprite.png?10708498227930971215) no-repeat scroll -68px -353px;
  width: 30px;
  bottom: auto;
  height: 30px;
  border: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .tt-testimonial-wrap .owl-prev {
    left: 30px;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap .owl-prev {
    left: 10px;
  }
}

.tt-testimonial-wrap .owl-carousel:hover .owl-prev {
  left: 80px;
}

@media screen and (max-width: 767px) {
  .tt-testimonial-wrap .owl-carousel:hover .owl-prev {
    left: 30px;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap .owl-carousel:hover .owl-prev {
    left: 10px;
  }
}

.tt-testimonial-wrap .owl-carousel:hover .owl-next {
  right: 80px;
}

@media screen and (max-width: 767px) {
  .tt-testimonial-wrap .owl-carousel:hover .owl-next {
    right: 30px;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap .owl-carousel:hover .owl-next {
    right: 10px;
  }
}

.tt-testimonial-wrap .owl-next {
  position: absolute;
  top: 50%;
  font-size: 0;
  right: 80px;
  width: 30px;
  bottom: auto;
  height: 30px;
  border: none;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  background: #000 url(//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/sprite.png?10708498227930971215) no-repeat scroll -68px -385px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

@media screen and (max-width: 767px) {
  .tt-testimonial-wrap .owl-next {
    right: 30px;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap .owl-next {
    right: 10px;
  }
}

.tt-testimonial-wrap .owl-carousel:hover .owl-prev:hover, .tt-testimonial-wrap .owl-carousel:hover .owl-next:hover {
  background-position: -10px -385px;
  background-color: #f0c708;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

.tt-testimonial-wrap .owl-carousel:hover .owl-prev:hover {
  background-position: -10px -352px;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/*************** testimonial 2 ***************/
.tt-testimonial-wrap2 .testimonial-image {
  background: #ececeb none repeat scroll 0 0;
  border: 8px solid #ececec;
  float: left;
  height: 110px;
  margin: 0;
  padding: 0;
  width: 110px;
}

@media screen and (max-width: 991px) {
  .tt-testimonial-wrap2 .testimonial-image {
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}

.tt-testimonial-wrap2 .testimonial-image img {
  width: 100%;
  height: 100%;
}

.tt-testimonial-wrap2 .testimonial-content .testimonial-content-desc .testimonial-user-title h4, .tt-testimonial-wrap2 .testimonial-content .testimonial-content-desc .testimonial-user-title .h4 {
  font: 600 18px/20px "Roboto", helvetica, sans-serif;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  display: inline-block;
}

.tt-testimonial-wrap2 .testimonial-content .testimonial-user-title {
  display: inline-block;
}

.tt-testimonial-wrap2 .testimonial-content .testimonial-user-desc {
  font: 300 14px/18px "Open Sans", sans-serif;
  letter-spacing: 0.4px;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.tt-testimonial-wrap2 .testimonial-content-desc {
  padding: 15px;
}

@media screen and (max-width: 991px) {
  .tt-testimonial-wrap2 .testimonial-content-desc {
    width: 100%;
  }
}

.tt-testimonial-wrap2 .testimonial-block {
  padding: 0;
}

@media screen and (max-width: 991px) {
  .tt-testimonial-wrap2 .testimonial-block {
    text-align: center;
  }
}

.tt-testimonial-wrap2 .tttestimonial-inner {
  display: inline-block;
  float: none;
  padding: 30px 5px;
  text-align: center;
  -webkit-transition: all 400ms ease-in-out 0s;
  -moz-transition: all 400ms ease-in-out 0s;
  -ms-transition: all 400ms ease-in-out 0s;
  -o-transition: all 400ms ease-in-out 0s;
  transition: all 400ms ease-in-out 0s;
  width: 78%;
  position: relative;
}

@media screen and (max-width: 1199px) {
  .tt-testimonial-wrap2 .tttestimonial-inner {
    width: 76%;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap2 .tttestimonial-inner {
    width: 100%;
    padding: 0 0 20px;
  }
}

.tt-testimonial-wrap2 .container-bg {
  float: left;
  width: 100%;
  position: relative;
}

.tt-testimonial-wrap2 {
  float: left;
  width: 100%;
  text-align: center;
}

.tt-testimonial-wrap2 .grid__item.testimonials_wrap {
  text-align: left;
  padding: 0;
  position: relative;
}

.tt-testimonial-wrap2 .owl-nav {
  display: none;
}

@media screen and (max-width: 767px) {
  .tt-testimonial-wrap2 .owl-nav {
    display: block;
  }
}

.tt-testimonial-wrap2 .tttestimonial-wrap:hover .owl-nav {
  display: block;
}

.tt-testimonial-wrap2 .owl-next {
  right: -80px;
}

@media screen and (max-width: 991px) {
  .tt-testimonial-wrap2 .owl-next {
    right: -50px;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap2 .owl-next {
    right: 5px;
  }
}

.tt-testimonial-wrap2 .owl-prev {
  left: -80px;
}

@media screen and (max-width: 991px) {
  .tt-testimonial-wrap2 .owl-prev {
    left: -50px;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap2 .owl-prev {
    left: 5px;
  }
}

.tt-testimonial-wrap2 .testimonial-block .testimonial-desc > p {
  letter-spacing: 0.4px;
}

.tt-testimonial-wrap2 .container-bg.border {
  float: left;
  width: 100%;
  padding: 40px 0 35px;
}

@media screen and (max-width: 991px) {
  .tt-testimonial-wrap2 .container-bg.border {
    padding: 40px 0 0;
  }
}

@media screen and (max-width: 767px) {
  .tt-testimonial-wrap2 .container-bg.border {
    padding: 30px 0 0px;
  }
}

@media screen and (max-width: 480px) {
  .tt-testimonial-wrap2 .container-bg.border {
    padding: 20px 0 0px;
  }
}

/*================ Custom Flexslider Styles ================*/
.flexslider .slides {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.slide-link {
  display: block;
}

.slide-link img {
  display: block;
}

* {
  outline: none;
}

/*------------footer newsletter------------*/
#shopify-section-footer-model-1, #shopify-section-footer-model-2 {
  margin-bottom: 0;
  margin-top: 40px;
  float: left;
  width: 100%;
}

#shopify-section-footer-model-1 .follow-us-outer.text-center {
  padding: 0;
}

.footer-bottom .social-icons li .icon {
  font-size: 11px;
  float: left;
  width: 100%;
  height: 100%;
  line-height: 22px;
}

.site-footer .footer-wrap {
  float: left;
  width: 100%;
  padding: 20px 0 30px;
  background-color: #111111;
  border-bottom: 1px solid #2c2c2c;
}

@media screen and (max-width: 991px) {
  .site-footer .footer-wrap {
    padding: 0 0 20px 0;
    border-bottom: none;
  }
}

@media screen and (max-width: 991px) {
  .site-footer {
    padding-top: 20px;
  }
}

.site-footer {
  background-color: #111111;
}

.follow-us-outer.text-center {
  background-color: #111111;
}

.site-footer .input-group .newsletter-btn .icon, .site-footer .input-group .newsletter-btn {
  background: #1e54aa;
  color: #ffffff;
}

.site-footer .input-group .newsletter-btn:hover .icon, .site-footer .input-group .newsletter-btn:hover {
  background: #333333;
  color: #ffffff;
}

.main-content .shopify-section#shopify-section-footer-model-2 {
  margin-bottom: 0;
}

.footer-top {
  float: left;
  padding: 65px 0;
  width: 100%;
}

@media screen and (max-width: 1200px) {
  .footer-top {
    padding: 65px 15px;
  }
}

.block_newsletter .tt-title {
  line-height: 43px;
  margin: 0;
  padding: 0 0 0 50px;
  text-align: left;
}

.block_newsletter form .input-group input, .block_newsletter form .input-group .input-group-btn .btn, .block_newsletter form .input-group .input-group-btn .btn--secondary, .block_newsletter form .input-group .input-group-btn input[type="submit"] {
  height: 42px;
  padding: 10px 15px;
}

.block_newsletter form .input-group .newsletter-input input[type="email"] {
  background: #fff;
  border: 1px solid #e5e5e5;
}

.block_content .input-group-btn .subscribe {
  font-size: 14px;
  font-weight: 400;
}

.footer-column.footer_newsletter .block_content .input-group-btn .subscribe {
  display: none;
}

.footer_newsletter .block_content {
  float: left;
  width: 90%;
}

.block_newsletter form input[type="email"] {
  background: #ebebeb none repeat scroll 0 0;
  border: medium none;
  color: #777777;
  min-width: 255px;
  padding: 10px;
  width: 100%;
}

@media screen and (max-width: 480px) {
  .block_newsletter form input[type="email"] {
    min-width: 165px;
  }
}

.block_newsletter .news-title::before {
  content: "\f501";
  height: 50px;
  left: 0;
  position: absolute;
  top: auto;
  width: 50px;
  line-height: 55px;
  font-family: "Material Design Icons";
  right: auto;
  margin: 0 auto;
  bottom: -5px;
  font-size: 50px;
}

.footer-top .block_newsletter .tt-desc {
  margin-top: 8px;
  display: inline-block;
}

.block_newsletter .tt-content .news-title {
  font: 400 32px/40px "Roboto", sans-serif;
}

@media screen and (max-width: 480px) {
  .block_newsletter .tt-content .news-title {
    font-size: 20px;
  }
}

.news-title {
  padding-left: 55px;
  margin: 0;
}

@media screen and (max-width: 991px) {
  .block_newsletter .news-title::before {
    left: 0;
    margin: auto;
  }

  .block_newsletter .tt-content .news-title {
    padding-top: 50px;
    padding-left: 0;
  }
}

.ttinput_newsletter form {
  margin: 0;
}

.footer-top .inline-list.social-icons {
  float: right;
}

.footer-top .social-icons li a {
  text-align: center;
}

.block_newsletter .icon-fallback-text .icon {
  display: none;
}

.Newsletter-wrapper .block_newsletter .tt-content .tt-desc {
  font-family: "Open Sans";
}

.Newsletter-wrapper .block_content.col-sm-12 {
  margin: 20px 0 0;
}

@media screen and (max-width: 991px) {
  .block_newsletter .tt-content {
    width: 100%;
  }

  .block_newsletter .block_content {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
  }

  .block_newsletter {
    text-align: center;
  }

  .block_newsletter .tt-content .news-title {
    width: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  .footer-top {
    padding: 25px 15px;
  }
}

@media screen and (max-width: 991px) and (max-width: 480px) {
  .footer-top {
    padding: 25px 0;
  }
}

.footer-bottom {
  float: left;
  width: 100%;
  padding: 5px 0;
  background: #1e54aa;
}

@media screen and (max-width: 991px) {
  .footer-bottom {
    padding: 5px 0;
  }
}

.footer-bottom a, .footer-bottom * {
  color: #ffffff;
}

.footer-bottom a:hover {
  color: #ffffff;
}

@media screen and (max-width: 991px) {
  .copyright.left {
    width: 100%;
    text-align: center;
  }

  .follow-us-outer.right {
    width: 100%;
    text-align: center;
  }
}

.footer_newsletter .widget-title {
  font: 400 18px/22px "Roboto",sans-serif;
  float: left;
  width: 100%;
}

@media screen and (max-width: 991px) {
  .footer_newsletter .widget-title {
    font: 400 17px/22px "Roboto",sans-serif;
    padding: 10px 10px;
    margin: 5px 0 0;
    text-align: center;
  }
}

@media screen and (max-width: 991px) {
  .footer-wrap .footer-column.footer_newsletter {
    float: left;
    width: 100%;
    text-align: center;
  }

  .footer_newsletter .block_content {
    width: 350px;
    display: inline-block !important;
    float: none;
    vertical-align: top;
    padding: 0;
  }
}

@media screen and (max-width: 480px) {
  .footer_newsletter .block_content {
    width: 270px;
  }

  .footer_newsletter .widget-title {
    font-size: 15px;
  }
}

/*-------------------------------footer-model-3--------------------------*/
div#shopify-section-footer-model-3 .Newsletter-wrapper {
  margin-top: 30px;
}

#shopify-section-footer-model-3 .input-group.newsletter-input {
  border: none;
}

.footer-model-3 .follow-us-outer li, .footer-model-2 .follow-us-outer li {
  width: auto;
  float: left;
  margin: 0 15px 0 0;
}

.footer-model-3 .follow-us-outer {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}

.footer-model-3 .follow-us-outer ul {
  margin: 0;
}

.footer-model-3 .tt-desc {
  float: left;
}

.footer-model-3 .footer-wrap {
  padding: 80px 0;
  border: none;
}

@media screen and (max-width: 991px) {
  .footer-model-3 .footer-wrap {
    padding: 0 0 20px;
  }
}

.footer-model-3 .footer-bottom {
  padding: 8px 15px;
}

.footer-model-3 .follow-us-outer li a span {
  font-size: 19px;
}

.footer-model-3 .footer-column .contact-detail .phone {
  font-size: 25px;
  padding: 0;
  margin: 0;
  line-height: 29px;
  color: #777777;
}

.footer-model-3 .footer-column .contact-us i {
  color: #777777;
}

.footer-model-3 .payment-icons .icon, .footer-model-2 .payment-icons .icon {
  font-size: 20px;
}

.footer-model-3 .follow-us-outer li, .footer-model-2 .follow-us-outer li a span::before {
  color: #ffffff;
}

.footer-model-3 .follow-us-outer li:last-child, .footer-model-2 .follow-us-outer li:last-child {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .footer-model-3 .social-icons {
    display: inline-block;
    float: none;
    margin: 15px 0;
    text-align: center;
    width: auto;
  }

  .footer-model-3 .payment-icons {
    float: left;
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
}

/*********************************************/
/*-------------------------------footer-model-2--------------------------*/
.footer-model-2 .footer-wrap {
  padding: 50px 0;
  border: none;
}

@media screen and (max-width: 991px) {
  .footer-model-2 .footer-wrap {
    padding: 0 0 30px;
  }
}

.footer-model-2 #ttcmsfooterservice {
  width: 100%;
  padding: 25px 0;
  margin: 0 0 10px;
}

@media screen and (max-width: 991px) {
  .footer-model-2 #ttcmsfooterservice {
    margin: 0;
    padding: 5px 15px;
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .footer-model-2 #ttcmsfooterservice {
    padding: 5px 0;
  }
}

.footer-model-2 .ttcmsfooterservice .service-block-content {
  width: 25%;
}

@media screen and (max-width: 991px) {
  .footer-model-2 .ttcmsfooterservice .service-block-content {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .footer-model-2 .ttcmsfooterservice .service-block-content {
    width: 100%;
  }
}

.footer-model-2 #ttcmsfooterservice .widget-title {
  color: #fff;
}

.footer-model-2 #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:after {
  display: none;
}

.footer-model-2 #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:last-child:after {
  background: none;
}

@media screen and (max-width: 991px) {
  .footer-model-2 #ttcmsfooterservice .ttcmsfooterservice .ttfooterservice .service-block-content:nth-child(2n)::after {
    background: transparent none repeat scroll 0 0;
  }
}

.footer-model-2 .footer-wrap .footer-right {
  border-left: 1px solid #2c2c2c;
  padding: 0 0 0 20px;
}

@media screen and (max-width: 991px) {
  .footer-model-2 .footer-wrap .footer-right {
    border-left: medium none;
    padding: 0;
    width: 100%;
  }
}

.footer-model-2 .footer_newsletter {
  padding: 0 15px 20px;
  border-bottom: 1px solid #2c2c2c;
  margin: 0 0 30px;
}

@media screen and (max-width: 991px) {
  .footer-model-2 .footer_newsletter {
    border-bottom: medium none;
    float: left;
    margin: 0;
    padding: 0 15px;
  }
}

.footer-model-2 .footer-content .footer-column {
  border-right: 1px solid #2c2c2c;
}

@media screen and (max-width: 991px) {
  .footer-model-2 .footer-content .footer-column {
    border-right: medium none;
    padding: 0;
  }
}

.footer-model-2 .footer-content .footer-column:last-child {
  border-right: none;
}

.footer-model-2 .footer_newsletter .widget-title {
  margin: 12px 0;
  position: relative;
  padding: 0 0 0 45px;
  width: 50%;
}

@media screen and (max-width: 991px) {
  .footer-model-2 .footer_newsletter .widget-title {
    margin: 0;
    padding: 10px;
    position: relative;
    width: 100%;
  }
}

.footer-model-2 .footer-content {
  float: left;
  width: 100%;
}

.footer-model-2 .copyright.left {
  padding: 0;
}

.footer-model-2 .footer_newsletter .block_content {
  width: 50%;
}

@media screen and (min-width: 992px) {
  .footer-model-2 .footer_newsletter .widget-title::after {
    content: "\f501";
    height: 35px;
    left: 0;
    position: absolute;
    top: auto;
    width: 35px;
    line-height: 40px;
    font-family: "Material Design Icons";
    right: auto;
    margin: 0 auto;
    bottom: -5px;
    font-size: 36px;
  }
}

.footer-model-2 .social-icons li a {
  background: #3268bd;
  border-radius: 50%;
  padding: 10px;
  line-height: 17px;
  height: 35px;
  width: 35px;
  font-size: 14px;
  z-index: 1;
  position: relative;
}

.footer-model-2 .social-icons li a::after {
  background: #ffffff;
  border-radius: 50%;
  transition: width 0.3s linear 0s;
  content: "";
  height: 35px;
  width: 0;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  -webkit-transition: width 0.3s linear 0s;
}

.footer-model-2 .social-icons li:hover a::after {
  width: 35px;
}

.footer-model-2 .follow-us-outer li:hover a span::before {
  color: #3268bd;
}

.footer-model-2 .social-icons {
  float: left;
  margin: 25px 0;
}

@media screen and (max-width: 991px) {
  .footer-model-2 .social-icons {
    display: inline-block;
    float: none;
    margin: 15px 0;
    text-align: center;
    width: auto;
  }
}

@media screen and (max-width: 991px) {
  .footer-model-2 .footer-wrap .text-left {
    width: 100%;
    padding: 0 15px;
  }

  .footer-model-2 .follow-us-outer {
    text-align: center;
    width: 100%;
  }

  .footer-model-2 .payment-icons {
    float: left;
    margin: 5px 0;
    text-align: center;
    width: 100%;
  }
}

/**/
/*============================================================================
  #Magnific Popup
    - http://dimsemenov.com/plugins/magnific-popup/
==============================================================================*/
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

/*======================== Magnific Popup custom styles ===================== */
.mfp-close {
  color: inherit;
}

/**/
.ajax-success-modal .success-message p {
  display: inline-block;
  width: 100%;
  margin: 0;
}

.ajax-success-modal .success-message {
  padding: 0;
  display: inline-block;
  margin: 10px 0 0;
}

.ajax-success-modal .close-modal .mdi {
  font-size: 20px;
  color: #fff;
  line-height: 22px;
}

.ajax-success-modal .close-modal {
  top: 10px;
  right: 10px;
}

.ajax-content-section {
  display: inline-block;
  text-align: center;
  width: 100%;
  margin: auto;
}

.modal {
  display: none;
}

.close-modal {
  float: right;
  bottom: 0;
  position: absolute;
  right: 0;
}

.modal.fade .modal-dialog {
  -webkit-transition: transform .3s ease-out;
  -moz-transition: transform .3s ease-out;
  -ms-transition: transform .3s ease-out;
  -o-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform .3s ease-out;
  -moz-transition: -moz-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog {
  position: relative;
  margin: 10px auto;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}

.modal-dialog {
  position: relative;
  margin: 10px auto;
  vertical-align: middle;
  display: inline-block;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

/* quick view */
.quickview-template,
.quick-view {
  bottom: 0;
  display: none;
  left: 0;
  outline: 0 none;
  overflow-x: auto;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050;
  display: none;
}

.quickview-template .content,
._quick-view-content {
  display: none;
}

.quick-view .product-shop {
  float: right;
}

.quick-view .product-img-box {
  margin: 0;
  float: left;
}

.quick-view .product-img-box .image-wrapper {
  width: 311px;
  height: 311px;
  overflow: hidden;
  position: relative;
}

.quick-view .product-img-box .image {
  width: 311px;
  height: 311px;
  overflow: hidden;
  position: relative;
}

.quick-view .product-img-box .image img {
  display: block;
  position: relative;
  max-width: 110%;
}

.quick-view .product-img-box .thumbnails {
  padding: 20px 0 0 40px;
  position: relative;
}

.quick-view .product-img-box .thumbnails .jcarousel-next-horizontal {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  float: left;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.quick-view .product-img-box .thumbnails .jcarousel-next-horizontal:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.quick-view .product-img-box .thumbnails .jcarousel-prev-horizontal {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  float: left;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.quick-view .product-img-box .thumbnails .jcarousel-prev-horizontal:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.quick-view .product-img-box .thumbnails ul {
  float: left;
  text-align: center;
  width: 240px;
  list-style: none;
  padding-left: 0;
}

.quick-view .product-img-box .thumbnails ul li a:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.quick-view .product-img-box .thumbnails ul li .active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.quick-view .product-img-box .thumbnails ul li a img {
  max-width: 110%;
}

.quick-view .product-img-box .thumbnails ul {
  width: 266px;
}

.quick-view .product-shop p.custom {
  margin: 0;
}

.quick-view .product-shop .prices {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}

.quick-view .product-shop .prices:first-child {
  margin-top: 0;
}

.quick-view .product-shop .addthis {
  margin-bottom: 0;
}

.quick-view .quickview-featured-image img {
  /* border: 1px solid $colorBorder; */;
}

.quick-view .product-shop .product-title > a {
  font: 400 18px/26px "Roboto", Helvetica, sans-serif;
  text-transform: capitalize;
  color: #000;
}

.quick-view .product-shop .product-inventory > label {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  margin: 0 5px 0 0;
  width: auto;
}

.quick-view .product-shop .prices .compare-price .money {
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
  color: #888;
}

.more-view-wrapper .product-photo-thumbs {
  visibility: hidden;
}

page-wrapper .main-content {
  margin: 0 0 30px;
}

/* quick view */
.quickview-template {
  bottom: 0;
  left: 0;
  outline: 0 none;
  overflow-x: auto;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050;
  display: none;
}

.quick-view {
  bottom: 0;
  left: 0;
  outline: 0 none;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
  display: none;
}

.quick-view .product-detail-section p.dt-sc-button {
  margin: 20px 0 0px 0;
}

.quick-view .product-shop.summary .details {
  float: left;
  width: 100%;
}

.quick-view .product-detail-section p.dt-sc-button {
  margin: 20px 0 0px 0;
  float: left;
}

.quick-view .product-detail-section p.product-description {
  margin-bottom: 5px;
  float: left;
  width: 100%;
  padding: 15px 0;
  line-height: 21px;
}

.product-desc {
  display: none;
}

.product-wrapper-owlslider {
  margin-bottom: 20px;
  display: inline-block;
}

.product-wrapper.sidebar-product {
  border: none;
  margin: 0;
  text-align: left;
}

.product-list .product-desc {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin: 10px 0;
}

.product-list .product-wrapper .product-description {
  margin: 10px 0;
  padding-right: 0;
}

.quick-view .product-shop.summary select {
  width: 100%;
  padding: 12px 10px;
}

.quick-view.open-in {
  background: rgba(0, 0, 0, 0.8);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: transform .4s,opacity .4s;
  -moz-transition: transform .4s,opacity .4s;
  -ms-transition: transform .4s,opacity .4s;
  -o-transition: transform .4s,opacity .4s;
  transition: transform .4s,opacity .4s;
}

._quick-view-content {
  display: none;
}

.quick-view .close-window, #fancybox-close,
.search-close, #popupBoxClose {
  background: url('../images/close.png') no-repeat;
  border: none;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  position: absolute;
  top: 0px;
  right: 0px;
}

.grid-item.blog-post-single {
  padding: 0;
}

.quick-view .product-shop .prices label {
  font-weight: 400;
}

.quick-view .compare-price {
  color: #888888;
  font-size: 15px;
}

.quick-view .product_price .money {
  font-size: 18px;
  margin: 0 2px;
}

@media screen and (max-width: 991px) {
  .quick-view .product-img.images {
    width: 80%;
    float: none;
    display: inline-block;
    vertical-align: top;
  }
}

@media screen and (max-width: 991px) and (max-width: 480px) {
  .quick-view .product-img.images {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .quick-view .product-shop {
    width: 100%;
  }

  .quick-view .content {
    padding: 50px 20px;
    text-align: center;
  }
}

@media screen and (max-width: 991px) and (max-width: 767px) {
  .quick-view .content {
    width: 80%;
  }
}

@media screen and (max-width: 991px) and (max-width: 480px) {
  .quick-view .content {
    width: 90%;
    padding: 50px 5px;
    margin: 30px auto;
  }
}

/**/
/* modal-newsletter  */
#newsletterModal .modal-header {
  border: none;
  position: absolute;
  right: 0;
  z-index: 3;
}

#newsletterModal form.subscribe-form {
  width: 100%;
  display: inline-block;
  padding: 0 20px;
}

@media screen and (max-width: 767px) {
  #newsletterModal form.subscribe-form {
    margin: 0;
  }
}

.modal-bg-image {
  width: 50%;
  display: inline-block;
  float: left;
}

@media screen and (max-width: 480px) {
  .modal-bg-image {
    width: 100%;
  }
}

.modal-content .modal-block {
  width: 50%;
  display: inline-block;
  float: right;
}

@media screen and (max-width: 480px) {
  .modal-content .modal-block {
    width: 100%;
  }
}

#newsletterModal .modal-md {
  margin: 0 auto;
  max-width: 816px !important;
  display: inline-block;
}

.modal-header i.mdi.mdi-close {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 18px;
}

.modal-header .close {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-in-out 0ms;
  -moz-transition: all 0.5s ease-in-out 0ms;
  -ms-transition: all 0.5s ease-in-out 0ms;
  -o-transition: all 0.5s ease-in-out 0ms;
  transition: all 0.5s ease-in-out 0ms;
  opacity: .5;
}

.modal-header .close:hover {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: .9;
}

.modal {
  text-align: center;
}

.modal-newsletter {
  padding: 85px 0;
  position: relative;
  z-index: 2;
  float: left;
}

@media screen and (max-width: 767px) {
  .modal-newsletter {
    padding: 24px 0;
  }
}

@media screen and (max-width: 480px) {
  .modal-newsletter {
    padding: 40px 0;
  }
}

.modal-newsletter .checkbox-group {
  display: inline-block;
  position: relative;
}

.modal-newsletter .checkbox-group input[type=checkbox] {
  display: none;
}

.modal-newsletter .checkbox-group label .check:before, .checkbox-group label .check:before {
  content: "\f12c";
  color: #000;
  font-size: 14px;
  line-height: 22px;
  font-family: "Material Design Icons";
  font-style: normal;
  font-weight: 400;
}

.modal-newsletter .checkbox-group .box {
  margin-top: 0;
  display: inline-block;
}

.modal-newsletter .checkbox-group .check {
  top: 5px;
}

.modal-newsletter .logo {
  max-height: 80px;
}

.modal-newsletter .modal-title {
  font-size: 20px;
  line-height: 1.1em;
  margin: 18px 0;
}

@media screen and (max-width: 767px) {
  .modal-newsletter .modal-title {
    margin: 15px 0;
  }
}

.modal-newsletter p {
  padding-bottom: 7px;
}

.modal-newsletter .row-subscibe {
  font-size: 0;
  line-height: 0;
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .modal-newsletter .row-subscibe {
    padding: 12px 0 15px 0;
  }
}

.modal-newsletter .row-subscibe input {
  height: 45px;
  border: 1px solid #e5e5e5;
  padding: 2.3% 2.5%;
  font-size: 14px;
  line-height: 1.2em;
  color: #999;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .modal-newsletter .row-subscibe input {
    height: 38px;
  }
}

.modal-newsletter .row-subscibe button {
  font-size: 14px;
  height: 40px;
  background-color: #1e54aa;
  color: #ffffff;
  padding: 5px 15px;
}

@media screen and (max-width: 767px) {
  .modal-newsletter .row-subscibe button {
    height: 33px;
  }
}

.modal-newsletter .row-subscibe button:hover {
  background-color: #333333;
  color: #ffffff;
}

.modal-newsletter .checkbox-group label {
  font-size: 12px;
  padding-left: 5px;
  text-transform: capitalize;
}

.modal-newsletter p {
  margin-bottom: 0px;
}

.modal-newsletter .checkbox-group .box {
  margin-top: 0;
  display: inline-block;
  top: 4px;
  bottom: auto;
}

input[type=checkbox]:checked ~ label .check, .sidebar-tag label.active .check {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.modal-newsletter .checkbox-group .check {
  top: 2px;
}

.checkbox-group {
  position: relative;
}

.checkbox-group.form-group-top input[type="checkbox"] {
  display: none;
}

.checkbox-group input[type="checkbox"] + label, .checkbox-group input[type="radio"] + label {
  margin-left: 15px;
}

.checkbox-group input[type="checkbox"] + label:hover, .checkbox-group.active input[type="checkbox"] + label {
  color: #000;
}

.checkbox-group input[type="checkbox"] + label, .checkbox-group input[type="radio"] + label {
  font-size: 14px;
}

.checkbox-group label:hover .box {
  background: #f5f5f5;
}

.checkbox-group label .check {
  top: -1px;
  left: 1px;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 10;
  -webkit-transition-delay: .1s;
  -moz-transition-delay: .1s;
  transition-delay: .1s;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.checkbox-group label span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: .1s;
  -moz-transition-duration: .1s;
  transition-duration: 0.1s;
}

.checkbox-group label .box {
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5;
  background: #ffffff;
  height: 15px;
  width: 15px;
  z-index: 9;
  margin-top: 2px;
}

.checkbox-group label span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: .1s;
  -moz-transition-duration: .1s;
  transition-duration: 0.1s;
}

@media screen and (max-width: 767px) {
  #newsletterModal .modal-newsletter .row-subscibe input {
    width: 100%;
    padding: 2.3% 3%;
  }

  #newsletterModal .modal-newsletter .row-subscibe button {
    position: relative;
    right: auto;
  }

  #newsletterModal .modal-newsletter .logo {
    max-height: 75px;
  }

  #newsletterModal .modal-header {
    padding: 9px;
  }
}

@media screen and (max-width: 480px) {
  #newsletterModal .modal-newsletter .logo {
    max-height: 59px;
  }
}

.modal-md {
  margin: 0 auto;
  max-width: 816px !important;
}

.modal-dialog {
  margin: 30px auto;
  width: 600px;
}

@media screen and (max-width: 767px) {
  #newsletterModal .modal-md {
    width: 480px;
  }
}

@media screen and (max-width: 480px) {
  #newsletterModal .modal-md {
    width: 280px;
  }

  #newsletterModal > .modal-md {
    margin: 70px auto;
  }
}

/*instagram */
.instagram-wrapper .full-width, .instagram-wrapper .grid__item {
  padding: 0px;
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.instagram-wrapper {
  padding: 0px;
  float: left;
  width: 100%;
  position: relative;
}

.instagram-wrapper h3, .instagram-wrapper .h3 {
  margin-bottom: 40px;
}

.instagram-wrapper .slick-arrow {
  position: absolute;
  margin: 0;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.instagram-wrapper .slick-arrow.slick-prev {
  left: 0;
}

#instafeed a img {
  margin-right: 5px;
  margin-bottom: 0px;
}

.instagram-wrapper #instafeed a {
  width: 10%;
  float: left;
}

.tt-instagram .item {
  padding: 0;
  float: left;
  width: 16.666%;
  position: relative;
  border-radius: 0;
}

@media screen and (max-width: 1024px) {
  .tt-instagram .item {
    width: 50%;
  }
}

@media screen and (max-width: 480px) {
  .tt-instagram .item {
    width: 100%;
  }
}

.tt-instagram .info span.likes {
  left: 50%;
  right: auto;
}

.tt-instagram .info span {
  right: 50%;
}

.tt-instagram .info {
  position: absolute;
  text-align: center;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.tt-instagram .info span {
  display: inline-block;
  width: 50px;
  height: 45px;
  line-height: 45px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.tt-instagram .info span i {
  display: inline-block;
  margin-right: 3px;
}

.tt-instagram img {
  display: block;
}

.tt-instagram .info {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.tt-instagram .info span a {
  display: inline-block;
  width: 100%;
}

.slick-slide img {
  display: inline-block;
  max-width: 100%;
  float: left;
  width: auto;
}

.slick-slide .instaitem img {
  width: 100%;
  height: auto;
}

.instaitem {
  float: left;
  width: 100%;
  position: relative;
}

.tt-instagram .item:hover .info {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.tt-instagram .info span {
  margin: 0 5px;
}

.tt-instagram.clearfix {
  display: inline-block;
  width: 100%;
  float: left;
}

.instagram-wrapper .slick-arrow.slick-next {
  background: url(arrow.png) no-repeat 5px 7px;
  margin: 0 auto;
  float: right;
  width: 40px;
  height: 70px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(-180%);
  -o-transform: rotate(180deg);
  text-indent: -9999px;
}

.instagram-wrapper .slick-arrow.slick-prev {
  background: url(arrow.png) no-repeat 5px 7px;
  float: left;
  left: 10px;
  width: 40px;
  height: 70px;
  text-indent: -9999px;
}

.instagram-wrapper .slick-arrow.slick-prev, .instagram-wrapper .slick-arrow.slick-next {
  margin: 0;
}

.instagram-wrapper .slick-arrow.slick-next {
  right: 10px;
  top: 40%;
  background-color: rgba(255, 255, 255, 0.5);
}

.instagram-wrapper .slick-arrow.slick-prev {
  background-color: rgba(255, 255, 255, 0.5);
  top: 50%;
}

/***/
/********counter section*******/
#ttcmscounter {
  background: #1c1c1c none repeat scroll 0 0;
  display: inline-block;
  float: none;
  margin: 0;
  width: 100%;
}

#ttcmscounter .ttcmscounter .ttcounterimg::after {
  border-right: 1px dashed #ffffff;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: -23px;
  top: -35px;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

#ttcmscounter .ttcmscounter .ttcounter {
  text-align: center;
}

@media screen and (max-width: 767px) {
  #ttcmscounter .ttcmscounter .ttcounter {
    width: 100%;
    margin: 0 0 40px;
  }
}

#ttcmscounter .ttcmscounter {
  float: left;
  padding: 75px 40px;
  position: relative;
  width: 100%;
}

@media screen and (max-width: 991px) {
  #ttcmscounter .ttcmscounter {
    padding: 75px 0;
  }
}

@media screen and (max-width: 767px) {
  #ttcmscounter .ttcmscounter {
    padding: 40px 0;
    text-align: center;
  }
}

#ttcmscounter .ttcmscounter .inner-content {
  display: inline-table;
  text-align: left;
  width: 40%;
  float: none;
  padding: 10px 0 0 10px;
}

@media screen and (max-width: 991px) {
  #ttcmscounter .ttcmscounter .inner-content {
    padding: 10px 0 0;
  }
}

@media screen and (max-width: 767px) {
  #ttcmscounter .ttcmscounter .inner-content {
    width: 20%;
  }
}

@media screen and (max-width: 480px) {
  #ttcmscounter .ttcmscounter .inner-content {
    width: 35%;
  }
}

#ttcmscounter .counter-content .inner-content .counter-title {
  color: #ffffff;
  font: 400 25px/28px "Roboto", helvetica, sans-serif;
  letter-spacing: 0;
}

#ttcmscounter .counter-content .inner-content .counter-desc {
  color: #ffffff;
  float: left;
  font: 400 14px/28px "Open Sans", helvetica, sans-serif;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  width: 100%;
}

#ttcmscounter .ttcmscounter .ttcounterimg {
  display: inline-block;
  height: 70px;
  margin: 0 45px 0 0;
  position: relative;
  width: 50px;
  float: none;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 767px) {
  #ttcmscounter .ttcmscounter .ttcounter:last-child {
    margin: 0;
  }
}

/************************/
/*************** layout css **************/
.collection_sidebar {
  float: left;
  width: 100%;
}

.qty-box-set .qnt_wrap .button:hover {
  background: #eeeeee none repeat scroll 0 0;
}

.sidebar {
  will-change: min-height;
  display: block !important;
}

.sidebar__inner {
  float: left;
  width: 100%;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  padding: 0 15px;
  will-change: position, transform;
}

@media screen and (max-width: 991px) {
  .sidebar__inner, .blog-design-4 .tt-blog-content .ttblog_image_holder.blog_image_holder, .tt-blog-description.col-xs-12.col-sm-12 {
    padding: 0;
  }
}

.content_wrap {
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
}

@media screen and (max-width: 991px) {
  .content_wrap {
    display: inline-block;
    display: inline-block;
    display: inline-block;
    display: inline-block;
    display: inline-block;
  }
}

/****************************************/
/******************* Home Banner 3 *********************/
.ttbanner-img .ttbanner-content .ttbaaner-subtitle {
  font-family: "Roboto";
}

.tt-home-cmsbanner-3 .banner_content_wrap {
  float: left;
  padding: 30px 30px;
  position: relative;
  /* border: 1px solid $colorHeaderBorder; */
  width: 100%;
}

.ttcmsbanner1-content {
  float: left;
  padding: 0 0 0 80px;
  position: relative;
}

.ttbanner-description {
  margin-top: 20px;
}

.banner_content_wrap .ttcmsbanner1-content::before {
  background: transparent url("//cdn.shopify.com/s/files/1/0017/9660/3957/t/21/assets/offer-banners-sprite.png?10708498227930971215") no-repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 46px;
  left: 17px;
  margin: 0 auto;
  position: absolute;
  top: 6px;
  width: 46px;
}

.ttcmsbanner1-content .ttcmsbanner1-title {
  color: #000000;
  float: left;
  font-weight: 600;
  font-size: 32px;
  line-height: 34px;
  letter-spacing: 0.4px;
  position: relative;
  text-transform: uppercase;
}

.ttcmsbanner1-content .ttcmsbanner1-subtitle {
  clear: left;
  color: #000000;
  float: left;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.8px;
  text-transform: capitalize;
}

.ttcmsbannerblock .ttcmsbanner1-btn {
  border-radius: 25px;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  float: right;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: 1.4px;
  margin: 10px 0 0;
  padding: 10px 20px;
  text-transform: uppercase;
  cursor: pointer;
}

.tt-home-cmsbanner-3 .ttbanner-wrap {
  padding: 20px 10px;
  background: #fff;
  -webkit-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 10px rgba(0, 0, 0, 0.1);
  margin-top: -250px;
  z-index: 3;
}

@media screen and (max-width: 991px) {
  .tt-home-cmsbanner-3 .ttbanner-wrap {
    margin-top: -120px;
  }

  .tt-home-cmsbanner-3 {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .ttbanner-description {
    margin-top: 0;
  }

  .ttcmsbannerblock {
    display: inline-block;
    float: none;
    padding: 0 0 20px;
    text-align: center;
    width: auto;
  }

  .ttcmsbanner1-content {
    float: none;
  }

  .banner_content_wrap {
    text-align: center;
  }

  .ttcmsbannerblock .ttcmsbanner1-btn {
    display: inline-block;
    float: none;
    margin: 20px 0 0;
    text-align: center;
    width: auto;
  }

  .tt-home-cmsbanner-3#ttcmsbanner .ttbanner {
    margin-bottom: 20px;
  }

  .tt-home-cmsbanner-3 .ttbanner-wrap {
    margin-top: -120px;
  }

  .tt-home-cmsbanner-3#ttcmsbanner .ttbanner {
    margin-bottom: 15px;
  }

  .tt-home-cmsbanner-3 .ttbanner-wrap {
    padding: 15px 5px;
  }

  .ttcmsbanner1-content .ttcmsbanner1-title {
    font-size: 25px;
  }
}

@media screen and (max-width: 480px) {
  .banner_content_wrap .ttcmsbanner1-content::before {
    left: 0;
    right: 0;
  }

  .ttcmsbanner1-content .ttcmsbanner1-title {
    width: 100%;
    font-size: 20px;
  }

  .ttcmsbanner1-content {
    float: none;
    padding-top: 60px;
    padding-left: 0;
  }
}

@-webkit-keyframes fixedmenu {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@-moz-keyframes fixedmenu {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@keyframes fixedmenu {
  0% {
    top: -100%;
  }

  100% {
    top: 0;
  }
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@-webkit-keyframes fade_out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-moz-keyframes fade_out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes fade_out {
  0% {
    opacity: 1;
    visibility: visible;
  }

  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes fade_in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-moz-keyframes fade_in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes fade_in {
  0% {
    opacity: 0;
    visibility: hidden;
  }

  100% {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}

@keyframes shine {
  100% {
    left: 125%;
  }
}