/** Shopify CDN: Minification failed

Line 228:2 Expected identifier but found "*"
Line 4920:0 Unexpected "}"

**/
/*! 
Shopify Sunrise Theme 6.02.7
Design and coding by John Rawsterne 
www.rawsterne.co.uk
March 2018
*/
/*================ Typography Variables ================*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/*! Header Color Roll 3347 - Search ICON color LINE 4631 .new button */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

a {
  background: transparent; }

a:focus {
  outline: none; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: none;
  padding: 0;
  margin: 0; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button,
html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* Fields */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="telephone"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  color: #555555;
  background-color: white;
  border: 1px solid #bdaf9b;
  display: block;
  font-family: inherit;
  margin: 0 0 1em;
  padding: 6px 10px;
  width: 100%;
  line-height: 1.6;
  border-radius: 5px;
  -webkit-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

select {
  color: #555555;
  font-family: inherit;
  font-size: 1em;
  max-width: 100%;
  cursor: pointer;
  line-height: 1.6;
  font-weight: 300;
  margin: 0;
  padding: 6px 28px 6px 10px;
  border-radius: 5px;
  border: 1px solid #bdaf9b;
  background-position: right center;
  background-image: url(../svg/ico-select4222.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-color: white;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

select::-ms-expand {
  display: none; }

input:focus, select:focus, textarea:focus {
  border-color: #333333; }

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* micro clearfix */
.clearfix:before, .clearfix:after, .block-grid:before, .block-grid:after {
  content: " ";
  display: table; }

.clearfix:after, .block-grid:after {
  clear: both; }

.lt-ie8 .clearfix, .lt-ie8 .block-grid {
  *zoom: 1; }

img {
  max-width: 100%;
  height: auto; }

embed, object, video, iframe {
  max-width: 100%; }

.no-js iframe, .no-js embed, .no-js object, .no-js video {
  max-width: 100% !important; }

body {
  font-size: 100%;
  line-height: 1.5;
  color: #392e2a;
  background: white;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background-image: none; }

h1, h2, h3, h4, h5, h6 {
  color: #392e2a;
  text-transform: none;
  text-rendering: optimizelegibility;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0; }

h1 {
  font-size: 2.2em; }

h2 {
  font-size: 1.8em; }

h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.45em; }

h5 {
  font-size: 1.3em; }

h6 {
  font-size: 1.1em; }

blockquote, iframe, label, p, pre, address, td, th, ul, ol, dl, dd, hr, table {
  font-size: 1em; }

small {
  font-size: 0.8em; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  margin: 0; }

a:focus, a:hover {
  color: black; }

a {
  color: #1cb3f7;
  text-decoration: none;
  font-weight: normal; }

blockquote {
  border-left: 1px solid #dddddd;
  padding: 0.5625em 1.25em 0 1.1875em; }

blockquote cite {
  color: inherit;
  display: block;
  font-size: 0.8125em; }

blockquote cite:before {
  content: "? "; }

blockquote cite a, blockquote cite a:visited {
  color: inherit; }

blockquote, blockquote p {
  opacity: 0.65;
  line-height: 1.6; }

strong {
  font-weight: bold; }

em, dfn {
  font-style: italic; }

dfn {
  font-weight: bold; }

sup, sub {
  line-height: 0; }

abbr, acronym {
  border-bottom: 1px dotted #666; }

address {
  margin: 0 0 1.5em;
  font-style: italic; }

del {
  opacity: 0.6; }

pre {
  margin: 1.5em 0;
  white-space: pre; }

pre, code, tt {
  font: 1em 'andale mono', 'lucida console', monospace;
  line-height: 1.5; }

li ul, li ol {
  margin: 0 1.5em; }

ul {
  list-style-type: disc; }

ol {
  list-style-type: decimal; }

dl {
  margin: 0 0 1.5em; }

dl dt {
  font-weight: bold; }

dd {
  margin-left: 1.5em; }

table {
  margin-bottom: 1.4em;
  width: 100%; }

th {
  font-weight: bold; }

thead th {
  background: #ddd;
  background: rgba(0, 0, 0, 0.05);
  text-align: left;
  font-weight: bold; }

th, td, caption {
  padding: 4px 10px 4px 5px;
  border: white 1px solid; }

tfoot {
  font-style: normal;
  font-weight: normal; }

caption {
  background: #eee; }

.small {
  font-size: .8em;
  margin-bottom: 1.875em;
  line-height: 1.875em; }

.large {
  font-size: 1.2em;
  line-height: 2.5em;
  margin-bottom: 1.25em; }

.hide, .hide-mobile {
  display: none; }

.show-mobile {
  display: block; }

.left {
  float: left;
  margin: 0 20px 10px 0; }

.right {
  float: right;
  margin: 0 0 10px 20px; }

img {
  vertical-align: bottom; }

p {
  margin: 0 0 1.5em 0; }

iframe, object {
  border: none; }

.newfont {
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif;
  font-weight: normal; }

.visually-hidden {
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px; }

svg path {
  fill: inherit; }

.no-js:not(html) {
  display: none; }
  .no-js .no-js:not(html) {
    display: block; }

.no-js .js {
  display: none; }

.page-title {
  border-bottom: white 1px solid;
  margin: 0 0 0.5em 0; }

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

/* thumb grid */
.block-grid {
  display: block;
  padding: 0;
  margin: 0 -10px; }

.block-grid > li {
  display: block;
  height: auto;
  float: left;
  padding: 0 10px 20px 10px;
  width: 50%;
  text-align: center; }

.featured-videos > li {
  width: 100%; }

/* progressively add flexbox to supported browsers */
.flexbox.flexwrap .flexbox-grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em; }

.flexbox.flexwrap .flexbox-grid > li {
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-basis: auto;
  width: 50%;
  padding: 10px; }

.flexbox.flexwrap .flexbox-grid a {
  display: flex;
  flex-direction: column;
  flex: 1; }

.flexbox.flexwrap .flexbox-grid .product-title {
  margin-top: auto; }

.flexbox.flexwrap .flexbox-grid:before,
.flexbox.flexwrap .flexbox-grid:after {
  content: normal; }

.no-js .flexbox-grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1em; }

.no-js .flexbox-grid > li {
  display: flex;
  flex: 1;
  flex-grow: 1;
  flex-basis: auto;
  width: 50%;
  padding: 10px; }

.no-js .flexbox-grid a {
  display: flex;
  flex-direction: column;
  flex: 1; }

.no-js .flexbox-grid .product-title {
  margin-top: auto; }

.no-js .flexbox-grid:before,
.no-js .flexbox-grid:after {
  content: normal; }

.responsive-table {
  display: block;
  vertical-align: top;
  width: 100;
  max-width: 125%;
  overflow-x: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-overflow-scrolling: touch;
  margin: 0 0 30px 0; }

.responsive-table th, .responsive-table td, .responsive-table caption {
  padding: 10px;
  border: rgba(0, 0, 0, 0.05) 1px solid; }

.responsive-table.no-wrap {
  white-space: nowrap; }

.responsive-table .go-center {
  text-align: center; }

.responsive-table .go-right {
  text-align: right; }

/*------------------------------------------------------------------*/
/* BUTTONS
/*------------------------------------------------------------------*/
button, .button {
  background-color: #f9a21f;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f9a21f), to(#f9a21f));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f9a21f, #f9a21f);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f9a21f, #f9a21f);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f9a21f, #f9a21f);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f9a21f, #f9a21f);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f9a21f, #f9a21f);
  color: white;
  white-space: normal;
  border: none;
  cursor: pointer;
  font-weight: bold;
  line-height: normal;
  margin: 0 0 0 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  text-transform: none;
  display: inline-block;
  padding: 0.6em 1.5em 0.5em 1.5em;
  border-radius: 2em;
  font-size: 1.25em;
  -webkit-appearance: none;
  -webkit-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
  -ms-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
  -o-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif; }

button:hover, button:focus, .button:hover, .button:focus {
  background: #ef8418;
  color: white; }

.button.secondary, .button.secondary:visited {
  font-size: 1em;
  background: #f4ddb1;
  color: #775447; }

.button.secondary:hover, .button.secondary:focus {
  background: #f7e6c3;
  color: #c33a0e; }

button.disabled, button[disabled], .button.disabled, .button[disabled] {
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

button:active, .button:active {
  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2) inset;
  -ms-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2) inset;
  -o-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2) inset; }

button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* FF */
/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
  -webkit-appearance: none; }

/*------------------------------------------------------------------*/
/* LAYOUT
/*------------------------------------------------------------------*/
#site-wrap, .site-width {
  width: 100%;
  /*max-width:$site-max-width;min-width:$site-min-width;margin:0 auto;padding:0 1em;*/
  position: relative; }

#content {
  margin: 0 0 3em 0;
  width: 100%;
  overflow: hidden;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 20px;
  border: white 1px solid;
  border: rgba(255, 255, 255, 0.7) 1px solid; }

#header, #main, #sidebar, #footer {
  width: 100%;
  padding: 1em; }

#header, #content, #sidebar, #main {
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.js #sidebar {
  margin-left: -100%;
  float: left;
  width: 25%; }

.js #main {
  margin-left: 0;
  float: left;
  width: 100%; }

.off-canvas-navigation {
  display: block;
  width: 100%; }

.active-nav #sidebar {
  margin-left: 0;
  width: 100%; }

.active-nav #main {
  margin-right: -100%; }

#main {
  font-size: 1em; }

/* make sure sidebar is not too tall when it's hidden */
.js .small-screen #sidebar {
  height: 200px; }

.js .active-nav #sidebar {
  height: auto; }

.js .active-nav #main {
  display: none; }

/*------------------------------------------------------------------*/
/* HEADER
/*------------------------------------------------------------------*/
#header {
  text-align: center;
  padding: 1em 0; }

