/** Shopify CDN: Minification failed

Line 204:17 Unexpected "{"
Line 363:117 Expected identifier but found "*"
Line 370:2 Expected identifier but found "*"
Line 1299:21 Expected identifier but found "*"

**/

/******************************************************************
Theme Name: Responsive v4.0
Theme URI: http://themes.shopify.com/themes/responsive/styles/new-york?ref=out-of-the-sandbox
Author: Out of the Sandbox (http://outofthesandbox.com)
Description: Shopify Theme (http://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
/* Table of Content
==================================================
  #Reset & Basics
  #Basic Styles
  #Typography
  #Links
  #Lists
  #Menu
  #Images
  #Videos
  #Buttons
  #Tabs
  #Forms
  #Tables  
  #Misc
  #Site Styles 
  #FlexSlider 
  #FancyBox
  #Layout
  #Font-Face */
  
/* #Reset & Basics
================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
.h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
body {
    line-height: 1; }
ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none; }
table {
    border-collapse: collapse;
    border-spacing: 0; }
  
    
/* #Basic Styles
================================================== */
  body { 
    background-color: #ffffff;
    overflow-x: hidden;
    

    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    
    
      font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
      
    font-weight: normal;      
    font-size: 14px; 
    text-transform: none;
    color: #0f0101;
    line-height: 1.7em;
}
::-moz-selection {
       background-color: #000;
       color: #fff;
}
::selection {
       background-color: #000;
       color: #fff;
}
abbr {
  border-bottom: 1px dotted #4c4c4c;
} 
/* #Typography
================================================== */
  .logo {   
    
      font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
      
    
    font-weight: normal;      
    font-size: 14px; 
    text-transform: none;
    color: #000000;
  }
  .logo a, .logo a:hover, .logo a:visited, .logo a:active {
    color: #000000;    
    line-height: 45px;
  }
h1, .h1, h2, h3, h4, h5, h6, .title a { 
    
      font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
      
    font-weight: normal;    
    text-transform: uppercase;
    color: #000000;
    display:block;
    letter-spacing: 1px;
}
h1 a, .h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a { font-weight: inherit; }
h1 a, h1 a:visited, .h1 a, .h1 a:visited, .title a, .title a:visited { color: #000000 }
h1 a:hover, h1 a:active, .h1 a:hover, .h1 a:active, .title a:hover, .title a:active { color: #0f0101 }
h1, .h1, h1.home, .h1.home, h2.title, .title a { font-size: 28px;  line-height: 50px; margin: 0 auto 20px; text-align: center; border-bottom: 1px solid #4c4c4c; border-top: none; padding: 0 0 8px 0; clear:both; font-weight: normal;}
h1.home, .h1.home { border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; padding: 12px 0;  }
h1.product_name, { text-align:left; clear:none;}
h2, .h2 { font-size: 26px; line-height: 45px; margin: 0 auto 20px; text-align: center; border-top: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; padding: 12px 0; }
h3, .h3, h1.blog_title, .h1.blog_title { font-size: 25px; line-height: 35px; margin: 0 auto 15px 0; text-align: left; border-bottom: 1px solid #4c4c4c; padding: 0 0 12px 0; }
h4, .h4, h4.title a { font-size: 24px; line-height: 35px; margin: 0 0 12px 0; text-align: left; padding: 0; border-bottom: 1px solid #4c4c4c; padding-bottom:12px;}
h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; font-size: 20px;}
h5, .h5 { font-size: 22px; padding-bottom: 5px; }
h6, .h6 { font-size: 20px; padding-bottom: 15px;}
.footer h6 { color: #ffffff; }
.subheader { color: #777; }
  .modal h3 { padding: 12px 0;}
h6.social { padding-bottom: 10px }
p { margin: 0 0 20px; font-style: normal; }
p img { margin: 0; }
  em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 80%; }
/*  Blockquotes  */
  blockquote, blockquote p { font-size: 17px; line-height: 24px; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #4c4c4c; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #4c4c4c; border-width: 1px 0 0; clear: both; margin: 10px 0 15px; height: 0; }
.quote {
     font-size: 18px;
     line-height: 32px;
     text-align: center;
     margin: 0 0 20px 0;
     font-style: italic;
  }
/* #Links
================================================== */
  a, a:visited { color: #0f0101; text-decoration: none; outline: 0; -webkit-transition: color 0.3s ease-out 0s; -moz-transition: color 0.3s ease-out 0s; -o-transition: color 0.3s ease-out 0s; transition: color 0.3s ease-out 0s;  }
  a:hover, a:focus { color: #4c4c4c; }
/* #Lists
================================================== */
  ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
  ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
  ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 18px; margin-bottom: 12px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
ul {
    border-top: 1px dotted #4c4c4c;
    line-height: 26px;
}
ul li {
    border-bottom: 1px dotted #4c4c4c;
    list-style: none outside none;
    padding: 12px 0;
    margin-bottom: 0;
}
/* #Menu
================================================== */



.top_bar {
  background-color: #ffffff;
  
  
  text-align: center;
  line-height: 1;
}
.top_bar .container {
  padding-top: 0;
  padding-bottom:0;
}
.top_bar a {
  
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
    
  font-weight: normal;      
  font-size: 10px; 
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 0px;
  display:block;
  height: 30px;
  line-height: 30px;
  
}
.top_bar a:hover {
  color: #7c7b7b;
}
.top_bar a:hover span {
  background-color: rgba(255, 255, 255, .4);
}
.top_bar a.cart {
  
    background: url(//www.hazeltons.ca/cdn/shop/t/150/assets/cart.png?v=118503387420776254961744639459) no-repeat left 7px;
  
  padding-left: 22px;
}
.top_bar a.cart:hover {
  background-position: left -43px;
}
/*
.top_bar a.cart {
  background: url(//www.hazeltons.ca/cdn/shop/t/150/assets/bag.png?v=55396813725887705011744639454) no-repeat left 5px;
  padding-left: 22px;
}
.top_bar a.cart:hover {
  background-position: left -23px;
}
*/
.top_bar ul {
  padding:0;
  margin: 0;
  border: 0;
}
.top_bar ul li {
  float:right;
    
  border-bottom: 0;
  border-top: 0;
  padding: 0 15px;
  position:relative;
  display:block;
}



#nav {
  display: block;
  text-align: center;
  
  
    border-top: 1px solid #4c4c4c;
    border-bottom: 1px solid #4c4c4c;
  
  margin: 20px auto 0;
  min-height: 35px;
  padding: 10px 0 0;
}
#nav ul {
    display: block;
    margin: 0 auto;
    text-align: center;
    border: none;
    /* padding: 0; */
    margin: 0;
}
#nav ul li:last-child {
  border-right: none;
}
#nav ul li {
    display: inline-block;
    border-color: #4c4c4c;
    border-top: 0;
    border-bottom: 0;
    /* border-right: 1px solid #4c4c4c; /* to remove the menu item right border uncomment it to go back to orignal*/ */
/*     padding: 0 20px 0; */ /*uncomment this line to go back to orignal */
  	padding: 0 5px 0; /* Custom padding added please remove this line to go back to orginal */
    position: relative;
    margin: 0;
}
#nav ul li {
  *display: inline;
}
#nav ul li a, #nav ul li a:visited, #nav ul li a:active {
    
      font-family: "Lato";
      
    font-weight: normal;      
    font-size: 14px; 
    text-transform: uppercase;
    color: #0f0101;
    position: relative;
    display:block;
    padding: 5px 0;
    letter-spacing: 0px;
}
#nav ul li a.active, nav ul li a.active:visited, nav ul li a.active:active {
  color: #000000;
}
#nav ul li:first-child {
    padding-left: 0;
}
#nav ul li:last-child {
    border-right: none;
    padding-right: 0;
}
#nav ul li a:hover, nav ul li a:focus {
    color: #747374;
}
#nav ul li.current_page_item a {
    color: #747374;
}
#nav ul li.current_page_ancestor a {
    color: #747374;
}
  
/* sub-levels link */
#menu ul a, #menu li:hover > ul a  {
  padding: 10px 0 10px 15px;
  background: none;
  text-align: left;
}

/* sub-level ul */
#menu ul {
  position: absolute;
  left: 0px;
  top: 53px;
  background-color: #ffffff;
  border: solid 1px #ddd;
  border-bottom-color: #bbb;
  z-index: 100;
  display: none;
  width: 210px;
  padding: 0;
  margin-left: 0;
}
#menu ul li {
  background: none;
  display: block;
  border: none;
  text-align:left;
  padding: 0px;
}
#menu ul li a {
  display:block;
}
/* sub-sub-level dropdown */
#menu ul ul {
  left: 210px;
  top: -1px;
}
/* show dropdown ul on hover */
@media screen and (min-width: 1100px) {
  #menu li:hover > ul {
    display: block;
  }
}

/* #Images
================================================== */
/*
  The purpose of the below declaration is to make sure images don't 
  exceed the width of columns they are put into when resizing window. 
  Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
  so the best solution is to individually call these properties on images that 
  are children of the grid that you want to resize with grid. 
*/
  .product_row img, .product_image_col img, .article img, .section img, .thumbnail img, .sidebar img { 
    max-width: 100%;
    height: auto; }
.zoomImg {
    max-width: inherit !important;
    cursor: pointer;
  } 
    
/* #Videos
================================================== */
/*
  For YouTube and Vimeo videos, wrap the embedded code snippet
  in a <div class="video-container"> tag to allow it to resize.
  To restrict the width, wrap with an additional <div class="video-wrapper">
*/
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe,  
  .video-container object,  
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .video-wrapper {
    width: 600px;
    max-width: 100%;
  }