.off-canvas-navigation {
  background: none;
  padding: 0;
  line-height: 1; }

.off-canvas-navigation a {
  padding: 5px;
  width: 50px;
  height: 50px;
  background: #ff7700;
  border: #ff7700 3px solid;
  color: white;
  font-size: 1em;
  display: inline-block;
  text-decoration: none;
  margin: 0 0.25em;
  border-radius: 50%;
  text-align: center;
  line-height: 1;
  vertical-align: middle; }

.off-canvas-navigation a:hover, .off-canvas-navigation a:focus, .off-canvas-navigation a:active {
  background: #ff7700;
  border-color: white;
  outline: none; }

.off-canvas-navigation svg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1; }

.off-canvas-navigation span {
  display: none; }

.off-canvas-navigation svg path {
  fill: white; }

.off-canvas-navigation .menu-currency span {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: 1px; }

.off-canvas-navigation .menu-user svg {
  width: 18px;
  height: 18px; }

.off-canvas-navigation .menu-cart svg {
  width: 24px;
  height: 24px; }

.flexbox.flexwrap .off-canvas-navigation {
  display: flex;
  justify-content: center; }

.flexbox.flexwrap .off-canvas-navigation a {
  display: flex;
  align-items: center;
  justify-content: center; }

.logo {
  padding-bottom: 10px; }

.logo.textonly h1 {
  line-height: 1.1; }

.logo.textonly a {
  color: #403125;
  text-decoration: none;
  line-height: 1.1; }

.logo.textonly a:hover {
  color: black; }

.breadcrumb {
  font-size: .7em;
  margin: 0 0 0.75em 0; }

.breadcrumb .separator {
  opacity: 0.5; }

.curr-switcher {
  display: none;
  background: white;
  background: rgba(255, 255, 255, 0.75);
  padding: 0.25em 30px;
  border-radius: 15px;
  margin: 1em 0 0.5em 0;
  position: relative; }

.curr-switcher select {
  font-size: 0.85em; }

.close-currency-box {
  display: block;
  cursor: pointer;
  line-height: 20px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  font-size: 18px;
  font-family: Arial, Baskerville, monospace;
  color: inherit; }

/*------------------------------------------------------------------*/
/* HOME PAGE
/*------------------------------------------------------------------*/
.featured-content .text-center {
  padding: 2em 30px .5em 30px; }

.featured-video {
  margin: 0 0 1em 0; }

/*------------------------------------------------------------------*/
/* SLIDER
/*------------------------------------------------------------------*/
.slideshow {
  width: 100%;
  position: relative;
  padding: 6px;
  background: white;
  border-radius: 10px;
  margin: 0 0 1em 0;
  line-height: 1; }

.slides {
  width: 100%;
  height: auto;
  text-align: center; }

.slide {
  width: 100%;
  height: auto; }

.slide a {
  position: relative;
  display: block;
  width: 100%; }

.slide img {
  width: 100%;
  height: auto; }

/* SLIDE CAPTION */
.caption {
  font-size: 14px;
  background: #392e2a;
  background: rgba(57, 46, 42, 0.7);
  color: white;
  display: block;
  width: 100%;
  position: absolute;
  z-index: 100;
  left: 0px;
  bottom: 0px;
  padding: 5px 10px;
  line-height: 1.2;
  text-align: center;
  font-weight: normal;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif; }

.caption strong {
  display: inline-block;
  padding-right: 5px;
  font-size: 16px; }

.slideshow.single-slide .slide-prev,
.slideshow.single-slide .slide-next,
.slideshow.single-slide .slide-pager {
  display: none; }

/* Slide pager*/
.slide-pager {
  position: absolute;
  bottom: 0px;
  display: none;
  text-align: center;
  padding: 15px 0;
  z-index: 200;
  width: 100%; }

.slide-pager a {
  background: #fff;
  opacity: 0.3;
  border: 2px solid #222222;
  border-radius: 1000px;
  display: inline-block;
  height: 12px;
  width: 12px;
  margin: 0 3px; }

.slide-pager a:hover {
  opacity: 1; }

.slide-pager a.cycle-pager-active {
  opacity: 0.7; }

/*------------------------------------------------------------------*/
/* BANNER AD
/*------------------------------------------------------------------*/
.promo-wide {
  padding: 6px;
  background: white;
  border-radius: 10px;
  margin: 0 0 1em 0;
  text-align: center;
  line-height: 1; }

.promo-wide a {
  display: block;
  line-height: 1;
  overflow: hidden; }

.promo-wide .placeholder-background svg {
  max-height: 100px; }

/*------------------------------------------------------------------*/
/* SIDEBAR - ACCORDION
/*------------------------------------------------------------------*/
#sidebar {
  background: white;
  background: rgba(255, 255, 255, 0.25); }

#side-menu, #side-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.2; }

#side-menu {
  margin: 0 0 1em 0; }

.js #side-menu ul {
  display: none; }

#side-menu a.newfont {
  font-size: px;
  display: block;
  text-decoration: none;
  color: white;
  text-transform: none;
  position: relative;
  margin: 0;
  padding: 0.5em 45px 0.5em 1em;
  line-height: 1.2;
  border-radius: 10px;
  cursor: pointer;
  background-color: #1cb3f7;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1cb3f7), to(#1cb3f7));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #1cb3f7, #1cb3f7);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #1cb3f7, #1cb3f7);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #1cb3f7, #1cb3f7);
  /* IE10 */
  background-image: -o-linear-gradient(top, #1cb3f7, #1cb3f7);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #1cb3f7, #1cb3f7);
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hyphens: auto; }

#side-menu a.newfont:hover {
  background: #067dbf; }

#side-menu a.newfont:focus {
  outline: none; }

#side-menu .active a.newfont {
  color: white; }

#side-menu > li.active > a {
  background: #067dbf;
  color: white; }

.dropdown-toggle {
  box-shadow: none;
  padding: 0px 0px;
  line-height: 1;
  width: 40px;
  text-align: center;
  background: none; }

.dropdown-toggle:hover, .dropdown-toggle:focus {
  outline: none;
  background: none; }

#side-menu .dropdown-toggle {
  background: rgba(0, 0, 0, 0.025);
  border-radius: 0 10px 10px 0;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px; }

.dropdown-toggle:after {
  border-color: white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2.5px 0 0 -5px;
  border-style: solid;
  border-width: 5px;
  content: "";
  display: inline-block;
  height: 0;
  width: 0; }

#side-menu .level-1.active > .top-link .dropdown-toggle:after,
#side-menu .shop-by-tag.active > .top-link .dropdown-toggle:after,
#side-menu .latest-posts.active > .top-link .dropdown-toggle:after {
  border: none;
  content: "";
  border-left: 5px solid rgba(255, 255, 255, 0);
  border-right: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid white; }

.level-2 .dropdown-toggle:after {
  border-color: black rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

#side-menu .level-2.active > .top-link .dropdown-toggle:after {
  border: none;
  border-left: 5px solid rgba(255, 255, 255, 0);
  border-right: 5px solid rgba(255, 255, 255, 0);
  border-bottom: 5px solid black; }

#side-menu ul {
  background: #faf4d8;
  margin: 0 1em; }

#side-menu ul a:hover {
  padding-left: 20px; }

#side-menu ul ul {
  margin: 0; }

#side-menu ul ul a {
  padding-left: 30px; }

#side-menu ul ul a:hover {
  padding-left: 40px; }

#side-menu ul a {
  color: black;
  display: block;
  text-decoration: none;
  padding: 0.5em 1em;
  border-bottom: #ebd4a7 1px solid;
  font-size: 0.85em;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

#side-menu ul a:hover, #side-menu ul .active > a {
  background: #e0c99c;
  color: #222222; }

#side-menu ul li a {
  position: relative; }

#side-menu li {
  position: relative; }

.search-form input {
  padding: 10px 10px 10px 35px;
  color: #555555;
  border: #bdaf9b 1px solid;
  background: white url(../png/icon-searcha29d.png) no-repeat 10px center;
  line-height: normal; }

.search-form input:focus {
  border-color: #333333; }

/*------------------------------------------------------------------*/
/* SIDEBAR - WIDGETS
/*------------------------------------------------------------------*/
#sidebar .search-form {
  width: 100%;
  margin: 0 0 1em 0; }

#sidebar .search-form input {
  width: 100%;
  margin: 0; }

#sidebar .search-form .button {
  display: none; }

#sidebar aside {
  background: #fff;
  border-radius: 10px;
  padding: 1em;
  margin: 0 0 1em 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

#sidebar aside h3 {
  font-size: 1.25em;
  margin: 0 0 0.5em 0;
  padding: 0; }

#sidebar .social-links {
  background: #f7e5cc; }

#sidebar .social-links h3 {
  color: black; }

.social-links a {
  display: inline-block;
  margin: 0 3px 5px 0;
  width: 36px;
  height: 36px;
  vertical-align: middle;
  padding: 8px;
  text-align: center;
  line-height: 1;
  border-radius: 50%; }

.social-links a img {
  vertical-align: top; }

.social-links .icon {
  fill: white; }