/* #Buttons
================================================== */
  a.button, 
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    background: #f2f2f2; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 3px 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    margin: 0 0 20px 0;
    line-height: 21px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    background-color: #df1d1d; }
  
  a.button:hover, 
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover {
    color: #222;
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa; 
    background-color: #df1d1d;  }
  
  a.button:active, 
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa; 
    background-color: #df1d1d;  }
  .button.full-width, 
  button.full-width,
  input[type="submit"].full-width,
  input[type="reset"].full-width,
  input[type="button"].full-width { 
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center; }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
/* #Tabs
================================================== */
  ul.tabs { 
    display: block;
    margin: 20px 0 10px 0;
    padding: 0;
    border-bottom: solid 1px #ddd;
    border-top: 0; }
ul.tabs li { 
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0 }
ul.tabs li a { 
    display: block; 
    text-decoration: none;
    width: auto; 
    height: 29px; 
    padding: 0px 20px; 
    line-height: 30px; 
    border: solid 1px #ddd;
    border-width: 1px 0 0 1px; 
    margin: 0;  
    background: #f5f5f5;
    font-size: 13px; }
ul.tabs li a.active { 
    
      background-color: #ffffff;
    
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-right-width: 1px;
    margin: 0 -1px 0 0;
    color: #111;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; }
ul.tabs li:first-child a {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px; }
ul.tabs li:last-child a {
    border-width: 1px 1px 0 1px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; }
  ul.tabs-content { margin: 0; display: block; border: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { display: block; border: 0;}
  
  /* Clearfixing tabs for beautiful stacking */
  ul.tabs:before,
  ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.tabs:after {
    clear: both; }
ul.tabs {
    zoom: 1; }
    
/* #Forms
================================================== */
  form { 
    margin-bottom: 20px; }
fieldset { 
    margin-bottom: 20px; }
input[type="text"], 
  input[type="number"],
  input[type="password"],
  input[type="email"],
  textarea, 
  select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #666;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff; }
select { 
    padding: 0; }
input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus, 
  textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2); }
label,
  legend { 
    display: block;
    font-weight: bold;
    font-size: 13px;  }
select { 
    width:100%; }
input[type="checkbox"] {
    display: inline; }
label span,
  legend span {
    font-weight: bold;
    font-size: 13px;
    color: #444; }
textarea {
    width: 95%;
  }
/* #Tables
================================================== */



/* #Misc
================================================== */
.remove, .remove:visited{ color: #0f0101; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.right { float:right; position: relative; }
.left { float: left; }
.center { text-align: center; }
.relative { position: relative; }
.align_right { text-align:right }
.align_left { text-align: left; }
div.mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
/* #Site Styles
================================================== */
div.container {
    margin: 0 auto;
    padding: 20px 0;
}
div.content {
    padding: 15px 0px;
    
}
.logo {
  
  text-align: center;
  }
.logo img {
    max-width: 100%;
    height: auto;
  }
.logo a {
    margin: 0;
    display:block;
  }
  div.section {
     margin: 12px 0;
   
  }
  div.product_section {
    margin-top: 5px;
  }
  .product_row {
    text-align: center;
  }
.breadcrumb {
    font-size: 12px;
    font-style: italic;
    padding-bottom: 1em;
  }
  .product_breadcrumb {
    margin-top: 1.5em;
    padding-bottom: 0;
  }
  #category {
    width: 100%;
  }
.action_button, input.action_button[type="submit"], input.action_button[type="button"] {
    background: #df1d1d;
    border: 1px solid transparent;
    padding: 6px 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    
    font-weight: normal;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
 
    
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
      
    text-shadow: 0 1px rgba(0,0,0,0.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3);
    color: #fff;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    margin-bottom: 0px;
    -webkit-appearance: none;
  }
.action_button:hover, input.action_button[type="submit"]:hover, input.action_button[type="button"]:hover {
    background: #b10707;
    border-color: #df1d1d;
  }
  #feature_image a {
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
  }
  .feature_text {
     margin: 10px 0 0;
     clear: both;
  }
  .paginate {
    text-align:center;
  }
  .paginate span {
    padding: 0 10px;
  }
  .sidebar a {
    color: #0f0101;
  }
  .thumbnail {
    position: relative;
    text-align:center;
    border-bottom: solid 1px #4c4c4c;
    padding-bottom:0.5em;
    margin-bottom: 1em;
  }
  .thumbnail a {
    display:block;
    padding-bottom:0.5em;
    color: #0f0101;
  }
  .thumbnail a:hover, .sidebar a:hover {
    color: #0f0101;
  }
  .thumbnail a:hover img {
    -webkit-transition: opacity 0.2s ease-out 0s; -moz-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s;
    opacity: 0.85;
  }
  .sale {
    position: absolute;
    top:0px;
    background: #b10707;
    padding: 6px 20px;
    text-align: center;
    font-size: 15px;
    
    font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
      
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
  }
  .new {
    position: relative;  
    display: inline;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
  }
  .thumbnail a img {
    object-fit: cover;
    margin-bottom: 0.75em;   
  }



	.thumbnail {
   border-bottom: solid 0px #706666;
  }
  



	.thumbnail .info {
   
  }




  
  

	.thumbnail .price {
      
      font-weight: bold;
    }  

  
  .cart_price {
    float:right;
    padding-left: 20px;
    font-weight:bold;
  }
  .cart_price {
    display: none;
  }
  .was_price {
    text-decoration: line-through;
    color: #4c4c4c;
    font-style: italic;
    text-shadow:none;
    font-weight:normal;
  } 
  .thumbnail .quick_shop {
    display:none;
    padding: 6px 0;
    background-color: #888;
    position: absolute;
    width: 130px;
    top: 45%;
    left: 50%;
    margin-left: -65px;
  }
  .thumbnail .quick_shop:hover {
    background-color: #df1d1d;
  }
  .thumbnails a {
    display:block;
    margin-bottom: 1em;
  }
.twittercont, .fancycount {
    display: inline-block;
    margin-left: 10px;
  }
  .facebookcont {
    display: inline-block;
    position: relative;
    margin-left: 6px;
    min-width: 88px;
  }
  a.fancybutton {
    background:url(//www.hazeltons.ca/cdn/shop/t/150/assets/fancy.png?v=120500130493387684961744639476) no-repeat;
    font:11px Arial,sans-serif;
    text-indent:-9999em;
    font-size:.01em;
    color:#cd1f1f;
    height:20px;
    width:56px;    
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -20px;
  }
  a.pinterestcount {
    background:url(//www.hazeltons.ca/cdn/shop/t/150/assets/pinit.png?v=44119610720304402851744639548) no-repeat;
    font:11px Arial,sans-serif;
    text-indent:-9999em;
    font-size:.01em;
    color:#cd1f1f;
    height:20px;
    width:41px;
    background-position:0 0;
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -20px;
  }
  a.pinterestcount:hover{
    background-position:0 -21px;
  }
  a.pinterestcount:active{
    background-position:0 -42px;
  }
.arrow {
    font-size: smaller;
    position: relative;
    top: -1px;
    left: 2px;
    opacity: 0.6;
  }
  .modal {
    text-align:left;
    display:none;
    width: 840px;
    background-color: #ffffff;            
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    border: solid 1px #BEBEBE;
  }
.modal_product {
    width: auto;
    line-height:0px;
    max-width: 940px;
  }
  .modal_product img {
    cursor: pointer;
  }
  .modal_image {
    text-align:center;
    line-height:0;
  }
.modal_image img {
    max-height: 550px;
  }
  .modal a {
    padding-bottom: 0;
  }
  .modal p.modal_price, p.modal_price {
    font-size: 22px;
    margin-bottom: 0.5em;
  }
.modal form {
    margin-bottom: 10px;
  }
  .modal a {
    color: #0f0101;
    font-style: italic;
  }
.modal a:hover {
    color: #4c4c4c;
  }
  .modal p {
    margin-bottom: 0.5em;
  }
  #lean_overlay {
      position: fixed;
      z-index:100;
      top: 0px;
      left: 0px;
      height:100%;
      width:100%;
      background: #fff;
      display: none;
  }
  .product_image_col {
    margin-top: 15px;
    text-align:center;
  }
  
  .meta {
    font-size: 13px;
    padding-bottom: 5px;
  }
  .meta p {
    font-size: 13px;
    margin-bottom: 0px;
  }
  p.meta {
    margin-bottom: 5px;
  }
  .meta .label, .label {
    font-style: italic;
    color: #808080;
  }
  .notify_form {
    padding-top: 10px;
  }
  .count {
    font-style: normal;
    font-size: 13px;
  }
  #tag_filter, #category_filter { 
    margin-bottom: 0;
  }
  .checkout {
    display:block;
    float:right;
    margin-top: 0px;
  }
  .or {
    font-size:smaller;
    font-style: italic;
    padding: 0 10px;
  }
  input.quantity {
    width: 35px;
    display: inline;
  }
  .update_or_remove {
    display:none;
  }
  .subtotal {
    text-align:right;
  }
  .mobile_left {
    text-align: right;
  }
  .cart_description {
    font-size: 13px;
  }
  #estimated-shipping, .excluding_tax {
    display: block;
  }   
  h4.title a.subscribe {
    background: url("//www.hazeltons.ca/cdn/shop/t/150/assets/rss-icon.png?v=78336586703762986531744639550") no-repeat 0 4px;
    display: inline;
    padding: 5px 10px 5px 32px;
    font-size: 19px;
  }
 h4.title a.subscribe:hover {
    background-position: 0 -121px;
  }
  h4.title a.twitter {
    background: url("//www.hazeltons.ca/cdn/shop/t/150/assets/twitter-icon.png?v=163121786333780114891744639560") no-repeat 0 4px;
    display: inline;
    padding: 5px 0px 5px 32px;
    font-size: 19px;
  }
  h4.title a.twitter:hover {
    background-position: 0 -121px;
  }
  .article { 
    border-bottom: solid 1px #4c4c4c;
    margin-bottom: 12px;
    padding-bottom: 20px;
  }
  .continue_reading {
    font-style: italic;
  }
  .blog_list {
    border-top:0;
    padding-top:0;
    font-size: smaller;
  }
  .blog_list li:first-child {
    padding-top: 2px  ;
  }
  .blog_list li {
    padding: 8px 0;
  }
  .blog_list li.active {
    font-weight: bold;
  }
  .toggle span {
    color: #4c4c4c;
    font-weight:bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:smaller;
    float: right;
    display: none;
  }
  .sidebar p {
    font-size: smaller;
  }
  .sidebar .search {
    padding-top: 8px;
  }
  .sidebar .search input {
    width: 100%; 
    box-sizing: border-box; 
    -moz-box-sizing:border-box;
  }
  .comment {
    margin-bottom:30px;
  }
  .gravatar {
    width: 80px;
    height: 80px;
  }
  .red {
    color: #C33;
  }
  .address p {
    margin-bottom: 5px;
  }
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  .tweet .columns {
    overflow: hidden;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .featured_content p {
    margin-bottom: 0;
  }
/* #Footer
================================================== */
  div.footer {
    background-color: #000000;
    
  
    
      border-top: solid 1px #4c4c4c;
    
  
    font-size: 12px; 
    line-height: 1.7em;
    color: #ffffff;
    padding: 10px 0;
    padding-left: 14%;
  }
  .footer p {
    margin-bottom: 10px;
  }
  .footer a {
    color: #ffffff;
    text-shadow: none;
  }
  .footer a:hover {
    color: #b10707;
    text-shadow: none;
  }
  .footer p#powered_by_link a {
    display: block;
    width: 94px;
    height: 27px;
    background: url(//www.hazeltons.ca/cdn/shop/t/150/assets/shopify.png?46227);
    text-indent: -9000em;
  }
  .footer p#powered_by_link {
    text-indent: -9000em;
    height: 27px;
    overflow: hidden;
  }
  .footer li {
    padding: 7px 0;
  }
  .contact-form {
    margin-bottom: 0;
  }
  input.search_box, #contact_email, #contact_name {
    display:inline-block;
    width: 205px;
    margin-bottom:0px
  }
  input.search_box {
    padding-left: 28px;
    background: #fff url(//www.hazeltons.ca/cdn/shop/t/150/assets/search.jpg?v=44237158286691012311744639553) no-repeat 6px;
  }
  .search_box:focus {
    background-color: #fff;
  }
  .top_bar_search {
    /* text-align: left;
    position: relative;
    display: block; */
    width: inherit;
    margin: auto;
    padding-bottom: 20px;
  }
  .top_bar_search form.search {
    margin-top:4px;
    margin-bottom:0;
  }
  .top_bar_search .search_box {
    padding: 2px 2px 2px 26px;
    background-position: 6px 3px;
  }
  .payment_methods {
    margin: 4px 0 6px 0;
  }
  .payment_methods img {
    padding-right: 4px;
  }
  .footer .credits {
    font-size: smaller;
  }
.social_link:hover {
-webkit-transition: opacity 0.2s ease-out 0s; -moz-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s;
    opacity: 0.75;
  }
table tr.order_summary td.label { text-align: right;}
/* #FlexSlider
================================================== */
 
  /* Browser Resets */
  .flex-container a:active,
  .flexslider a:active,
  .flex-container a:focus,
  .flexslider a:focus  {outline: none;}
  .slides,
  .flex-control-nav,
  .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
  .slides { text-align:center }
/* FlexSlider Necessary Styles
  *********************************/ 
  .flexslider {width: 100%; margin-top: 24px; padding: 0;}
  .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flexslider .slides img {display: block; margin: 0 auto}
  .flexslider .slides li a {text-align: center}
/* Clearfix for the .slides element */
  .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
  html[xmlns] .slides {display: block;} 
  * html .slides {height: 1%;}
/* No JavaScript Fallback */
  /* If you are not using another script, such as Modernizr, make sure you
   * include js that eliminates this class on page load */
  .no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
  *********************************/
  .flexslider {position: relative; zoom: 1; }
.flexslider .slides {zoom: 1;border:0;}
.flexslider .slides > li {position: relative;}
.flexslider .slides li { border:0; padding: 0; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
  .flex-container {zoom: 1; position: relative;}

/* Caption style */
  /* IE rgba() hack */
  .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
  .flex-caption {margin:0; width: 100%; padding: 2% 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.4); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.8); font-size: 16px; line-height: 18px;}

/* Direction Nav */

.flex-direction-nav {*height: 0; padding: 0; border: 0}
.flex-direction-nav li { padding: 0; border: 0}
.flex-direction-nav a {width: 44px; height: 40px; display: block; background: url(//www.hazeltons.ca/cdn/shop/t/150/assets/fancybox_sprite.png?v=37105595930460954381744639477) no-repeat 0 0; position: absolute; top: 45%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -66px; right: 0; }
.flex-direction-nav .flex-prev {background-position: 0 -23px; left: 0;}
.flexslider:hover .flex-next {opacity: 0.8; right: 20px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 20px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

.product_flexslider {
    width: auto;
    margin-top:0;
  }
.product_flexslider .slides img {
    width: auto !important;
  }
.product_flexslider .slides li {
    width: auto !important;
  }
#grid .column,
  #grid .columns {
    background: #ddd;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px; }
#grid .column:hover,
  #grid .columns:hover {
    background: #bbb;
    color: #333; }
#grid .example-grid { overflow: hidden; }
/* #Fancybox
================================================== */
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
}
.fancybox-inner {
  overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 10px;
}
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
}
.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(//www.hazeltons.ca/cdn/shop/t/150/assets/fancybox_sprite.png?v=37105595930460954381744639477);
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8020;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(//www.hazeltons.ca/cdn/shop/t/150/assets/fancybox_loading.gif?v=2267643922782782781744639477) center center no-repeat;
}
.fancybox-close {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-close:hover {
  background-position: 0 152px;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url(//www.hazeltons.ca/cdn/shop/t/150/assets/blank.gif?v=164826798765693215961744639455); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 40px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 20px;
  background-position: 0 -23px;
}
.fancybox-next span {
  right: 20px;
  background-position: 0 -66px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-prev span:hover {
  background-position: 0 -175px;
}
.fancybox-next span:hover {
  background-position: 0 -218px;
}
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: #fff;
}
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}
.fancybox-opened .fancybox-title {
  visibility: visible;
}
.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8030;
  text-align: center;
}
.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}
.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}
.fancybox-title-inside-wrap {
  margin-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}
/*
* Layout
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
    #Media Queries */
/* #Base 960 Grid
================================================== */
  .container                                  { position: relative; width: 100%; margin: 0 auto; padding: 0; }
  /* .columns                                    {  float:unset; display: inline-block; margin-left: 5px; margin-right: 5px; } */
  .column, .columns                           {  float:left; display: inline-block; margin-left: 5px; margin-right: 5px; }
  .row                                        { margin-bottom: 20px; }
  /* Nested Column Classes */
  /*.column.alpha, .columns.alpha               { margin-left: 0; }*/
  .column.omega, .columns.omega               { margin-right: 0; }
  /* Base Grid */
  .container .one.column                      { width: 6.25%;  }
  .container .two.columns                     { width: 12.5%; }
  .container .two-half.columns                { width: 14.5%; }
  .container .three.columns                   { width: 18.75%; }
  .container .four.columns                    { width: calc(25% - 20px); margin-right: 10px; margin-left: 10px; }
  .container .five.columns                    { width: 31.25%; }
  .container .six.columns                     { width: 37.5%; }
  .container .seven.columns                   { width: 43.75%; }
  .container .eight.columns                   { width: 48%; }
  .container .nine.columns                    { width: 56.25%; }
  .container .ten.columns                     { width: 62.5%;}
  .container .eleven.columns                  { width: 68.75%; }
  .container .twelve.columns                  { width: 75%; }
  .container .thirteen.columns                { width: 81.25%; }
  .container .fourteen.columns                { width: 87.5%; }
  .container .fifteen.columns                 { width: 93.75; }
  .container .sixteen.columns                 { width: 100%; }
  .container .one-third.column                { width: 25%; left:9%; }
  .container .two-thirds.column               { width: 50%; }
  .container .three-thirds.column             { width: 920px; }
  /* Offsets */
  .container .offset-by-one                   { padding-left: 60px;  }
  .container .offset-by-two                   { padding-left: 120px; }
  .container .offset-by-three                 { padding-left: 180px; }
  .container .offset-by-four                  { padding-left: 240px; }
  .container .offset-by-five                  { padding-left: 300px; }
  .container .offset-by-six                   { padding-left: 360px; }
  .container .offset-by-seven                 { padding-left: 420px; }
  .container .offset-by-eight                 { padding-left: 480px; }
  .container .offset-by-nine                  { padding-left: 540px; }
  .container .offset-by-ten                   { padding-left: 600px; }
  .container .offset-by-eleven                { padding-left: 660px; }
  .container .offset-by-twelve                { padding-left: 720px; }
  .container .offset-by-thirteen              { padding-left: 780px; }
  .container .offset-by-fourteen              { padding-left: 840px; }
  .container .offset-by-fifteen               { padding-left: 900px; }