.social-facebook {
  background: #3b5998; }

.social-twitter {
  background: #00aced; }

.social-pinterest {
  background: #cb2027; }

.social-youtube {
  background: #cd201f; }

.social-vimeo {
  background: #1ab7ea; }

.social-snapchat {
  background: #fffc00; }

.social-linkedin {
  background: #0077b5; }

.social-instagram {
  background: #e4405f; }

.social-tumblr {
  background: #36465d; }

.social-googleplus {
  background: #dc4e41; }

#sidebar .subscribe-form {
  background: #f4ddb1; }

#sidebar .subscribe-form h3 {
  color: #5e4c46; }

.subscribe-form p {
  font-size: 0.8em;
  margin: 0 0 .5em 0;
  color: #5e4c46; }

.subscribe-form input {
  margin: 0 0 0.5em 0;
  padding: 0.5em 0.5em 0.5em 0.75em;
  font-size: 0.8em; }

.subscribe-form .button {
  font-size: 1em;
  margin: 0; }

#sidebar .top-sellers {
  background: #f7e5cc; }

#sidebar .top-sellers h3 {
  color: #5e4c46; }

.top-sellers ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.top-sellers li {
  overflow: hidden;
  border-top: #deccb2 1px dashed; }

.top-sellers a {
  color: #5e4c46;
  display: block;
  text-decoration: none;
  padding: 6px 0;
  overflow: hidden; }

.top-sellers a:hover {
  color: #222222; }

.top-sellers .small-thumb {
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  margin: 0 15px 0 0; }

.top-sellers span.top-title {
  display: block;
  padding: 0 0 0 0;
  font-size: 0.9em;
  line-height: 1.2;
  text-align: left; }

.top-sellers span.top-title i {
  display: block;
  font-style: normal;
  font-size: 0.8em; }

.top-sellers .th-popular {
  display: block;
  float: left;
  width: 35%;
  margin: 0; }

.flexbox.flexwrap .top-sellers a {
  display: flex; }

.flexbox.flexwrap .top-sellers .small-thumb {
  flex: 0 1 60px; }

.flexbox.flexwrap .top-sellers span.top-title {
  flex: 1;
  margin: auto; }

#search-tags li a {
  display: inline-block;
  border: none;
  margin: 0;
  padding: 3px 5px; }

#search-tags li a:hover {
  padding-left: 5px; }

#side-posts a strong {
  display: block;
  font-weight: normal;
  font-size: 1.25em; }

#side-posts a span {
  color: #5e4c46;
  font-size: 0.8em; }

.instructions {
  padding: 0.5em; }

.instructions p {
  margin: 0;
  font-size: 0.85em; }

/*------------------------------------------------------------------*/
/* COLLECTION
/*------------------------------------------------------------------*/
#collection-desc {
  margin: 0 0 1em 0; }

.coll-img.align-none {
  float: none;
  margin: 0 0 1em 0; }

.coll-img.align-left {
  float: left;
  margin: 0 20px 10px 0;
  max-width: 50%; }

.coll-img.align-right {
  float: right;
  margin: 0 0 10px 20px;
  max-width: 50%; }

.collection-th a {
  display: block;
  text-align: center;
  background: rgba(0, 0, 0, 0);
  padding: 10px;
  border-radius: 10px;
  position: relative;
  text-decoration: none;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.collection-th .product-title {
  background-color: rgba(0, 0, 0, 0);
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  /* IE10 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  /* Opera 11.10+ */
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  margin: 0.5em 0 0 0;
  border-radius: 6px;
  display: block;
  line-height: 1.2;
  padding: 0 0.5em 0.25em 0.5em;
  font-weight: normal; }

.collection-th .title {
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif;
  color: #085496;
  font-size: 19px;
  display: block;
  line-height: 1.1;
  padding: 0.25em 0; }

.product-title .th-vendor {
  color: #085496;
  opacity: 0.7;
  display: block;
  font-style: normal;
  font-size: 12px; }

.collection-th .price {
  font-size: 1em;
  color: #c33a0e;
  display: block;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 1.2; }

.collection-th span.price-money {
  white-space: nowrap; }

.collection-list .title {
  padding-top: 0.5em; }

.sale {
  color: white;
  position: absolute;
  top: -5px;
  left: -5px;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  border-radius: 50%;
  font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif;
  background-color: #c33a0e;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fa4408), to(#c33a0e));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #fa4408, #c33a0e);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #fa4408, #c33a0e);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #fa4408, #c33a0e);
  /* IE10 */
  background-image: -o-linear-gradient(top, #fa4408, #c33a0e);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fa4408, #c33a0e);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.collection-th a:hover .product-title, .collection-th a:focus .product-title, .collection-th a:active .product-title {
  background: #36c0ff;
  outline: none; }

.tags {
  display: none;
  padding: 0.5em; }

.show-tags .tags {
  display: block; }

.coll-tags {
  margin: 0 0 0 0; }

.coll-tags h5 {
  cursor: pointer; }

.tags a {
  display: inline-block;
  margin: 0 5px 0 0; }

.tags a.current {
  font-weight: bold; }

.sort-and-filter {
  padding: 0 0 1em 0; }

.sort-selector {
  margin: 0 0 1em 0; }

.sort-selector label {
  font-size: 0.8em; }

.block-grid .thumbnail {
  display: block;
  margin-bottom: 0.5em;
  -ms-flex-negative: 0; }

.spr-starrating {
  display: block; }

.spr-badge-caption {
  display: block;
  font-size: 0.8em; }

.coll-image div {
  position: relative; }

.coll-image .collection-image {
  position: absolute;
  top: 0;
  width: 100%; }

.product_img-wrapper {
  margin: auto;
  width: 100%;
  position: relative; }

.flexbox.flexwrap .block-grid .thumbnail,
.no-js .block-grid .thumbnail {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: center; }

.flexbox.flexwrap .product_img-wrapper,
.no-js .block-grid .thumbnail {
  margin: 0; }

.no-js .block-grid .thumbnail img {
  position: relative; }

/*------------------------------------------------------------------*/
/* PRODUCT
/*------------------------------------------------------------------*/
.cartableProduct {
  margin: 0 0 0.5em 0; }

.product-images {
  margin: 0 0 1em 0; }

.productimage {
  background: rgba(0, 0, 0, 0);
  padding: 1em;
  border-radius: 12px;
  border: rgba(0, 0, 0, 0) 1px solid; }

.smallimg {
  padding: 0.5em; }

.productimage:hover, .productimage:focus, .active-img {
  border-color: #1cb3f7;
  outline: none; }

.product-shot {
  position: relative;
  display: block;
  margin: 0 0 0.75em 0;
  text-align: center; }

.product-shot .sale {
  left: 5px;
  top: 5px; }

.more-images {
  padding: 0 60px;
  text-align: center; }

.smallimg {
  display: inline-block;
  max-width: 100%; }

.smallimg img {
  max-width: 100%; }

.single-image .more-images {
  display: none !important; }

.no-js .smallimg {
  width: 100px;
  padding: 10px; }

.no-js .more-images {
  padding: 0; }

.product-price-wrap {
  font-size: 2em;
  margin: 0 0 0.5em 0; }

.product-compare-price {
  opacity: 0.6;
  font-size: 0.7em; }

.selector-wrapper {
  margin: 0 0 1em 0; }

.selector-wrapper select {
  width: 100%; }

.quick-actions .button {
  font-size: 1.5em;
  margin: 0 0 1em 0; }

.quick-actions p {
  margin-top: 0px;
  max-width: 100px; }

.product-description {
  width: 100%;
  clear: both;
  border-top: white 1px solid;
  padding: 1em 0; }

.share-me {
  border-top: white 1px solid;
  padding: 1em 0; }

#related {
  clear: both; }

#related h3 {
  margin: 0 0 0.4em 0; }

#related .product-title {
  font-size: 0.8em; }

.var-msg {
  font-size: 1.2em;
  padding: 0;
  margin: 0 0 0.5em 0;
  font-weight: bold;
  font-style: italic; }

.product-nav {
  font-size: 0.75em; }

.product-nav a {
  text-decoration: none; }

.size-info {
  font-weight: bold;
  padding: 0 0 1em 0; }

.sku-info {
  margin: 0 0 10px 0; }

.sunrise-share h6 {
  margin: 0 0 6px 0; }

.sunrise-share .icon {
  fill: white;
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  margin-right: 4px; }

.sunrise-share a {
  line-height: 1;
  font-size: 0.85em;
  color: white;
  opacity: 0.7;
  border-radius: 3px;
  transition: all 300ms;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 6px 12px;
  margin: 0 5px 5px 0; }

.sunrise-share a:hover {
  opacity: 1; }

a.share-facebook {
  background: #3b5998; }

a.share-twitter {
  background: #00aced; }

a.share-pinterest {
  background: #cc2127; }

a.share-google {
  background: #de4e42; }

.lightbox-images {
  display: none; }

.flexbox.flexwrap .sunrise-share-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.flexbox.flexwrap .sunrise-share a {
  display: flex;
  width: 80px;
  align-items: center;
  justify-content: center; }

/*-------------------------------------------------
   SOCIAL ICONS
-------------------------------------------------*/
.icon-facebook {
  fill: #3b5998; }

.icon-twitter {
  fill: #00aced; }

.icon-pinterest {
  fill: #cb2027; }

.icon-youtube {
  fill: #cd201f; }

.icon-vimeo {
  fill: #1ab7ea; }

.icon-snapchat {
  fill: #fffc00; }

.icon-linkedin {
  fill: #0077b5; }

.icon-instagram {
  fill: #e4405f; }

.icon-tumblr {
  fill: #36465d; }

.icon-googleplus {
  fill: #dc4e41; }

/*-------------------------------------------------
   OWL CAROUSEL
-------------------------------------------------*/
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.no-js .owl-carousel {
  display: block;
  height: auto;
  visibility: visible; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing {
  cursor: url(../png/grabbing59bb.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

#brand-scroller .owl-item {
  padding: 10px 5px; }

.owl-buttons div {
  padding: 10px;
  line-height: 1;
  border-radius: 50%; }

.owl-buttons svg {
  fill: white; }

.owl-next, .owl-prev {
  z-index: 2;
  background: #786660;
  display: inline-block;
  line-height: 40px;
  height: 40px;
  width: 40px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.5; }

.owl-prev {
  left: 6px; }

.owl-next {
  right: 6px;
  background-position: right top; }

.image-nav span.owlnext {
  margin: 0 0 0 5px; }

.owl-next:hover, .owl-prev:hover {
  opacity: 1.0; }

.more-images .owl-item {
  padding: 0 5px; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }

@-moz-keyframes empty {
  0% {
    opacity: 1; } }

@keyframes empty {
  0% {
    opacity: 1; } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }

  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); }

  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }

  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }

  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%); }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }

  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }

  75% {
    opacity: .5;
    transform: translateZ(-500px); }

  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%); } }

@keyframes goDown {
  from {
    transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }

/*------------------------------------------------------------------*/
/* BRAND SCROLLER
/*------------------------------------------------------------------*/
.scroller {
  position: relative;
  padding-top: 30px; }

.scroll-title {
  padding-right: 80px;
  border-bottom: white 1px solid; }

.scroller .brand {
  text-align: center;
  padding: 0 0 1em 0; }

.scroller .owl-next, .scroller .owl-prev {
  margin: 0;
  display: inline-block;
  line-height: 1;
  height: 30px;
  width: 30px;
  position: absolute;
  top: 0px;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0.6; }

.scroller .owl-next {
  right: 0px; }

.scroller .owl-prev {
  left: 0px; }

.scroller .owl-buttons {
  position: absolute;
  top: -36px;
  right: 0px;
  width: 62px; }

.scroller .owl-buttons div {
  padding: 8px; }

.scroller .owl-next:hover, .scroller .owl-prev:hover {
  opacity: 1.0; }

#index .scroller {
  padding-top: 0; }

.scroller .brand {
  position: relative;
  padding: 0px;
  line-height: 1; }

.brand a {
  position: absolute;
  display: block;
  line-height: 1;
  width: 100%;
  left: 0px;
  top: 0px; }

.brand img {
  display: inline-block; }

.no-js #brand-scroller .brand {
  padding-top: 0px !important; }

/*------------------------------------------------------------------*/
/* PAGINATION
/*------------------------------------------------------------------*/
.paginate {
  text-align: center;
  border-top: white 1px solid;
  padding: 0.8em 0;
  line-height: 1; }

.paginate span {
  color: #c33a0e;
  display: inline-block;
  border-radius: 50%; }

.paginate a {
  color: #c33a0e;
  display: inline-block;
  padding: 0.5em 0.75em;
  text-decoration: none;
  border-radius: 50%; }

.paginate a:hover, .paginate a:focus {
  color: #c33a0e;
  background: #333333; }

.paginate .current {
  background: #c33a0e;
  color: #333333;
  padding: 0.5em 0.75em; }

/*------------------------------------------------------------------*/
/* SIMPLE ACCORDION
/*------------------------------------------------------------------*/
.gt-accordion {
  margin: 0 0 2em 0; }

.js .gt-accordion > div {
  display: none; }

.gt-accordion > h4 {
  background: white;
  background: rgba(255, 255, 255, 0.8);
  color: #392e2a;
  font-size: 1.5em;
  cursor: pointer;
  margin: 0.25em 0 0 0;
  padding: .5em 3em .5em .75em;
  border-radius: 12px;
  line-height: 1;
  position: relative; }

.gt-accordion > h4:after {
  width: 0;
  height: 0;
  border-color: #392e2a rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  border-style: solid;
  border-width: 5px;
  content: "";
  display: block;
  height: 0;
  margin-top: -2.5px;
  top: 50%;
  width: 0;
  position: absolute;
  right: .75em; }

.gt-accordion > h4:hover {
  color: #1cb3f7; }

.gt-accordion > h4.active {
  background: white;
  color: #1cb3f7; }

.gt-accordion > h4.active:after {
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #392e2a rgba(255, 255, 255, 0);
  margin-top: -10px; }

.gt-accordion > div {
  padding: 1em;
  margin: 0 1em;
  background: white;
  background: rgba(255, 255, 255, 0.9);
  color: #392e2a;
  border-radius: 0 0 12px 12px; }

.gt-accordion p {
  margin: 0;
  padding: 0 0 1em 0; }

.gt-accordion ol, .gt-accordion ul {
  margin: 0;
  padding: 0 0 0 1.5em; }

/*------------------------------------------------------------------*/
/* BLOGS AND PAGES
/*------------------------------------------------------------------*/
#blog-categories {
  margin: 0 0 1em 0; }

#blog-categories label {
  display: none; }

.article-list {
  border-bottom: white 1px solid;
  padding: 0 0 1em 0;
  margin: 0 0 3em 0; }

.article-list.last {
  border: none; }

.article h2 a {
  text-decoration: none; }

.article-meta {
  font-size: 1em;
  opacity: 0.5;
  margin: 0 0 0.5em 0; }

.article-content {
  margin: 0 0 2em 0; }

.social-article {
  margin: 0 0 1em 0; }

.comment-count {
  display: inline-block;
  padding-left: 15px; }

.article-nav {
  margin: 0 0 2em 0;
  border-top: white 1px solid;
  padding: 1em 0 0 0; }

.article-nav .go-left {
  float: left; }

.article-nav .go-right {
  float: right; }

.article-featured-image {
  margin: 0 0 1em 0; }

.contact-form {
  margin: 1em 0; }

.contact-us label {
  font-size: 0.85em; }

.feedback, #wrapper-response {
  padding: 1em;
  background: #55c900;
  color: #fff;
  border-radius: 12px;
  margin: 0 0 1em 0; }

.errorForm, .feedback.errors {
  background: #fff;
  color: #f00;
  border: #f00 3px dashed; }

#comments {
  background: #f4ddb1;
  background: rgba(244, 221, 177, 0.3);
  padding: 2em;
  border-radius: 12px;
  margin: 0 0 1em 0; }

#add-comment-title {
  margin: 0 0 0.5em 0; }

.comment-list {
  margin: 0 0 2em 0;
  list-style: none;
  padding: 0; }

.comment-list li {
  background: rgba(244, 221, 177, 0.3);
  padding: 1em;
  border-radius: 9px;
  margin: 0 0 0.5em 0; }

.comment-list h6 {
  font-size: 1.25em; }

.comment-list h6 span {
  opacity: 0.6; }

article .sunrise-share {
  padding: 0 0 10px 0; }

.sub-collection-intro {
  padding: 0 0 10px 0; }

.article-featured-image div {
  position: relative; }

.article-featured-image .article-image {
  position: absolute;
  top: 0;
  width: 100%; }

/*-------------------------------------------------
   SEARCH 
-------------------------------------------------*/
.search-form input {
  padding: 10px 10px 10px 35px;
  color: #555555;
  border: #bdaf9b 1px solid;
  background: white url(../png/icon-searcha29d.png) no-repeat 10px center;
  line-height: normal; }

.search-form input:focus {
  border-color: #333333; }

#search-results .search-form {
  margin: 0 0 1em 0; }

#search-results ol {
  list-style: none;
  margin: 0;
  padding: 0; }

#search-results ol li {
  margin: 1em 0;
  padding: 1em 0 0 0;
  border-top: white 1px solid; }

.res-image {
  float: left;
  max-width: 20%;
  margin: 0 20px 5px 0;
  background: rgba(0, 0, 0, 0);
  padding: 6px;
  border-radius: 7px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

#search-results li h4, #search-results li p {
  margin: 0;
  padding: 0; }

#search-results li p {
  font-weight: bold; }

#search-results li .search-result-text {
  display: block;
  clear: both;
  font-size: 0.8em; }

.inline-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.inline-group input.input-text, .button-wrap {
  display: table-cell;
  vertical-align: middle;
  margin: 0; }

.inline-group .button {
  padding: 0px 15px;
  font-size: 16px;
  border-radius: 0px 5px 5px 0px;
  box-shadow: none;
  letter-spacing: 0.06em;
  white-space: nowrap; }

.inline-group .input-text {
  border-radius: 5px 0 0 5px;
  margin: 0;
  border-color: inherit;
  border: none; }

.inline-group .button, .inline-group .input-text {
  height: 50px;
  line-height: normal; }

.button-wrap {
  position: relative;
  white-space: nowrap;
  width: 1%;
  padding: 0; }

/*-------------------------------------------------
   CART
-------------------------------------------------*/
.cart-header {
  display: none; }

.cart-contents {
  list-style: none;
  margin: 0;
  padding: 0; }

.cart-contents li {
  border-bottom: white 1px solid;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0; }

.cart-col1 {
  float: left;
  margin: 0 0px 10px 0;
  width: 20%; }

.cart-col2, .cart-col3, .cart-col4 {
  float: right;
  width: 75%; }

.cart-col2 a {
  text-decoration: none;
  font-weight: bold; }

.short-desc {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
  display: none; }

.cart-col3 {
  font-weight: bold; }

.cart-col4 label {
  display: block;
  float: left;
  font-size: 0.8em;
  line-height: 2.5;
  margin: 0 10px 0 0; }

.cart-col4 input {
  width: 50px;
  float: left;
  margin: 0 10px 0 0; }

.cart-col4 a {
  font-size: 0.8em; }

.cart-col5, .cart-col6 {
  display: none; }

.cart-sub-actions {
  border-bottom: white 1px solid;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  float: right; }

.cart-sub-actions a {
  text-decoration: none;
  display: inline-block;
  margin: 0 0 0.5em 0; }

.action-main {
  margin: 0 0 2em 0; }

#cart-note {
  margin: 0 0 1em 0;
  padding: 0 0 1em 0; }

#cart-note textarea {
  min-height: 100px; }

.cart-tot2 h5 {
  font-size: 2em;
  text-align: center;
  padding-bottom: 10px; }

.cart-tot2 .button {
  font-size: 2em;
  padding: 0.5em 1.5em;
  width: 100%; }

#shipping-calculator {
  border-bottom: white 1px solid;
  margin: 0 0 1em 0;
  padding: 0 0 1em 0; }

#shipping-calculator h3 {
  font-size: 1.2em; }

#shipping-calculator label {
  display: block; }

#shipping-calculator select {
  padding: 0.5em;
  width: 100%; }