/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
      .container .column,
        .container .columns                       { margin-left: 10px; margin-right: 10px;  }
      .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
      .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
      .container .one.column                      { width: 28px; }
      .container .two.columns                     { width: 76px; }
      .container .three.columns                   { width: 124px; }
      .container .four.columns                    { width: 172px; }
      .container .five.columns                    { width: 220px; }
      .container .six.columns                     { width: 268px; }
      .container .seven.columns                   { width: 316px; }
      .container .eight.columns                   { width: 364px; }
      .container .nine.columns                    { width: 412px; }
      .container .ten.columns                     { width: 460px; }
      .container .eleven.columns                  { width: 508px; }
      .container .twelve.columns                  { width: 556px; }
      .container .thirteen.columns                { width: 604px; }
      .container .fourteen.columns                { width: 652px; }
      .container .fifteen.columns                 { width: 700px; }
      .container .sixteen.columns                 { width: 748px; }
      .container .one-third.column                { width: 236px; }
      .container .two-thirds.column               { width: 492px; }
      /* Offsets */
      .container .offset-by-one                   { padding-left: 48px; }
      .container .offset-by-two                   { padding-left: 96px; }
      .container .offset-by-three                 { padding-left: 144px; }
      .container .offset-by-four                  { padding-left: 192px; }
      .container .offset-by-five                  { padding-left: 240px; }
      .container .offset-by-six                   { padding-left: 288px; }
      .container .offset-by-seven                 { padding-left: 336px; }
      .container .offset-by-eight                 { padding-left: 348px; }
      .container .offset-by-nine                  { padding-left: 432px; }
      .container .offset-by-ten                   { padding-left: 480px; }
      .container .offset-by-eleven                { padding-left: 528px; }
      .container .offset-by-twelve                { padding-left: 576px; }
      .container .offset-by-thirteen              { padding-left: 624px; }
      .container .offset-by-fourteen              { padding-left: 672px; }
      .container .offset-by-fifteen               { padding-left: 720px; }
  }
/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
      .columns, .column { margin: 0; }
      .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }
      /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
  }
/* #Mobile (Landscape)
================================================== */
    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
      .columns, .column { margin: 0; }
      .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
        
      
        /**** HC01 Media Queries Start ****/
      	.hide-on-mobile{
        			display:none; 
   			 }
      
        /**** HC01 Media Queries End ****/
  }
/* #Clearing
================================================== */
    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
  /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
  .row:after,
    .clearfix:after {
      clear: both; }
  .row,
    .clearfix {
      zoom: 1; }
  /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
/* #Media Queries
================================================== */
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    input.search_box {
      width: 135px;
    }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    input.search_box, #contact_email, #contact_name {
      width: 150px;
    }
    /** Collection Bottom Section Hidden Start **/
    
  	.custom-bottom-text{
     display:none; 
    }
    
/*     .custom-margin {
     display:none; 
    }
    .hide_block_mobile{
     display:none; 
    } */
    
    /** Collection Bottom Section Hidden End **/
  }
/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .toggle span {
      display: block;
    }
    .toggle_list {
      display: none;
    }
    
    #tag_filter, #category_filter {
      margin-bottom: 1em;
    }
    .thumbnail {
      margin-top: 1em;
    }
    .thumbnail a:hover img {
      opacity: 1;
    }
  .top_bar_search {
      margin-bottom: 5px;
    }
  table[style] {
      width:auto !important;
      max-width:100% !important;
      overflow: hidden;
    }
  tr, td {
      /* display:block; */
      width:99%;
      max-width:99%;
      padding:0px;
      border-left: 0;
      border-right: 0;
    }
  tr {
    padding-bottom: 6px;
  }
  td {
    padding: 4px;
  }
  input.search_box {
      width: 90%;
    }
  .title_column {
      float:left;
    }
  p.update_or_remove {
      display:block;
    }
  .subtotal {
      text-align:center;
    }
  .mobile_left {
      text-align:left;
    }
  div.mobile_only {
      display:none; /** please do display-block to go back to orignal. custom css added **/
    }
  .update_subtotal_text, .price_total, .remove_column, .checkout_table_header {
      display: none;
    }
  .action_button {
      width: 100%;
    }
  .mobile_right {
      text-align: right;
    }
  .quick_shop {
      display: none !important;
    }
  .cart_price {
      display: block;
    } 
  .cart_description, .gravatar {
      display:none;
    }
  table tr th, table tr td {
      padding: 2px;
    }
  input.action_button {
      margin-bottom: 1em !important;
    }
  .multiple_product_images {
      display: none;
    }
    
    .custom_mobile{
     display:none; 
    }
    
    
    
    
    
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  }

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) Custom Media Query*/
  @media only screen and  (max-width: 478px) {
  }

/* Mobile Landscape Size to Tablet Portrait (devices and browsers)  Custom Media Query*/
  @media only screen and (min-width: 480px) and (max-width: 767px) {
  
    
  
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
      /**** HC01 Media Queries Start ****/
      .simple_heading_hc01 {
    font-size: 90% !important;
    border-bottom: 0px;
    font-weight: bold;
}
  
  .custom_link_hc01 {
    font-size: 80% !important;
}
      /**** HC01 Media Queries Ends More CSS at bottom for this screen ****/
    
    #nav {
      margin-top: 10px;
      padding-top: 5px;
    }
    #nav ul li {
        padding: 0 6px;
        border: 0;
      }
  .top_bar ul li {
      padding: 0 10px;
    }
  .breadcrumb {
      text-align:center;
    }
  .flex-caption {
      font-size: 80%;
    }
  h1, .h1, h2, h1.home, h1.blog_title, .h1.home, .h1.blog_title, h3, h4, h5, h6, .title a { 
      font-size: 150%;
    }
  h1, h1.home, h1.blog_title, .h1, .h1.home, .h1.blog_title, .title a, h2 {
      padding:0;
    }
    
    #nav:hover #menu {
    display: block;
      }
     a{
      padding-bottom:15px; 
      }
    /*     #nav ul li a{    // Custom CSS added for mobile menu, please remove when theme upgrade is requird  
 
     	 pointer-events: none;
   	  	 cursor: default;
    }
     #menu ul li a {  // Custom CSS added for mobile menu, please remove when theme upgrade is requird  
        pointer-events: auto;
   		cursor: default;
 
    } */
    
     #menu #custom_nav1 > a{    /* Custom CSS added for mobile menu, please remove when theme upgrade is requird */
 
     	 pointer-events: none;
   	  	 cursor: default;
    }
    #menu #custom_nav2 > a{    /* Custom CSS added for mobile menu, please remove when theme upgrade is requird */
 
     	 pointer-events: none;
   	  	 cursor: default;
    } 
    #custom-font-size-mobile{
      font-size:60%;
      line-height:2px;
    }
    .custom_h1{
     font-size:60%; 
      line-height:2px;
    }
    .custom-padding-mobile{
     padding-bottom:0px; 
    }
	
   /** Collection Bottom Section Hidden Start **/
    
  	.custom-bottom-text{
     display:none; 
    }
    
/*     .custom-margin {
     display:none; 
    }
    .hide_block_mobile{
     display:none; 
    } */
    
   /****  Collection Bottom Section Hidden End ****/
    
}
@media
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (-webkit-min-device-pixel-ratio: 2),
  (min-device-pixel-ratio: 2) {
    .social_link img {
      width: 30px;
      height: 30px;
    }
    input.search_box {
      background: #fff url(//www.hazeltons.ca/cdn/shop/t/150/assets/search2x.jpg?v=90373698755912211941744639554) no-repeat 6px;
      background-size: 14px 14px; 
    }
    .top_bar a.cart {
      
        background-image: url(//www.hazeltons.ca/cdn/shop/t/150/assets/cart2x.png?v=55431884212286387351744639460);
      
      background-size: 16px 64px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    h1 .simple_heading_hc01, .h1 .simple_heading_hc01 {
    font-size: 90% !important;
    border-bottom: 0px !important;
    font-weight: bold;
}  
  
  html {
        -webkit-text-size-adjust: 100%;
     }
  
   
  
}


@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
  .hide-on-mobile{
      display:none; 
  }
  
 
  .hide-on-desktop {
    display: block !important;
}
  
  
}


/** Custom Media Quries Added From this Point **/

@media only screen and (max-width: 479px) {
   #custom-bottom-text{ 
     display: none !important; 
   
   }
   /** Custom css added for mobile **/
    #homepage_slider {
     display:none; 
    }
  .hide-on-mobile{
      display:none; 
  }

}



@media only screen and (min-width: 768px) and (max-width: 959px) {
	.cart_button_inline{
 		display:inline;
    }
  .hide-on-mobile{
      display:none; 
  }
  	 
}

@media only screen and (min-width: 1280px) and (max-width: 1514px) {
	 .custom-top-text{
          /* //position: absolute;
                  top: 25px !important;
                  width: 24%;
                  height: auto !important;
                  //background-color: black;
                  //text-align: justify;
                  //right: 14.7%;
        //padding:25px; */
        top: 25px !important;
        width: 24%;
        height: auto !important;  						
    }
  
   .custom-top-text p{
     font-size:80% !important;
   }
  
    .custom-top-h1{
      font-size:99%;
    }
  	.custom-margin{
         padding-bottom: 58% !important; 
    }
  
  .custom-bottom-text{
     font-size:75%; 
    width:auto;
    }
  
   
}

@media only screen and (min-width: 1515px) and (max-width: 1874px) {
	.custom-top-text{
      /* //position: absolute;
              top: 0.7%; 
              width: 24%;
              height: auto !important;
              //background-color: black;
              //text-align: justify;
              //right: 14.7%;
    //padding:25px; */
    font-size:100%;
    top: 0.7%; 
    width: 24%;
    height: auto !important;
  }
  
  .custom-top-h1-collection {
    margin-top: -16% !important;
    position: absolute !important;
    margin-left: 8% !important;
    z-index: 3 !important;
    font-size: 14pt !important;
    text-align: center !important;
    font-family: sans-serif !important;
    font-weight: bold !important;
}
  
  
  
  h1, .h1{
  font-size:99%;
}
  	.custom-bottom-text{
     font-size:85%; 
    }
	.custom-margin{
         padding-bottom: 55% !important; 
    }
  	 
}







@media only screen and (min-width: 960px) and (max-width: 1279px) {
  
  .custom-top-text{
    height:auto !important;
    
  
}
  .custom-top-text p{
    font-size:90% !important;
  }
/*     .hide_block_mobile{
     display:none; 
    }
  .custom-margin {
     display:none; 
    } */
  
}

/* Landscape*/

@media only screen and (min-device-width: 1366px) and 
  	(max-device-height: 1024px) and 
  	(-webkit-min-device-pixel-ratio: 2)  and 
  	(orientation: landscape)  {
	
    /** Collection Bottom Section Hidden Start **/
    
  	.custom-bottom-text{
     display:none; 
    }
    
/*     .custom-margin {
     display:none; 
    } */
/*     .hide_block_mobile{
     display:none; 
    } */
    
    /** Collection Bottom Section Hidden End **/      
}

/* Portrait*/
@media only screen and (min-device-width: 1024px) and 
  	(max-device-height: 1366px) and 
  	(-webkit-min-device-pixel-ratio: 2)  and 
  	(orientation: portrait)  {
      
    /** Collection Bottom Section Hidden Start **/
    
  	.custom-bottom-text{
     display:none; 
    }
    
/*     .custom-margin {
     display:none; 
    }
    .hide_block_mobile{
     display:none; 
    } */
    
    /** Collection Bottom Section Hidden End **/

}

/** Custom Media Quries End **/

/* #Font-Face
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */
    