#shipping-calculator p {
  margin: 0 0 1em 0;
  padding: 0; }

#wrapper-response {
  display: none; }

#shipping-rates {
  margin: 0;
  padding: 0 0 0 20px; }

#agree-terms {
  text-align: center;
  margin: 0;
  padding: 0.75em 0 0 0; }

#agree-terms.highlight {
  background: yellow;
  color: #222;
  padding: 1em;
  border-radius: 5px; }

#agree-terms.highlight a {
  color: inherit; }

.cart-thumb {
  display: block;
  text-align: center;
  background: #fff;
  padding: 6px;
  border-radius: 7px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.shp-Disabled #shipping-calculator {
  display: none; }

.additional-checkout-button {
  background-image: none; }

.additional-checkout-buttons {
  padding-top: 1.5em; }

.action-main {
  text-align: center; }

/*------------------------------------------------------------------*/
/* FOOTER
/*------------------------------------------------------------------*/
#footer {
  background: none; }

#footer {
  clear: both;
  color: #403125;
  margin: 0;
  padding: 0;
  text-align: center; }

#footer .inner {
  width: 100%;
  max-width: 80em;
  min-width: 20em;
  margin: 0 auto;
  padding: 0 2em;
  position: relative; }

#footer.has-bg-image, #footer.has-bg-image .inner {
  min-height: 360px; }