/*  @font-face {
      font-family: 'FontName';
      src: url('FontName.eot');
      src: url('FontName.eot?iefix') format('eot'),
           url('FontName.woff') format('woff'),
           url('FontName.ttf') format('truetype'),
           url('FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/


 @font-face {
      font-family: 'Italianno-Regular';
      src: url('Italianno-Regular.eot');
      src: url('Italianno-Regular.eot?iefix') format('eot'),
           url('Italianno-Regular.woff') format('woff'),
           url('Italianno-Regular.ttf') format('truetype'),
           url('Italianno-Regular.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }

 


/* Currnecy Converter+ customisation */
.currency-converter-currency-button {
  position: relative;
  top: 5px !important;
  margin-bottom: 10px !important;
}
.currency-converter-currency-button .cbb-currency-flag {
  max-height: 15px !important;
}
.currency-converter-currency-button .currency-converter-currency-button-text {
  position: relative;
  bottom: 0px !important;
  font-size: 11px !important;
}
.currency-converter-currency-button .cbb-currency-updown-icon {
  max-height: 11px !important;
}
.currency-converter-chooser {
  min-width: 70px !important;
  max-width: 100px !important;
  max-height: 300px !important;
  overflow-x: hidden !important;
}
.currency-converter-chooser-item {
  white-space: nowrap !important;
  overflow: hidden !important;
}
#cart_form .currency-converter-wrapper-amount-box,
#cart_form .currency-converter-amount-box {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.custom_h1{  
    font-family: "Prata";
    font-weight: normal;
    text-transform: uppercase;
    color: white;
    display: block;
    letter-spacing: 1px;
    border-bottom-color: white;
}

.custom_box_size{
  width:auto;
}

 

.custom-bottom-text {     position: absolute;
    bottom: 3.8%;
/*   	bottom:216px; */
    margin-top: 0%;
    left: 32%;
    width: 46%;
/*     height: 5.7%; */
  	height:463px;
    text-align: left;
    padding: 40px;
    background-color: white;
    z-index: 2;
	font-family:sans-serif;
	opacity:0.9;}


.custom-top-text {		position: absolute;
                        top: 58px; 
                        width: 24%;
/*                         height: 3.7%; */
  						height:auto;
                        background-color: white;
                        text-align: justify;
                        right: 14.7%;
  						padding-right:3%;
  						padding-left: 2%;
						z-index:2;
						font-family:sans-serif;}


.custom-bottom-container{
  position: absolute;
    width: 100%;
    bottom: 0%;
  	 
}

.custom-bottom-img1{
        /* width: 51%; */
    /* height: 585px; */
    position: absolute;
    bottom: 3.0%;
    margin-top: 0%;
    left: 9%;
    width: auto;
    height: auto;
    text-align: left;
    padding: 25px;
/*     background-color: beige; */
    z-index: 2;
}

.custom-bottom-img2{
      position: absolute;
    bottom: 1.7%;
    margin-top: 0%;
    left: 14%;
    width: auto;
    height: auto;
    text-align: left;
    padding: 25px;
/*     background-color: beige; */
    z-index: 1;
}
 
.custom-bottom-text p{
     margin: 0 0 15px !important; 
      line-height: 18px;
      font-size: 12px;
}
.custom-bottom-padding{
  padding-top:10%;
}
.custom-margin{
      padding-bottom: 46%;
}

.custom-four-collection{
 left:2.5%; 
}

.cart_button_inline{
 display:inline-flex;
}

.custom-h1-collection{
  font-size:14pt;    
  border-bottom: none;
  text-align:left;
  margin-bottom:-5px;
  font-family: sans-serif;
  font-weight: bold;
}

.custom-top-h1{
  	width: auto;
    padding-top: 5%;
  	height: auto;
}

.custom-top-h1-collection{
  	margin-top: -18%;
    position: absolute;
    margin-left: 8%;
    z-index: 3;
  	font-size:14pt;
  	text-align:center;
    font-family: sans-serif;
  	font-weight: bold;
}

.custom-top-text p{
    font-family: sans-serif !important;
    text-transform: none;
    font-size: 11pt;
}
.bottom-section-collection{
  position: inherit;
       
}
.top-section-collection{
  position: inherit;
}

.product_name{
 line-height: 1.2; 
}