.footer-nav {
  list-style: none;
  margin: 0 0 2em 0;
  padding: 0;
  text-align: center;
  width: 100%; }

.footer-nav li {
  display: inline-block; }

.footer-nav a {
  color: #403125;
  display: inline-block;
  padding: 0 0.5em;
  text-decoration: none;
  font-size: 1em; }

.footer-nav a:hover, .footer-nav a:focus, .footer-nav a:active {
  color: #aa0000; }

.credits {
  text-align: center;
  width: 100%;
  padding-bottom: 2em;
  display: none; }

.credits p {
  margin: 0;
  font-size: 0.7em; }

.credits a {
  color: inherit; }

#footer.has-bg-image .credits {
  padding-top: 90px; }

.payment-icons img {
  display: inlne-block;
  margin: 3px;
  height: 30px; }

#xx-scroll-to-top {
  background: url(../png/back-to-top-hover7b28.png) no-repeat center center;
  position: fixed;
  right: 2em;
  bottom: 2em;
  z-index: 9999;
  display: block;
  width: 40px;
  height: 115px;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  text-indent: -9999em;
  display: none;
  transition: all 0.3s; }

#xx-scroll-to-top:hover {
  background: url(../png/back-to-top7757.png) no-repeat center center;
  outline: none;}

/*-------------------------------------------------
   CUSTOMER ACCOUNTS
-------------------------------------------------*/
#customer-area .note {
  margin: 0 0 1em 0;
  padding: 0; }

#customer-area .feedback {
  margin: 0 0 1em 0; }

#customer-area .feedback ul {
  margin: 0;
  padding: 0 0 0 2em; }

#customer-area label {
  font-size: 1em;
  display: block; }

#customer-area form p {
  margin: 0 0 1em 0;
  padding: 0; }

#customer-area form p.form-action {
  padding-top: 1em; }

#customer-area form input {
  margin: 0; }

.customer-area th {
  font-weight: normal; }

.form-header {
  margin: 0 0 0.75em 0; }

.box-form {
  background: rgba(0, 0, 0, 0);
  padding: 2em;
  margin: 0 0 1em 0;
  border-radius: 12px;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.customer-area .pg-title {
  margin: 0 0 .75em 0; }

#customers-register .box-form {
  max-width: 500px; }

.add-address {
  margin: 0 0 2em 0; }

.customer_address p {
  margin: 0;
  padding: 0; }

.default-address {
  font-weight: bold;
  font-style: italic; }

#order_address h5 {
  font-size: 1em; }

#order_address h5, #order_address p {
  margin: 0;
  padding: 0; }

.order_date {
  margin: 0 0 1em 0;
  font-style: italic; }

.order_section_title {
  font-weight: bold; }

.form-sub-action {
  display: inline-block;
  padding-left: 10px; }

.default-address {
  font-weight: bold; }

.single-address {
  padding-bottom: 10px; }

.address-table {
  padding: 1em 0 2em 0; }

.customer-address-form {
  margin: 1em 0 3em 0; }

.order-addresses {
  margin: 0 0 2em 0; }

.order-addresses > div {
  margin: 0 0 1em 0; }

.order-addresses p {
  margin: 0; }

/*-------------------------------------------------
   ANIMATION
-------------------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.animated-looped {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1); }

  50% {
    -webkit-transform: scale(1.1); }

  100% {
    -webkit-transform: scale(1); } }

@keyframes pulse {
  0% {
    transform: scale(1); }

  50% {
    transform: scale(1.1); }

  100% {
    transform: scale(1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

.scaleout {
  -webkit-animation-name: scaleout;
  animation-name: scaleout; }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom; }

/*-------------------------------------------------
   SECTIONS - COMMON STYLES
-------------------------------------------------*/
.home-section-wrap {
  padding: 10px;
  border-radius: 10px;
  margin: 0 0 1.5em 0; }

/*-------------------------------------------------
   SECTION FEATURED BLOG
-------------------------------------------------*/
.featured-blog {
  padding: 0;
  margin: 0 0 1.5em 0; }

.featured-article-thumb {
  display: block;
  position: relative;
  margin: 0 0 10px 0; }

.featured-article-image-wrap {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%; }

.featured-article-date, .featured-article-author {
  display: block;
  opacity: 0.7; }

.featured-article {
  padding: 0px; }

.featured-articles {
  padding-top: 10px; }

.featured-articles > li {
  text-align: left; }

.featured-articles {
  margin-bottom: 0px; }

.featured-articles.columns1 > li {
  width: 100%; }

@media only screen and (max-width: 40em) {
  .featured-articles > li {
    width: 100%; } }
@media only screen and (min-width: 50em) {
  .featured-articles > li.single-article {
    padding: 0px; } }
.no-js .featured-article-thumb {
  padding-top: 0px !important; }

/*-------------------------------------------------
   SECTION MAP
-------------------------------------------------*/
.map-section.display-map .map-section-placeholder {
  display: none; }

.map-section-container {
  width: 100%;
  height: 55vh; }

.map-section-image {
  height: 100%;
  background-size: cover;
  background-position: center; }

@media only screen and (min-width: 50em) {
  .map-section {
    overflow: hidden; }

  .map-section-content {
    float: left;
    width: 50%; }

  .flexbox.flexwrap .map-section-wrap {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }

  .flexbox.flexwrap .map-section-content {
    flex: 1 1 auto;
    min-width: 50%;
    overflow: hidden;
    position: relative;
    margin: 0; } }
/*-------------------------------------------------
   SECTION FEATURED PRODUCT
-------------------------------------------------*/
.product-single h3 {
  font-size: 1em; }

.product-single .product-price-wrap {
  font-size: 1.5em; }

.product-single .product-shot:hover, .product-single .product-shot:focus {
  border-color: rgba(0, 0, 0, 0);
  outline: none; }

@media all and (min-width: 50em) {
  .product-single.image-align-right .product-images {
    float: right; }

  .product-single.image-align-right .product-details {
    float: left;
    padding-left: 10px; } }
/*-------------------------------------------------
   SECTION NEWSLETTER
-------------------------------------------------*/
.newsletter-text p {
  margin: 0 0 10px 0; }

.newsletter-form form {
  margin: 0; }

@media all and (min-width: 30em) {
  .newsletter-section h2 {
    line-height: 1; }

  .newsletter-text, .newsletter-form {
    width: 50%;
    padding: 20px; }

  .newsletter-text {
    float: left; }

  .newsletter-form {
    float: right; }

  .newsletter-form form {
    padding: 10px 0; }

  .newsletter-section {
    display: flex;
    align-items: center; } }
@media all and (min-width: 50em) {
  .newsletter-text, .newsletter-form {
    padding: 30px; }

  .newsletter-section h2 {
    margin: 0 0 10px 0; } }
/*-------------------------------------------------
   SECTION IMAGE WITH TEXT
-------------------------------------------------*/
.iwt-thumb {
  position: relative; }

.iwt-wrapper img {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 10px; }

@media (min-width: 30em) {
  .iwt-image {
    float: left;
    width: 50%; }

  .iwt-text {
    float: left;
    width: 50%;
    padding: 20px; }

  .flexbox.flexwrap .image-with-text,
  .no-js .image-with-text {
    display: flex;
    align-items: center;
    justify-content: center; }

  .iwt-right .iwt-image {
    float: right;
    order: 1; } }
@media (min-width: 50em) {
  .iwt-text {
    padding: 30px; } }
/*-------------------------------------------------
   LAZYSIZES
-------------------------------------------------*/
.block-grid .thumbnail {
  position: relative; }

.block-grid .thumbnail img {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.card-preloader {
  position: absolute;
  margin-left: -20px;
  margin-top: -20px;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(128, 128, 128, 0); }

.is-loading .card-preloader {
  z-index: 100; }

.is-loading img {
  opacity: 0.1; }

.blur-up {
  opacity: 0.1;
  transition: opacity 500ms ease-in; }

.blur-up.lazyloaded {
  opacity: 1; }

@-webkit-keyframes scaleout {
  0% {
    -webkit-transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
    opacity: 0; } }

@keyframes scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; } }

img[data-sizes="auto"] {
  display: block;
  width: 100%; }

/*-------------------------------------------------
   FOR MOBILE SCREENS (up to 480px)
-------------------------------------------------*/
@media all and (max-width: 30em) {
  #main {
    font-size: 0.85em; }

  .collection-th .title {
    font-size: 16px;
    line-height: 1.2; }

  .collection-th .price {
    font-size: 13px;
    line-height: 1.2; }

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

  .coll-tags {
    text-align: center;
    padding: 0 0 10px 0; }

  .coll-tags label {
    display: none; }

  .product-details {
    text-align: center; }

  .quick-actions p {
    margin: 0px auto; }

  .cart-col4 input {
    padding: 5px; }

  .cart-col4 a {
    margin: 8px 0 0 0;
    display: inline-block; }

  .cart-update {
    float: left; }

  .action-main {
    text-align: center;
    padding: 10px 0; }

  .action-sub {
    text-align: center; }

  .curr-switcher label {
    font-size: 12px; } }
/*-------------------------------------------------
   FOR BIGGER SCREENS (480px up)
-------------------------------------------------*/
@media all and (min-width: 30em) {
  .sort-selector {
    margin: 0;
    float: right; }

  .columns2 > li {
    width: 50%; }

  .columns3 > li {
    width: 33.33333%; }

  .flexbox.flexwrap .flexbox-grid.columns2 > li {
    flex-basis: auto;
    width: 50%; }

  .flexbox.flexwrap .flexbox-grid.columns3 > li {
    flex-basis: auto;
    width: 33.33%; }

  .no-js .flexbox-grid.columns2 > li {
    flex-basis: auto;
    width: 50%; }

  .no-js .flexbox-grid.columns3 > li {
    flex-basis: auto;
    width: 33.33%; }

  .customer-area #main {
    position: relative; }

  .logout {
    position: absolute;
    right: 20px;
    top: 10px; }

  .flexbox.flexwrap .sunrise-share-wrap {
    justify-content: left; }

  .caption strong {
    display: block;
    font-size: 1.5em; }

  .caption {
    font-size: 1.25em;
    padding: 10px; } }
/*-------------------------------------------------
   FOR BIGGER SCREENS (800px up)
-------------------------------------------------*/
@media all and (min-width: 50em) {
  .show-mobile {
    display: none; }

  .hide-mobile {
    display: block; }

  .off-canvas-navigation, .flexbox.flexwrap .off-canvas-navigation {
    display: none; }

  .js #sidebar {
    float: left;
    margin-left: 0;
    padding: 1em 1em;
    width: 25%; }

  .js #main {
    padding: 1em;
    width: 75%; }

  .columns1 {
    margin: 0; }

  .columns1 > li {
    width: 100%; }

  .columns2 > li {
    width: 50%; }

  .columns3 > li {
    width: 33.33333%; }

  .columns4 > li {
    width: 25%; }

  .columns5 > li {
    width: 20%; }

  .columns6 > li {
    width: 16.66667%; }

  .columns7 > li {
    width: 14.28571%; }

  .columns8 > li {
    width: 12.5%; }

  .columns9 > li {
    width: 11.11111%; }

  .columns10 > li {
    width: 10%; }

  .columns11 > li {
    width: 9.09091%; }

  .columns12 > li {
    width: 8.33333%; }

  .columns1 > li.featured-video {
    width: 100%;
    padding: 0 0 20px 0; }

  .flexbox.flexwrap .flexbox-grid.columns4 > li {
    flex-basis: auto;
    width: 33.33%; }

  .flexbox.flexwrap .flexbox-grid.columns5 > li {
    flex-basis: auto;
    width: 33.33%; }

  .flexbox.flexwrap #header .row {
    display: flex;
    align-items: center; }

  .no-js .flexbox-grid.columns4 > li {
    flex-basis: auto;
    width: 33.33%; }

  .no-js .flexbox-grid.columns5 > li {
    flex-basis: auto;
    width: 33.33%; }

  .no-js #header .row {
    display: flex;
    align-items: center; }

  .featured-content .text-center {
    padding: 1em 60px .5em 60px; }

  .inner-wrap {
    padding: 1em; }

  #header .row {
    /*padding-right:330px;width:100%;position:relative;min-height:92px;*/ }

  .logo {
    line-height: 1.5;
    font-size: 2.2em;
    width: 100%;
    float: left;
    padding-bottom: 0; }

  .logo h1 {
    margin: 0;
    padding: 0;
    line-height: 1; }

  .logo.textonly h1 {
    line-height: 1.25;
    text-transform: none; }

  .logo {
    text-align: left; }

  .login-top {
    font-size: 0.8em;
    position: absolute;
    right: 194px;
    top: -12px;
    float: left;
    text-align: left;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid white;
    border-radius: 15px;
    color: white;
    overflow: hidden;
    padding: 4px 0;
    line-height: 1; }

  .login-top a {
    text-decoration: none;
    display: inline-block;
    padding: 0em 0.75em;
    line-height: 1; }

  .cart-info {
    background-image: url(../png/cart-background-white_192x1020e6a.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 102px;
    margin: 0;
    padding: 25px 0 0;
    text-align: center;
    width: 192px; }

  .cart-info a {
    color: #403125;
    display: block;
    height: 66px; }

  .cart-info a:hover {
    color: #000000; }

  .cart-info em {
    display: block;
    font-size: 2.5em;
    font-family: Helvetica,Arial,sans-serif;
    font-style: normal;
    left: 15px;
    line-height: 1;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: right;
    top: 40px;
    width: 90px; }

  .cart-info span {
    display: block;
    font-size: 0.65em;
    line-height: 1;
    position: absolute;
    right: 34px;
    text-align: left;
    top: 49px;
    width: 50px; }

  .curr-switcher {
    display: block;
    position: absolute;
    top: 48px;
    right: 218px;
    text-align: center;
    padding: 0.5em 0.75em;
    margin: 0; }

  .curr-switcher label {
    display: block;
    font-size: 0.8em;
    line-height: 1.2; }

  .curr-switcher select {
    padding-top: 0px;
    padding-bottom: 0px; }

  .close-currency-box {
    display: none; }

  .js .top-menu .level-2 .sub-menu {
    display: none; }

  .top-menu {
    background-color: #009EDF;
    /* Fallback Color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#009EDF), to(#009EDF));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #009EDF, #009EDF);
    /* Chrome 10+, Saf5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, #009EDF, #009EDF);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #009EDF, #009EDF);
    /* IE10 */
    background-image: -o-linear-gradient(top, #009EDF, #009EDF);
    /* Opera 11.10+ */
    background-image: linear-gradient(top, #009EDF, #009EDF);
    position: relative;
    z-index: 1000;
    font-weight: normal;
    padding: 0em 0.75em;
    border: #009EDF 1px solid;
    border-radius: 20px;
    margin: 0 0 0 0;
    text-align: left;
    text-align: center; }

  #header .top_header_links { background: #009EDF !important; }

  .top-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif;
    font-weight: normal; }

  .top-menu ul li {
    display: inline-block;
    border-left: rgba(0, 0, 0, 0) 1px solid;
    position: relative; }

  .top-menu ul li:first-child {
    border: none; }

  .top-menu a {
    color: white;
    display: inline-block;
    padding: 0.4em 0.5em;
    text-decoration: none;
    font-size: px;
    line-height: 1.2;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out; }

  .top-menu a:hover, .top-menu a:focus, .top-menu a:active {
    color: white;
    background-color: #f78c1c; }

  .top-menu a.active {
    color: white; }

  .top-menu .has-sub > a {
    padding-right: 25px; }

  .top-menu .has-sub.level-1:hover > a {
    background: #f78c1c;
    color: white; }

  .top-menu li {
    position: relative;
    line-height: 1; }

  .top-menu .dropdown-toggle {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.025); }

  .top-menu .dropdown-toggle:after {
    border-color: white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

  .top-menu li.level-1:hover > a .dropdown-toggle:after {
    border-color: white rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

  .top-menu li.level-1 > a .dropdown-toggle {
    width: 20px;
    background: none; }

  .top-menu .level-2.active > .top-link .dropdown-toggle:after {
    border: none;
    content: "";
    border-left: 5px solid rgba(255, 255, 255, 0);
    border-right: 5px solid rgba(255, 255, 255, 0);
    border-bottom: 5px solid white; }

  .top-menu li.level-1 > .sub-menu {
    background: #f78c1c;
    width: 12em;
    padding: 1em 0;
    border-radius: 0 0 10px 10px;
    position: absolute;
    left: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1); }

  .top-menu .sub-menu li {
    border: none;
    display: block; }

  .top-menu .sub-menu a {
    color: white;
    border: none;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0.2em 0.75em;
    font-size: 1em;
    position: relative; }

  .top-menu .sub-menu a:hover {
    color: white; }

  .top-menu li.level-2 > .sub-menu a {
    padding-left: 1.5em; }

  .top-menu li.level-1:hover > ul {
    left: 0;
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: visible; }

  .product-images {
    float: left;
    width: 45%; }

  .product-details {
    float: right;
    width: 47%; }

  .tags {
    padding: 0.5em 1.7em; }

  #search-results li .search-result-text {
    clear: none; }

  .cart-header {
    display: block;
    border-bottom: white 1px solid;
    margin: 0 0 1em 0; }

  .cart-header h4 {
    font-size: 1em;
    margin: 0;
    padding: 0; }

  .cart-col1, .cart-col2, .cart-col3, .cart-col4, .cart-col5, .cart-col6 {
    display: block;
    float: left; }

  .cart-col2, .cart-col3, .cart-col4, .cart-col5 {
    padding: 0 2%; }

  .cart-col1 {
    width: 15%; }

  .cart-col2 {
    width: 40%; }

  .cart-col3 {
    width: 15%; }

  .cart-col4 {
    width: 10%; }

  .cart-col4 label, .cart-col4 a {
    display: none; }

  .cart-col5 {
    display: block;
    width: 15%;
    font-weight: bold; }

  .cart-col6 {
    display: block;
    width: 5%;
    text-align: center; }

  .cart-col6 a {
    display: inline-block;
    text-decoration: none;
    font-weight: bold; }

  .cart-sub-actions a {
    margin: 0; }

  .go-back {
    float: left; }

  .cart-update {
    float: left; }

  .short-desc {
    display: block; }

  .cart-actions {
    padding: 2em 0; }

  .action-main {
    float: right;
    width: 35%; }

  .action-sub {
    float: left;
    width: 60%; }

  .cart-tot2 h5 {
    text-align: right; }

  #shipping-calculator {
    float: left;
    width: 45%;
    border: none; }

  #shipping-calculator label {
    font-size: 0.8em; }

  #cart-note {
    float: right;
    width: 45%; }

  #cart-note textarea {
    margin: 1.5em 0 0 0;
    min-height: 200px; }

  .shp-Disabled #cart-note {
    float: none;
    width: 100%; }

  #shipping-calculator h5, #cart-note h5 {
    border-bottom: white 1px solid;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.25em 0;
    font-size: 1em; }

  #agree-terms {
    text-align: right; }

  .blog-header {
    position: relative; }

  .blog-header h1 {
    padding-right: 250px; }

  #blog-categories {
    margin: 0;
    position: absolute;
    bottom: 0.75em;
    right: 0px;
    width: 200px; }

  #blog-categories select {
    width: 100%; }

  #footer.has-bg-image .credits {
    position: absolute;
    bottom: 15px;
    margin: 0;
    padding-top: 0px; }

  #login-form, #login-sub {
    width: 49%;
    min-height: 400px;
    padding: 2em; }

  #login-form {
    float: left; }

  #login-sub {
    float: right; }

  #order_payment, #order_shipping {
    width: 48%; }

  #order_payment {
    float: left; }

  #order_shipping {
    float: right; } }