p{
  
      margin: 0 0 30px;
}
    
  
 .gshipbtn {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #000, #000);
  background-image: -moz-linear-gradient(top, #000, #000);
  background-image: -ms-linear-gradient(top, #000, #000);
  background-image: -o-linear-gradient(top, #b10707, #b10707);
  background-image: linear-gradient(to bottom, #b10707, #b10707);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  -webkit-box-shadow: 1px 7px 25px #d1d1d1;
  -moz-box-shadow: 1px 7px 25px #d1d1d1;
  box-shadow: 1px 7px 25px #d1d1d1;
  font-family: Arial;
  color: #f9f9f9;
  font-size: 20px;
  padding: 12px 20px 10px 20px;
  margin: 12px 20px 10px 20px;
  text-decoration: none;
}

.gshipbtn:hover {
  background: #e0e0e0;
  text-decoration: none;
}

#cart_form a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
 	color: #f9f9f9;
    text-decoration: none !important;
    text-shadow: none;
    background-color: #b10707;
  	font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
}

div.sd-button{
  background: #b10707 !important;
  border-radius: 0px !important;
    font-weight: normal !important;
}


/* #Mobile Collections
================================================== */

@media only screen and (max-device-width: 1279px) and (min-device-width: 960px){
    .hide_block_mobile{
     display:none; 
    }
/*   .custom-margin {
     display:none; 
    } */
  
  
  /* *************************************  Top Image Mobile Section Start************************************** */
  .img-size-top{
    width: 80% !important;
    display: block;
    margin: 0 auto;
    
}
  
  
  .custom-top-text {
    display: block;
    position:unset;
    top: 4.1%;
    width: 70%;
    height: auto;
    background-color: white;
    text-align: justify;
    right: 10.7%;
    padding-right: 2%;
    padding-left: 2%;
    z-index: 2;
    font-family: sans-serif;
    margin: 0 auto;
}
  .desc_text{
    text-align:justify; 
    margin-top:-6%; 
  }
.custom-top-h1-collection {
    margin-top: -2%;
    position: absolute;
    margin-left: -8%;
    z-index: 3;
    font-size: 14pt;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
}
  
  .custom-top-h1 {
	width: auto;
    padding-top: 1%;
    height: auto;
}
  /* *************************************  Top Image Mobile Section End ************************************** */
  
  
  
  .custom-bottom-img1{
   display:none; 
  }
  
.custom-bottom-img2 {
    position: absolute;
    bottom: 5.7%;
    margin-top: 0%;
    left: 0%;
    width: calc(100% - 50px);
    height: auto;
    text-align: left;
    padding: 25px;
    z-index: 1;
  	
}
  
  
  .custom-bottom-text {
    position: absolute;
    bottom: 0%;
    margin-top: 1%;
    left: 5%;
    width: 84%;
    height: auto;
    text-align: left;
    padding: 40px;
    background-color: white;
    z-index: 2;
    font-family: sans-serif;
    opacity:1;
}
  
  
  .custom-h1-collection {
    font-size: 14pt;
    border-bottom: none;
    text-align: left;
    margin-bottom: -5px;
    font-family: sans-serif;
    font-weight: bold;
}
  
  .custom-margin {
    padding-bottom: 51%;
}
  
}


@media only screen and (max-device-width: 959px) and (min-device-width: 768px){
    .hide_block_mobile{
     display:none; 
    }
/*   .custom-margin {
     display:none; 
    } */
  
  /* *************************************  Top Image Mobile Section Start************************************** */
  
  .img-size-top{
    width: 80% !important;
    display: block;
    margin: 0 auto;
    
}
  
  
  .custom-top-text {
    display: block;
    position:unset;
    top: 4.1%;
    width: 70%;
    height: auto;
    background-color: white;
    text-align: justify;
    right: 10.7%;
    padding-right: 2%;
    padding-left: 2%;
    z-index: 2;
    font-family: sans-serif;
    margin: 0 auto;
}
  .desc_text{
    text-align:justify; 
    margin-top:-9%; 
  }
.custom-top-h1-collection {
    margin-top: -3%;
    position: absolute;
    margin-left: -18%;
    z-index: 3;
    font-size: 14pt;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
}
  
  .custom-top-h1 {
	width: auto;
    padding-top: 1%;
    height: auto;
}
  /* *************************************  Top Image Mobile Section End ************************************** */
  
  
  
  
  
  
  
  .custom-bottom-img1{
   display:none; 
  }
  
.custom-bottom-img2 {
    position: absolute;
    bottom: 3.7%;
    margin-top: 0%;
    left: 0%;
    width: calc(100% - 50px);
    height: auto;
    text-align: left;
    padding: 25px;
    z-index: 1;
  	
}
  
  
  .custom-bottom-text {
    position: absolute;
    bottom: 0%;
    margin-top: 1%;
    left: 5%;
    width: 84%;
    height: auto;
    text-align: left;
    padding: 40px;
    background-color: white;
    z-index: 2;
    font-family: sans-serif;
    opacity: 1;
}

  
  
  .custom-h1-collection {
    font-size: 14pt;
    border-bottom: none;
    text-align: left;
    margin-bottom: -5px;
    font-family: sans-serif;
    font-weight: bold;
}
  
  .custom-margin {
    padding-bottom: 70%;
}
  
  
  
  
}


@media only screen and (max-device-width: 767px){
    .hide_block_mobile{
     display:none; 
    }
/*   .custom-margin {
     display:none; 
    } */
  
  
 /* *************************************  Top Image Mobile Section Start************************************** */ 
  .img-size-top{
    width: 100% !important;
    display: block;
    margin: 0 auto;
    
}
  
  
  .custom-top-text {
    display: block;
    position: unset;
    top: 4.1%;
    width: 86%;
    height: auto;
    background-color: white;
    text-align: justify;
    right: 10.7%;
    padding-right: 2%;
    padding-left: 2%;
    z-index: 2;
    font-family: sans-serif;
    margin: 0 auto;
}
  .desc_text{
    text-align:justify; 
    margin-top:-16%; 
  }
.custom-top-h1-collection {
	margin-top: -7%;
    position: absolute;
    margin-left: -28%;
    z-index: 3;
    font-size: 10pt;
    text-align: center;
    font-family: sans-serif;
    font-weight: bold;
}
  
  .custom-top-h1 {
	width: auto;
    padding-top: 1%;
    height: auto;
}
  /* *************************************  Top Image Mobile Section  End************************************** */
  
  
  
  
  
  
    
  
  .custom-bottom-img1{
   display:none; 
  }
  
.custom-bottom-img2 {
	position: absolute;
    bottom: 2.7%;
    margin-top: 0%;
    left: 0%;
    width: calc(100% - 50px);
    height: auto;
    text-align: left;
    padding: 25px;
    z-index: 1;
  	
}
  
  
  .custom-bottom-text {
    position: absolute;
    bottom: 0.01%;
    margin-top: 2%;
    left: 9%;
    width: 88%;
    height: auto;
    text-align: left;
    padding: 5px;
    background-color: white;
    z-index: 2;
    font-family: sans-serif;
    opacity: 1;
    padding-left: 13px;

}

  
  
  .custom-h1-collection {
    font-size: 14pt;
    border-bottom: none;
    text-align: left;
    margin-bottom: -5px;
    font-family: sans-serif;
    font-weight: bold;
}
  
  .custom-margin {
    padding-bottom: 152%;
}
  
  
}


@media only screen and (max-device-width: 479px){
  
  
  
    
  
  .custom-bottom-img1, .custom-bottom-img2 {
   display:none; 
  }
  
.custom-bottom-img2 {
    position: absolute;
    bottom: 3.0%;
    margin-top: 0%;
    left: -18%;
    width: 120%;
    height: auto;
    text-align: left;
    padding: 25px;
    z-index: 1;
  	
}
  
  
  .custom-bottom-text {
    position: absolute;
    bottom: -0.07%;
    margin-top: 2%;
    left: -3%;
    width: 103%;
    height: auto;
    text-align: left;
    padding: 5px;
    background-color: white;
    z-index: 2;
    font-family: sans-serif;
    opacity: 1;
    padding-left: 13px;

}

  
  
  .custom-h1-collection {
    font-size: 14pt;
    border-bottom: none;
    text-align: left;
    margin-bottom: -5px;
    font-family: sans-serif;
    font-weight: bold;
}
  
  .custom-margin {
    padding-bottom: 5%;
}
}






@media only screen and (min-device-width: 1280px){
    .hide_block_desktop{
     display:none; 
    }
/*   .custom-margin {
     display:none; 
    }
   */
  
}


input[name="gs__discount-code"] {
    width: 27% !important;
    float: left;
    padding: 10px 15px;
    height: 45px !important;
    line-height: 45px;
    border-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin: 0;
}

.jdgm-preview-badge--with-link {
  display: none !important;
}

.jdgm-prev-badge {
  display: none !important;
}



.fulfill-policy{
 max-width: 1440px; 
  margin: 0 auto;
}

.gs__cart-page #GsCardtypeDropdown{
  display: none;
}

img.logo_hover.banner_img.lazyload  {
    border-bottom: 2px solid transparent;
    padding-top: 5px;
}
img.logo_hover.banner_img.lazyload:hover {
    padding-bottom: 0!important;
}
/*
.logo-bar{
  padding-top: 10px;
}
.product_row img, .product_image_col img, .article img, .section img, .thumbnail img, .sidebar img{
    border-bottom: 2px solid transparent;
    padding-bottom: 5px;
}*/

.top_bar .four.columns.top_bar_search{width: calc(25% - 30px);}
/**************************CORPORATE INFORMATION PAGE MARGIN ISSUE START*******************************/
.shogun-root {
    width: 70%;
    margin: auto;
}
/**************************CORPORATE INFORMATION PAGE MARGIN ISSUE END*******************************/
/*================================================ TO REMOVE UNWANTED FOOTER GIFTING CARD INPUT FIELD START ================================================*/
#GsCardtypeDropdown { display: none !important; }
/*================================================ TO REMOVE UNWANTED FOOTER GIFTING CARD INPUT FIELD END ================================================*/
.custom-top-text p:not(.custom-top-h1) {
  margin-bottom:10px;
}

@media only screen and (max-width: 767px) {
  .footer .container {
    width: 300px !important;
  }
}
a.button.style-black {
    background-color: #000;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    font-size: 18px;
  }