/*-------------------------------------------------
   FOR BIGGER SCREENS (960px up)
-------------------------------------------------*/
@media all and (min-width: 60em) {
  .flexbox.flexwrap .flexbox-grid.columns4 > li {
    flex-basis: auto;
    width: 25%; }

  .flexbox.flexwrap .flexbox-grid.columns5 > li {
    flex-basis: auto;
    width: 20%; }

  .no-js .flexbox-grid.columns4 > li {
    flex-basis: auto;
    width: 25%; }

  .no-js .flexbox-grid.columns5 > li {
    flex-basis: auto;
    width: 20%; } }
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  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: pointer; }

.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: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #cccccc; }

.mfp-preloader a:hover {
  color: white; }

.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;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  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 solid 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;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid white;
  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 white;
  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%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: black; }

/* 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;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444444; }

.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) {
  /**
  * Remove all paddings around the image on small screen
  */
  .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; } }
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
  .cart-info {
    background-image: url(../png/cart-background-white_384x2040e6a.png); }

  .cart-info {
    background-size: 192px; } }
@media all and (min-width: 40em) {
  .no-js #sidebar {
    float: left;
    width: 30%; }

  .no-js #main {
    float: right;
    width: 69%; }

  .no-js .scroller .brand {
    max-width: 150px;
    display: inline-block;
    margin: 6px 0 0 0;
    padding: 3px 3px 0 3px; } }
.placeholder-svg {
  background: rgba(255, 255, 255, 0.5);
  max-width: 100%;
  width: 100%; }

* {
  border-radius: 0px !important; }

/* Add your own CSS rules below this point */
.map {
  text-align: center; }

table.registration {
  vertical-align: top;
  width: 105%; }

td.registration {
  vertical-align: top;
  text-align: center; }

.js #sidebar {
  width: 24% !important;
}
.collection-main {
    width: 75%;
    float: left;
}

.flexbox.flexwrap .flexbox-grid {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
}

                            /* @media (min-width: 590px) {

    html,body {
        margin:0;
        padding:0;
        height:100%;
    }
    #PageContainer {
        min-height:100%;
        position:relative;
    }
    .header-wrapper {
        background:#ededed;
        padding:10px;
    }
    main.main-content {
        padding-bottom:9px; /* Height of the footer element */
/* }
 footer {
     width:100%;
     height:9px;
     position:absolute;
     bottom:0;
     left:0;
 }*/
#footer {
  margin-top: 5em; }

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  padding: 10px 0 10px 3%; }

#mc_embed_signup h2 {
  font-weight: bold;
  padding: 0;
  font-size: 1.4em; }

#mc_embed_signup input {
  border: 1px solid #ABB0B2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox; }

#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio; }

#mc_embed_signup input:focus {
  border-color: #333; }

#mc_embed_signup .button {
  clear: both;
  background-color: #aaa;
  border: 0 none;
  border-radius: 4px;
  transition: all 0.23s ease-in-out 0s;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto; }

#mc_embed_signup .button:hover {
  background-color: #777; }

#mc_embed_signup .small-meta {
  font-size: 11px; }

#mc_embed_signup .nowrap {
  white-space: nowrap; }

#mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  width: 96%;
  padding-bottom: 3%;
  min-height: 50px; }

#mc_embed_signup .size1of2 {
  clear: none;
  float: left;
  display: inline-block;
  width: 46%;
  margin-right: 4%; }

* html #mc_embed_signup .size1of2 {
  margin-right: 2%;
  /* Fix for IE6 double margins. */ }

#mc_embed_signup .mc-field-group label {
  display: block;
  margin-bottom: 3px;
  margin-top: 6%; }

#mc_embed_signup .mc-field-group input {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%; }

#mc_embed_signup .mc-field-group select {
  display: inline-block;
  width: 99%;
  padding: 5px 0;
  margin-bottom: 2px; }

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us {
  padding: 5px 0; }

#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input {
  display: inline;
  width: 60px;
  margin: 0 2px;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0 2px 0; }

#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input {
  width: 40px; }

#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input {
  width: 30px; }

#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label {
  display: none; }

#mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%; }

#mc_embed_signup .asterisk {
  color: #e85c41;
  font-size: 150%;
  font-weight: normal;
  position: relative;
  top: 5px;
  display: none; }

#mc_embed_signup .clear {
  clear: both; }

#mc_embed_signup .mc-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none; }

#mc_embed_signup .mc-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0; }

#mc_embed_signup .mc-field-group.input-group label {
  display: inline; }

#mc_embed_signup .mc-field-group.input-group input {
  display: inline;
  width: auto;
  border: none; }

#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em .5em 0em .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both; }

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%; }

#mc_embed_signup #mce-error-response {
  display: none; }

#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none; }

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0; }

#mc-embedded-subscribe {
  clear: both;
  width: auto;
  display: block;
  margin: 1em 0 1em 5%; }

#mc_embed_signup #num-subscribers {
  font-size: 1.1em; }

#mc_embed_signup #num-subscribers span {
  padding: .5em;
  border: 1px solid #ccc;
  margin-right: .5em;
  font-weight: bold; }

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  display: inline-block;
  margin: 2px 0 1em 0;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
  color: #e85c41; }

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid #e85c41; }

#mc_embed_signup form {
  background-color: #F0DDB6;
  padding: 6%; }

#mc_embed_signup h2 {
  color: #5B4D47; }

#mc_embed_signup .indicates-required {
  display: none; }

#notice {
  padding: 6%;
  font-size: 1em; }

#email-link {
  font-size: 2em; }

.email-link {
  font-size: 2em; }

#lapic {
  padding-top: 1em; }

#uncomplicated-category-breadcrumb-model-item {
  padding: 0,3%,01%; }

#uncomplicated-category-breadcrumb-inserted-4 {
  padding: .5%; }

#uncomplicated-category-breadcrumb-inserted-3 {
  padding: .5%; }

#uncomplicated-category-breadcrumb-inserted-2 {
  padding: .5%; }

#uncomplicated-category-breadcrumb-inserted-1 {
  padding: .5%; }

#uncomplicated-category-breadcrumb-inserted-0 {
  padding: .5%; }

#text_catall {
  display: none; }

.text_catall {
  display: none; }

#link_catall {
  display: none; }

.link_catall {
  display: none; }

.pdftable {
  width: 75%;
  padding: 15px;
  border-bottom: 1px solid #ddd; }

.one-third-column-left {
  width: 25%;
  float: left; }

.one-third-column-right {
  width: 75%;
  float: right; }

@media only screen and (max-width: 600px) {
  .one-half-column-left, .one-half-column-right,
  .one-third-column, .one-third-column-last {
    float: none;
    width: 100%;
    margin-right: 0; } }
.cross-sell.xs-v2 .xs-card .xs-card-body .xs-price {
  display: none !important; }

.cross-sell.xs-v2 .xs-card .xs-card-footer .xs-price {
  display: none !important; }

.xsell__modal-product-price {
  display: none !important; }

.scrollabletextbox {
  height: 250px;
  width: 100%;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 80%;
  overflow: scroll; }

.toptexts2 {
  animation: fadeEffect 3s;
  /* fading effect takes 3s */ }

@keyframes fadeEffect {
  /* from 0 to full opacity */
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

.additional-checkout-buttons {
  display: none; }

.catcenter {
  margin: auto;
  width: 100%;
  padding: 0px;
  text-align: center; }

/* Your designer can adjust these to get all kind of looks:
one or separate lines, active links instead of checkboxes, colors etc. */


.collection-filters-container {
/*

*/
  text-align: center;
  margin: 10px 0px 10px 0px;
  font-size: 16px;
  display: block;
}

.cf-title {
  display: inline-block; /* to have filters separated one per line, change "inline-block" to "block" */
  font-weight: bold;
  margin: 0px 5px 0px 24px;
  font-size: 16px;
/*
  text-transform: uppercase;
  margin: 20px 0px 0px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 6px;
*/
}

.cf-options-container {
  display: block;
  max-height: 360px;
  overflow: auto;
}

.cf-select {
  display: inline-block; /* to have filters separated one per line, change "inline-block" to "block" */
  width: 12em;
  margin-right: 1em;
  float: none !important;
  height: 40px;

  /*background: transparent url(https://cdn.shopify.com/s/files/1/0653/0119/t/1/assets/select.png) no-repeat right;*/
  /*border-radius: 15px;*/
  padding: 2px 2px 2px 17px;

  /*color: #000;
  background-color: #dedede;*/
  border: solid 1px #d3d2d2;

  /*border: 0px solid;*/
  /*box-shadow: none;*/
  /*background-image: none;*/
  /*-webkit-appearance: none;*/
/*  vertical-align: middle;*/
/*
  background-color: #000;
  border-color: #000;
  color: #ffffff;
  padding: 0px;
  margin-left: 4em;
*/
}

.cf-checkbox, .cf-radio {
  /*display: none !important;*/
  padding: 0;
  /*margin: 0 !important;*/
  vertical-align: bottom;
  position: relative;
  top: -6px;
}

/* individual checkbox labels */
.collection-filters-container label span {
	font-weight: normal;
	opacity: 0.8;
}

.collection-filters-container label {
  display: block; /* to have checkboxes on the same line, change "block" to "inline-block" */
  margin: 0px 6px 6px 0px;
  cursor: pointer;
  font-weight: normal;
}

/*
.collection-filters-container label {
  margin: 0px;
  padding: 10px 0px 10px 10px;
  background-color: #fff;
}
.collection-filters-container label:nth-child(even) {
	background: #fafafa;
}
*/

.cf-checkbox:checked + span {
  font-weight: bold !important;
  opacity: 1;
  /* color: #000000; */
}
.cf-radio:checked + span {
  font-weight: bold !important;
  opacity: 1;
  /* color: #000000; */
}

.cf-mobile-only {
  display: none;
}

/* mobile */
@media (max-width: 760px) {
	.cf-title {
	  display: inline-block; /* to have filters separated one per line, change "inline-block" to "block" */
	  font-weight: bold;
	  margin: 2px 5px 0px 0px;
	}

	.cf-select {
	  display: block; /* to have filters separated one per line, change "inline-block" to "block" */
	  width: 100%;
	  max-width:none;
	}

	.cf-desktop-only {
  		display: none;
	}
  	.cf-mobile-only {
  		display: block;
	}
}

/* mobile */
@media (max-width: 760px) {
	.cf-title {
	  display: inline-block; /* to have filters separated one per line, change "inline-block" to "block" */
	  font-weight: bold;
	  margin: 2px 5px 0px 0px;
	}

	.cf-select {
	  display: block; /* to have filters separated one per line, change "inline-block" to "block" */
	  width: 100%;
	  max-width:none;
	}

	.cf-desktop-only {
  		display: none;
	}
  	.cf-mobile-only {
  		display: block;
	}

}

/* Balloon Shine Comparison Chart Button */
.compareButton {
  font-size: 15px;
  font-family: Arial;
  width: 300px;
  height: 50px;
  padding: 18px 16px;
  border-width: 0px;
  color: #fff;
  border-color: rgba(0, 0, 0, 0);
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
  background: rgba(245, 166, 35, 1);
}
.compareButton:hover {
  background: rgba(230, 145, 8, 1);
  color: #fff;
}

/* Mega Menu Overlay Darkening */
.top-menu {
  display: flex;
  justify-content: center;
}
.top-menu a {
  color: #000 !important;
  font-weight: normal;
}
.top-menu a:hover {
  background-color: transparent !important;
}

/* Mega Menu CSS by Devs */
.top-menu .submenu-item-content a:hover {
  color: #5288f6 !important;
}
.ets_megamenu .submenu-item-content a {
    color: #000000!important;
    font-weight: normal;
}
.ets_megamenu .submenu-item-content a:hover {
    color: #4a90e2!important;
    background: transparent!important;
}
.ets_megamenu:not(.mm-mobile) ul.list-menus {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
@media (max-width: 767px){
  body .ets_megamenu.mm-mobile.transition_mobile_default ul#side-menu {
      width: calc(100% - 30px)!important;
  }
    .ets_megamenu.mm-mobile ul#side-menu {
      border: 1px solid #ccc;
      display: flex;
      flex-wrap: wrap;
      left: 0;
  }
  .js #side-menu .open ul {
    display: block;
}
}
.new-button {
  background: #009EDF !important;
}
.ets_megamenu .list-columns {
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

@media (max-width: 767px){
  .ets_megamenu.hide-mobile {
      display: none;
  }
  body .ets_megamenu.mm-mobile:not(.hide-mobile) {
    display: block !important;
    visibility: visible !important;
  }
}

/*******/

.border-box {
    border: 1px solid #000;
    padding: 20px;
    margin-bottom: 20px;
  }

  .box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .box-content a {
    margin-left: 10px;
  }

  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }

  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }

  input:checked + .slider {
    background-color: #2196F3;
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }

  .slider.round {
    border-radius: 34px;
  }

  .slider.round:before {
    border-radius: 50%;
  }
  
  /* Blue Button Past Item Slider */
.blueButton {
  font-size: 15px;
  font-family: Arial;
  width: 300px;
  height: 50px;
  padding: 18px 16px;
  border-width: 0px;
  color: #fff;
  border-color: rgba(0, 0, 0, 0);
  font-weight: bold;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0);
  background: #3b99fc !important;
}
.blueButton:hover {
  background: #5aa8fa !important;
  color: #fff;
}

@media screen and (max-width: 749px) {
  .menu-item-header .submenu-item-content { background-color: #ffffff !important; }
  .welcome_message { display: none; }
  .list-menus { background-color: #5e8fdc; }
  .menu-item-header-title { color: #ffffff !important; }
  .ets_svg { fill: #ffffff !important; }
  body .menu-item.open .menu-item-header-title { background-color: #ecb257 !important; }
  .list-columns { background-color: #ffffff !important; }
  .flickity-slider .carousel__Cell {
    width: 100%!important;
  }
}

.nav#menu {
  margin-left: -10px;
}
.ctct-form-button {
  margin-top: 28px;
}

/* Fixes when MegaMenu is offline Start */
#main .top-menu-bg {
  margin-bottom: -60px;
}
#index .breadcrumb {
  display: none;
}
@media screen and (max-width: 767px) {
  .top-menu {
    display: none;
  }
  .original-menu {
    display: none;
  }
}
/* Fixes when MegaMenu is offline End */


body#cart .cart-contents .qtydiv .qtybox, .collection-main .product-form .qtydiv .qtybox {
    height: auto;
    display: flex;
    align-items: center;
    border: none;
    background-color: #5ab1f1;
}

body#cart .cart-contents .cart-col4 .qtybox input, .collection-main .product-form .qtybox input {
    margin: 0;
    height: 100%;
}

body#cart .cart-contents .qtydiv .btnqty, .collection-main .product-form .qtydiv .btnqty {
    color: #ffffff;
    border: none;
    background-color: #5ab1f1;
    font-size: 28px;
    width: auto;
    -moz-padding: 4px 10px;
    padding: 8px 10px;
    font-weight: bold;
    font-family: monospace;
}

body#cart .cart-contents .qtydiv .quantity-input, .collection-main .product-form .qtydiv .quantity-input {
    width: 40px;
    height: 2.2em !important;
    border: none;
    text-align: center;
    padding: 0;
    background-color: #ffffff !important;
}

/* CSS for Firefox */
@supports (-moz-appearance:none) {
body#cart .cart-contents .qtydiv .btnqty, .collection-main .product-form .qtydiv .btnqty {
    color: #ffffff;
    border: none;
    background-color: #5ab1f1;
    font-size: 28px;
    width: auto;
    padding: 3px 10px;
    font-weight: bold;
    font-family: monospace;
}}
/* CSS for Firefox */

.upsell {
    border: 0px!important;
}
#cross-sell {
    display: block;
    clear: both;
    width: 100%;
    margin: 0px auto!important;
}

/* Cookie Pop-up Box Start */
#shopify-pc__banner{
  width: 18% !important;
  padding: 20px;
}
.shopify-pc__banner__dialog h2{
  font-size: 70% !important;
}
.shopify-pc__banner__dialog p{
  font-size: 14px !important;
}
.shopify-pc__banner__dialog{
  left: 35%!important;
}
.shopify-pc__banner__dialog button{
  padding: 8px 20px;
  margin: 15px 20px 0 0;
  font-size: 50%;
}
.shopify-pc__banner__btn-accept {
  font-size: 14px!important;
}
.shopify-pc__banner__btn-decline {
  font-size: 14px!important;
}
.shopify-pc__banner__btn-manage-prefs {
  font-size: 14px!important;
}

/* Cookie Pop-up Box End */

/* Fathers Day Banner Searchnize Mobile Screen Start */
@media screen and (max-width: 767px) {
    .snize-product {
        padding-right: 10px!important;}
    }
    nav#menu {
        display: none!important;
    }
    .productdetails {
      width: 50%;
    }
}
/* Fathers Day Banner Searchnize Mobile Screen End */
#main-product-image {
  border: none !important;
}
.main-product-image {
  border: none !important;
}

.pricing span {
  margin-left: 10px;
  color: #999999 !important;
}
.productdetails {
  width: 50% !important;
}


.collection-new-products .page-title {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .product-nav.clearfix {
    margin-top: 20px;
}
  .footer_layer_wrapper {
    margin-left: 15px;
    margin-right: 15px;
}
  body .qtybox,
 .qtybox {
   width: 82.5% !important;
 } 
  #footer {
    margin-top: 0px;
  }
  .quick-actions {
    display: flex;
    flex-direction: row;
    align-items: flex-end; /* Bottom align children */
    gap: 10px;
    height: 100px; /* Set a fixed height for container (adjust as needed) */
  }
  .quick-actions .qtydiv,
  .quick-actions button {
    flex: 1;
    align-self: flex-end; /* Override any center alignment */
  }
  .quick-actions .mobile-break {
    display: none;
  }
  #addToCart-product-template {
  margin-bottom: 0px !important;
  }
}
