/** Shopify CDN: Minification failed

Line 61:0 All "@import" rules must come first
Line 296:115 Expected identifier but found "*"
Line 300:120 Expected identifier but found "*"
Line 303:62 Expected identifier but found "*"
Line 405:91 Expected identifier but found "*"
Line 599:15 Expected identifier but found "*"
Line 746:12 Expected identifier but found "*"
Line 995:25 Expected identifier but found "*"
Line 1020:41 Expected identifier but found "*"
Line 1025:21 Expected identifier but found "*"
... and 1 more hidden warnings

**/
/*    
 1. - FRAMEWORK
 1.1 - Initialize
 1.2 - Settings
 1.3 - Grid
 1.4 - Utilities
 1.5 - Typography
 1.6 - Icons
 1.7 - Navigationhidden
 1.8 - Slider
 1.9 - Forms & Tables

 2. - THEME
 2.1 - General
 2.2 - Header
 2.3 - Footer

 3. - PARTIALS
 3.1 - Searchbar
 3.2 - Product Gridema
 3.3 - Breadcrumbs
 3.4 - Pagination
 3.5 - Rich Text Editor Content

 4. - TEMPLATES
 4.1 - Index
 4.2 - Collection List
 4.3 - Collection
 4.4 - Product
 4.5 - Page
 4.6 - Search
 4.7 - Blog & Article
 4.8 - Cart
 4.9 - Customer Accounts
*/
/*  1.1 - Initialize
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#hi-cookie-box {
  z-index:9999;
  }

/*---------------------------------------*/
/*Libre Baskerville */
/*--------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);


/*------------------------------------------------------------------------------------------------------*/
/*   Glypher Fonts      */
/*------------------------------------------------------------------------------------------------------*/
/*
@font-face {
    font-family: '097835bdf6cbdea4efa397c86dcced445e9f0da6';
    src: url('//s3-eu-west-1.amazonaws.com/de-beauvoir-deli/glyphter-font/fonts/097835bdf6cbdea4efa397c86dcced445e9f0da6.eot');
    src: url('//s3-eu-west-1.amazonaws.com/de-beauvoir-deli/glyphter-font/fonts/097835bdf6cbdea4efa397c86dcced445e9f0da6.eot?#iefix') format('embedded-opentype'),
         url('//s3-eu-west-1.amazonaws.com/de-beauvoir-deli/glyphter-font/fonts/097835bdf6cbdea4efa397c86dcced445e9f0da6.woff') format('woff'),
         url('//s3-eu-west-1.amazonaws.com/de-beauvoir-deli/glyphter-font/fonts/097835bdf6cbdea4efa397c86dcced445e9f0da6.ttf') format('truetype'),
         url('//s3-eu-west-1.amazonaws.com/de-beauvoir-deli/glyphter-font/fonts/097835bdf6cbdea4efa397c86dcced445e9f0da6.svg#097835bdf6cbdea4efa397c86dcced445e9f0da6') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: '097835bdf6cbdea4efa397c86dcced445e9f0da6';
    src: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.eot?v=103996976772563738361781774332');
    src: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.eot?%23iefix&v=103996976772563738361781774332') format('embedded-opentype'),
         url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.woff?v=13458426133374125911781774332') format('woff'),
         url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.ttf?v=132521431632351902781781774332') format('truetype'),
         url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.svg%23097835bdf6cbdea4efa397c86dcced445e9f0da6?v=2539') format('svg');
    font-weight: normal;
    font-style: normal;
}


*/

@font-face {
    font-family: 'deli';
    src: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/deli.eot?v=36164713512771406491781774332');
    src: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.eot?%23iefix&v=103996976772563738361781774332') format('embedded-opentype'),
         url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.woff?v=13458426133374125911781774332') format('woff'),
         url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.ttf?v=132521431632351902781781774332') format('truetype'),
         url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.svg%23097835bdf6cbdea4efa397c86dcced445e9f0da6?v=2539') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: '097835bdf6cbdea4efa397c86dcced445e9f0da6';
    src: url('/cdn/shop/t/2/assets/deli.eot');
    src: url('/cdn/shop/t/2/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.eot?#iefix') format('embedded-opentype'),
         url('/cdn/shop/t/2/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.woff') format('woff'),
         url('/cdn/shop/t/2/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.ttf') format('truetype'),
         url('/cdn/shop/t/2/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.svg#097835bdf6cbdea4efa397c86dcced445e9f0da6') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'deli';
    src: url('/cdn/shop/t/2/assets/deli.eot');
    src: url('/cdn/shop/t/2/assets/deli.eot?#iefix') format('embedded-opentype'),
         url('/cdn/shop/t/2/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.woff') format('woff'),
         url('/cdn/shop/t/2/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.ttf') format('truetype'),
         url('/cdn/shop/t/2/assets/097835bdf6cbdea4efa397c86dcced445e9f0da6.svg#097835bdf6cbdea4efa397c86dcced445e9f0da6') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

[class*='icon-']:before{
  display: inline-block;
  
  font-family: 'deli';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   vertical-align: -0.16em;
    margin-right: .3em;
}

.social-follow [class*='icon-']:before{
  
  font-size:2.8em;
  margin: 0 .2em;
  }

.icon-email5:before{
  content:'\0041';
  vertical-align: -.2em
}
.icon-shopping232:before{content:'\0042';}
.icon-store20:before{content:'\0043';

}
.icon-telephone13:before{content:'\0044';

}

.icon-collect:before{content:'\0052'; vertical-align: 0em;}

.icon-user91:before{content:'\0045';}
.icon-facebook2:before{content:'\0046';}
.icon-facebook55:before{content:'\0047';}
.icon-instagram19:before{content:'\0048';}
.icon-instagram12:before{content:'\0049';}
.icon-pinterest11:before{content:'\004A';}
.icon-pinterest34:before{content:'\004B';}
.icon-vimeo3:before{content:'\004C';}
.icon-social140:before{content:'\004D';}
.icon-twitter:before{content:'\004E';}
.icon-twitter1:before{content:'\004F';}
.icon-youtube30:before{content:'\0050';}
.icon-youtube18:before{content:'\0051';}
.icon-rss-4-xxl:before{content:'\0053';}

/*------------------------------------------------------------------------------------------------------*/

.add-to-cart .button {
    background: #A6222E !important;
}

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] { display: none; }

html { background: #fff; color: #000; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; color:#5d7492;}

h1 { font-size: 2em; margin: .67em 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: 1px solid #c0c0c0; margin: 0 2px; padding: .35em .625em .75em; }

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

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { font-size: 100%; }

body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Lato", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; }

a:focus { outline: none; }

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

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

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

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

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

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

.hide { display: none; }

.antialiased { -webkit-font-smoothing: antialiased; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

/*  1.3 - Grid
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Grid HTML Classes */
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 83.33333em; *zoom: 1; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
.row .row { width: auto; margin-left: -1.25em; margin-right: -1.25em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

.column, .columns { position: relative; padding-left: 1.25em; padding-right: 1.25em; width: 100%; float: left; }

@media only screen { .column, .columns { position: relative; padding-left: 1.25em; padding-right: 1.25em; float: left; }
  .small-1 { position: relative; width: 8.33333%; }
  .small-2 { position: relative; width: 16.66667%; }
  .small-3 { position: relative; width: 25%; }
  .small-4 { position: relative; width: 33.33333%; }
  .small-5 { position: relative; width: 41.66667%; }
  .small-6 { position: relative; width: 50%; }
  .small-7 { position: relative; width: 58.33333%; }
  .small-8 { position: relative; width: 66.66667%; }
  .small-9 { position: relative; width: 75%; }
  .small-10 { position: relative; width: 83.33333%; }
  .small-11 { position: relative; width: 91.66667%; }
  .small-12 { position: relative; width: 100%; }
  .small-offset-1 { position: relative; margin-left: 8.33333%; }
  .small-offset-2 { position: relative; margin-left: 16.66667%; }
  .small-offset-3 { position: relative; margin-left: 25%; }
  .small-offset-4 { position: relative; margin-left: 33.33333%; }
  .small-offset-5 { position: relative; margin-left: 41.66667%; }
  .small-offset-6 { position: relative; margin-left: 50%; }
  .small-offset-7 { position: relative; margin-left: 58.33333%; }
  .small-offset-8 { position: relative; margin-left: 66.66667%; }
  .small-offset-9 { position: relative; margin-left: 75%; }
  .small-offset-10 { position: relative; margin-left: 83.33333%; }
  [class*="column"] + [class*="column"]:last-child { float: right; }
  [class*="column"] + [class*="column"].end { float: left; }
  .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } }



/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; }
  .large-2 { position: relative; width: 16.66667%; }
  .large-3 { position: relative; width: 25%; }
  .large-4 { position: relative; width: 33.33333%; float:left; }
  .large-5 { position: relative; width: 41.66667%; }
  .large-6 { position: relative; width: 50%; }
  .large-7 { position: relative; width: 58.33333%; }
  .large-8 { position: relative; width: 66.66667%; }
  .large-9 { position: relative; width: 75%; }
  .large-10 { position: relative; width: 83.33333%; }
  .large-11 { position: relative; width: 91.66667%; }
  .large-12 { position: relative; width: 100%; }
  .row .large-offset-1 { position: relative; margin-left: 8.33333%; }
  .row .large-offset-2 { position: relative; margin-left: 16.66667%; }
  .row .large-offset-3 { position: relative; margin-left: 25%; }
  .row .large-offset-4 { position: relative; margin-left: 33.33333%; }
  .row .large-offset-5 { position: relative; margin-left: 41.66667%; }
  .row .large-offset-6 { position: relative; margin-left: 50%; }
  .row .large-offset-7 { position: relative; margin-left: 58.33333%; }
  .row .large-offset-8 { position: relative; margin-left: 66.66667%; }
  .row .large-offset-9 { position: relative; margin-left: 75%; }
  .row .large-offset-10 { position: relative; margin-left: 83.33333%; }
  .row .large-offset-11 { position: relative; margin-left: 91.66667%; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
  .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: none; } 

.main-footer .large-4 { position: relative; width: inherit; }
  }

#email-submit{
  border: 1px solid white;
}




@media only screen and (min-width: 1000px) { 

   .main-footer .large-4 { position: relative; width: 33.33333%; }
 

}

/* Foundation Block Grids for below small breakpoint */
@media only screen { [class*="block-grid-"] { display: block; padding: 0; margin: 0 -10px; *zoom: 1; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; }
  [class*="block-grid-"]:after { clear: both; }
  [class*="block-grid-"] > li { display: inline; height: auto; float: left; padding: 0 10px 10px; }
  .small-block-grid-1 > li { width: 100%; padding: 0 10px 10px; }
  .small-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .small-block-grid-2 > li { width: 50%; padding: 0 10px 10px; }
  .small-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .small-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; }
  .small-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .small-block-grid-4 > li { width: 25%; padding: 0 10px 10px; }
  .small-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .small-block-grid-5 > li { width: 20%; padding: 0 10px 10px; }
  .small-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .small-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; }
  .small-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .small-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; }
  .small-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .small-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; }
  .small-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .small-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; }
  .small-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .small-block-grid-10 > li { width: 10%; padding: 0 10px 10px; }
  .small-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .small-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; }
  .small-block-grid-11 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .small-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; }
  .small-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
/* Foundation Block Grids for above small breakpoint */
@media only screen and (min-width: 768px) { /* Remove small grid clearing */
  .small-block-grid-1 > li:nth-of-type(1n+1) { clear: none; }
  .small-block-grid-2 > li:nth-of-type(2n+1) { clear: none; }
  .small-block-grid-3 > li:nth-of-type(3n+1) { clear: none; }
  .small-block-grid-4 > li:nth-of-type(4n+1) { clear: none; }
  .small-block-grid-5 > li:nth-of-type(5n+1) { clear: none; }
  .small-block-grid-6 > li:nth-of-type(6n+1) { clear: none; }
  .small-block-grid-7 > li:nth-of-type(7n+1) { clear: none; }
  .small-block-grid-8 > li:nth-of-type(8n+1) { clear: none; }
  .small-block-grid-9 > li:nth-of-type(9n+1) { clear: none; }
  .small-block-grid-10 > li:nth-of-type(10n+1) { clear: none; }
  .small-block-grid-11 > li:nth-of-type(11n+1) { clear: none; }
  .small-block-grid-12 > li:nth-of-type(12n+1) { clear: none; }
  .large-block-grid-1 > li { width: 100%; padding: 0 10px 10px; }
  .large-block-grid-1 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; }
  .large-block-grid-2 > li { width: 50%; padding: 0 10px 10px; }
  .large-block-grid-2 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; }
  .large-block-grid-3 > li { width: 33.33333%; padding: 0 10px 10px; }
  .large-block-grid-3 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; }
  .large-block-grid-4 > li { width: 25%; padding: 0 10px 10px; }
  .large-block-grid-4 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; }
  .large-block-grid-5 > li { width: 20%; padding: 0 10px 10px; }
  .large-block-grid-5 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; }
  .large-block-grid-6 > li { width: 16.66667%; padding: 0 10px 10px; }
  .large-block-grid-6 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; }
  .large-block-grid-7 > li { width: 14.28571%; padding: 0 10px 10px; }
  .large-block-grid-7 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; }
  .large-block-grid-8 > li { width: 12.5%; padding: 0 10px 10px; }
  .large-block-grid-8 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; }
  .large-block-grid-9 > li { width: 11.11111%; padding: 0 10px 10px; }
  .large-block-grid-9 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; }
  .large-block-grid-10 > li { width: 10%; padding: 0 10px 10px; }
  .large-block-grid-10 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; }
  .large-block-grid-11 > li { width: 9.09091%; padding: 0 10px 10px; }
  .large-block-grid-11 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; }
  .large-block-grid-12 > li { width: 8.33333%; padding: 0 10px 10px; }
  .large-block-grid-12 > li:nth-of-type(n) { clear: none; }
  .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } }
[class*="column"] + [class*="column"]:last-child { float: left; }

.row .row { padding: 0; margin: 0; }

/* The Grid ---------------------- */
.lt-ie9 .row { width: 100%; max-width: 100%; min-width: 768px; margin: 0 auto; }

.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }

.lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns { padding: 0; }

.lt-ie9 .row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }

.lt-ie9 .row .row.large-collapse { margin: 0; }

.lt-ie9 .column, .lt-ie9 .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }

.lt-ie9 .column.large-centered, .columns.large-centered { float: none; margin: 0 auto; }

.lt-ie9 [class*="column"] + [class*="column"]:last-child { float: right; }

.lt-ie9 [class*="column"] + [class*="column"].end { float: left; }

.lt-ie9 .large-1, .lt-ie9 .row .large-1 { width: 8.33333%; }

.lt-ie9 .large-2, .lt-ie9 .row .large-2 { width: 16.66667%; }

.lt-ie9 .large-3, .lt-ie9 .row .large-3 { width: 25%; }

.lt-ie9 .large-4, .lt-ie9 .row .large-4 { width: 33.33333%; }

.lt-ie9 .large-5, .lt-ie9 .row .large-5 { width: 41.66667%; }

.lt-ie9 .large-6, .lt-ie9 .row .large-6 { width: 50%; }

.lt-ie9 .large-7, .lt-ie9 .row .large-7 { width: 58.33333%; }

.lt-ie9 .large-8, .lt-ie9 .row .large-8 { width: 66.66667%; }

.lt-ie9 .large-9, .lt-ie9 .row .large-9 { width: 75%; }

.lt-ie9 .large-10, .lt-ie9 .row .large-10 { width: 83.33333%; }

.lt-ie9 .large-11, .lt-ie9 .row .large-11 { width: 91.66667%; }

.lt-ie9 .large-12, .lt-ie9 .row .large-12 { width: 100%; }

.lt-ie9 .row .large-offset-1 { margin-left: 8.33333%; }

.lt-ie9 .row .large-offset-2 { margin-left: 16.66667%; }

.lt-ie9 .row .large-offset-3 { margin-left: 25%; }

.lt-ie9 .row .large-offset-4 { margin-left: 33.33333%; }

.lt-ie9 .row .large-offset-5 { margin-left: 41.66667%; }

.lt-ie9 .row .large-offset-6 { margin-left: 50%; }

.lt-ie9 .row .large-offset-7 { margin-left: 58.33333%; }

.lt-ie9 .row .large-offset-8 { margin-left: 66.66667%; }

.lt-ie9 .row .large-offset-9 { margin-left: 75%; }

.lt-ie9 .row .large-offset-10 { margin-left: 83.33333%; }

.lt-ie9 .pull-2 { right: 16.66667%; }

.lt-ie9 .pull-3 { right: 25%; }

.lt-ie9 .pull-4 { right: 33.33333%; }

.lt-ie9 .pull-5 { right: 41.66667%; }

.lt-ie9 .pull-6 { right: 50%; }

.lt-ie9 .pull-7 { right: 58.33333%; }

.lt-ie9 .pull-8 { right: 66.66667%; }

.lt-ie9 .pull-9 { right: 75%; }

.lt-ie9 .pull-10 { right: 83.33333%; }

.lt-ie9 .push-2 { left: 16.66667%; }

.lt-ie9 .push-3 { left: 25%; }

.lt-ie9 .push-4 { left: 33.33333%; }

.lt-ie9 .push-5 { left: 41.66667%; }

.lt-ie9 .push-6 { left: 50%; }

.lt-ie9 .push-7 { left: 58.33333%; }

.lt-ie9 .push-8 { left: 66.66667%; }

.lt-ie9 .push-9 { left: 75%; }

.lt-ie9 .push-10 { left: 83.33333%; }

/* Nicolas Gallagher's micro clearfix */
.lt-ie9 .row { *zoom: 1; }

.lt-ie9 .row:before, .row:after { content: " "; display: table; }

.lt-ie9 .row:after { clear: both; }

.lt-ie9 .row .row { margin: 0; padding: 0; }

/*  1.4 - Utilities
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Foundation Visibility HTML Classes */
.show-for-small, .show-for-medium-down, .show-for-large-down { display: inherit !important; }

.show-for-medium, .show-for-medium-up, .show-for-large, .show-for-large-up, .show-for-xlarge { display: none !important; }

.hide-for-medium, .hide-for-medium-up, .hide-for-large, .hide-for-large-up, .hide-for-xlarge { display: inherit !important; }

.hide-for-small, .hide-for-medium-down, .hide-for-large-down { display: none !important; }

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge { display: table; }

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge { display: table-header-group !important; }

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge { display: table-row-group !important; }

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge { display: table-row !important; }

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge, th.show-for-small, th.show-for-medium-down, th.show-for-large-down, th.hide-for-medium, th.hide-for-medium-up, th.hide-for-large, th.hide-for-large-up, th.hide-for-xlarge { display: table-cell !important; }

/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 768px) { .show-for-medium, .show-for-medium-up { display: inherit !important; }
  .show-for-small { display: none !important; }
  .hide-for-small { display: inherit !important; }
  .hide-for-medium, .hide-for-medium-up { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small { display: table; }
  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small { display: table-header-group !important; }
  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small { display: table-row-group !important; }
  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small { display: table-row !important; }
  td.show-for-medium, td.show-for-medium-up, td.hide-for-small, th.show-for-medium, th.show-for-medium-up, th.hide-for-small { display: table-cell !important; } }
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1280px) { .show-for-large, .show-for-large-up { display: inherit !important; }
  .show-for-medium, .show-for-medium-down { display: none !important; }
  .hide-for-medium, .hide-for-medium-down { display: inherit !important; }
  .hide-for-large, .hide-for-large-up { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down { display: table; }
  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down { display: table-header-group !important; }
  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down { display: table-row-group !important; }
  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down { display: table-row !important; }
  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down, th.show-for-large, th.show-for-large-up, th.hide-for-medium, th.hide-for-medium-down { display: table-cell !important; } }
/* X-Large Displays: 1400px and up */

@media only screen and (min-width: 1250px) { .show-for-medium, .show-for-medium-up { display: inherit !important; }
  .show-for-small-2 { display: none !important; }
}
@media only screen and (min-width: 1440px) { .show-for-xlarge { display: inherit !important; }
  .show-for-large, .show-for-large-down { display: none !important; }
  .hide-for-large, .hide-for-large-down { display: inherit !important; }
  .hide-for-xlarge { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down { display: table; }
  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down { display: table-header-group !important; }
  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down { display: table-row-group !important; }
  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down { display: table-row !important; }
  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down, th.show-for-xlarge, th.hide-for-large, th.hide-for-large-down { display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait { display: inherit !important; }

.hide-for-landscape, .show-for-portrait { display: none !important; }

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait { display: table; }

thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; }

@media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; }
  .hide-for-landscape, .show-for-portrait { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait { display: table; }
  thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; }
  tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; }
  tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; }
  td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } }
@media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; }
  .hide-for-portrait, .show-for-landscape { display: none !important; }
  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape { display: table; }
  thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; }
  tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; }
  tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; }
  td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch { display: none !important; }

.hide-for-touch { display: inherit !important; }

.touch .show-for-touch { display: inherit !important; }

.touch .hide-for-touch { display: none !important; }

/* Specific visilbity for tables */
table.hide-for-touch { display: table; }

.touch table.show-for-touch { display: table; }

thead.hide-for-touch { display: table-header-group !important; }

.touch thead.show-for-touch { display: table-header-group !important; }

tbody.hide-for-touch { display: table-row-group !important; }

.touch tbody.show-for-touch { display: table-row-group !important; }

tr.hide-for-touch { display: table-row !important; }

.touch tr.show-for-touch { display: table-row !important; }

td.hide-for-touch { display: table-cell !important; }

.touch td.show-for-touch { display: table-cell !important; }

th.hide-for-touch { display: table-cell !important; }

.touch th.show-for-touch { display: table-cell !important; }

/* Flex Video */
.flex-video { position: relative; padding-top: 2.08333em; padding-bottom: 67.5%; height: 0; margin-bottom: 1.33333em; overflow: hidden; }
.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.show-for-medium-only { display: none; }

@media only screen and (min-width: 768px) and (max-width: 1279px) { .show-for-medium-only { display: inherit !important; } }
.lt-ie9 .hide-for-ie9-down, .lt-ie9 .hide-for-medium, .lt-ie9 .hide-for-medium-up { display: none !important; }
.lt-ie9 .show-for-ie9-down, .lt-ie9 .show-for-medium, .lt-ie9 .show-for-medium-only, .lt-ie9 .show-for-medium-up { display: inherit !important; }

.image-scale-hack { transform: rotate(0.0001deg); }

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

.all-caps { text-transform: uppercase; }

.plain-list { list-style: none; margin: 0; padding: 0; }
.plain-list li { margin-bottom: 5px; }

.hide { display: none; }

.hide-until-js { display: none; }

.no-js .hide-until-js { display: inherit; }

.hide-for-js { display: none; }

.no-js .hide-for-js { display: inherit; }

.divider { border-top: 1px solid #5d7492; }

.border-decoration { position: absolute; bottom: 0; width: 100%; padding-right: 2.5em; }
.border-decoration:after { content: ""; display: block; border-bottom: 1px solid #5d7492; }

/*  1.5 - Typography
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.font-logo { font-family:  'Lato', sans-serif ; }

.font-nav { font-family:  'Lato', sans-serif ; }

.font-accent { font-family:  'Lato', sans-serif ; font-weight: 500 !important; }

.font-title { font-family:  'Lato', sans-serif ; font-size: 1.5em; text-transform: uppercase; }

.font-headings, .template-index .widgets .title { text-transform: uppercase; font-family:  'Lato', sans-serif ; font-size: 1em; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5, h6 { margin-top: 0; font-family:  'Lato', sans-serif ; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
h1 a, h1 a:link, h1 a:visited, h1 a:hover, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h6 a, h6 a:link, h6 a:visited, h6 a:hover { color: #153252; }

 h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #a4b0bb; }

p, ul, li, a { margin-top: 0; }

blockquote { font-style: italic; color: #a4b0bb; padding-left: 20px; margin-left: 0; border-left: 2px solid #a4b0bb; }

a, a:link, a:visited, a:hover { color: #153252; text-decoration: none; }

a:hover { color: #a4b0bb; }

.colored-links a, .colored-links a:link, .colored-links a:visited, .colored-links a:hover { color: #999999; }
.colored-links a:hover { color: #5d7492; }

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6, .wf-loading p, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading blockquote { visibility: hidden; }

/*  1.6 - Icons
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@font-face { font-family: 'blockshop-icons'; src: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/blockshop-icons.eot?v=22247344373219688901781774332'); src: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/blockshop-icons.eot?v=22247344373219688901781774332?#iefix') format("embedded-opentype"), url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/blockshop-icons.woff?v=48185983730085675401781774332') format("woff"), url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/blockshop-icons.ttf?v=86972650899271327971781774332') format("truetype"), url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/blockshop-icons.svg?v=34543212563923109291781774332') format("svg"); font-weight: normal; font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'blockshop-icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.glyph { font-family: 'blockshop-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.glyph.arrow-right:before { content: "\e600"; }

.glyph.arrow-left:before { content: "\e601"; }

.glyph.zoom-in:before { content: "\e602"; }

.glyph.zoom-out:before { content: "\e603"; }

.glyph.radio-checked:before { content: "\e605"; }

.glyph.radio-unchecked:before { content: "\e606"; }

.glyph.feed:before { content: "\e60a"; }

.glyph.youtube:before { content: "\e60d"; }

.glyph.soundcloud:before { content: "\e607"; }

.glyph.menu:before { content: "\e626"; }

.glyph.minus:before { content: "\e616"; }

.glyph.plus:before { content: "\e617"; }

.glyph.cross:before { content: "\e618"; }

.glyph.arrow-down:before { content: "\e619"; }

.glyph.slider-left:before { content: "\e61a"; }

.glyph.slider-right:before { content: "\e61b"; }

.glyph.arrow-dropdown:before { content: "\e61c"; }

.glyph.list:before { content: "\e61d"; }

.glyph.tumblr:before { content: "\e61e"; }

.glyph.pinterest:before { content: "\e61f"; }

.glyph.facebook:before { content: "\e620"; }

.glyph.twitter:before { content: "\e621"; }

.glyph.vimeo:before { content: "\e622"; }

.glyph.googleplus:before { content: "\e623"; }

.glyph.linkedin:before { content: "\e624"; }

.glyph.instagram:before { content: "\e625"; }

.glyph.visa:before { content: "\e604"; }

.glyph.googlewallet:before { content: "\e608"; }

.glyph.discover:before { content: "\e609"; }

.glyph.paypal:before { content: "\e60b"; }

.glyph.diners:before { content: "\e60e"; }

.glyph.switch:before { content: "\e610"; }

.glyph.stripe:before { content: "\e611"; }

.glyph.moneybookers:before { content: "\e615"; }

.glyph.amex:before { content: "\e627"; }

.glyph.mastercard:before { content: "\e60c"; }



.glyph.account:before { content: "\e60f";}


/*
.login-icon { 
display: block;
background-image: url("User.svg");
height: 14px;
width: 12px;
position: absolute;
z-index: 200;
top: -1px;
right: -17px;
}
*/


li:before:hover{
  
}

.glyph.search:before { content: "\e628"; }

.glyph.cart:before { content: "\e629"; }

@font-face { font-family: 'payment-icons'; src: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/payment-icons.eot?v=158649767942563180771781774332'); src: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/payment-icons.eot?v=158649767942563180771781774332?#iefix') format("embedded-opentype"), url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/payment-icons.woff?v=58244265803768562731781774332') format("woff"), url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/payment-icons.ttf?v=72382803661918639451781774332') format("truetype"), url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/payment-icons.svg?v=84111114727987197401781774332') format("svg"); font-weight: normal; font-style: normal; }

.payment-options .icon { font-family: 'payment-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.payment-options .icon-american_express:before { content: "\41"; }
.payment-options .icon-bitcoin:before { content: "\42"; }
.payment-options .icon-cirrus:before { content: "\43"; }
.payment-options .icon-dankort:before { content: "\64"; }
.payment-options .icon-diners_club:before { content: "\63"; }
.payment-options .icon-discover:before { content: "\44"; }
.payment-options .icon-fancy:before { content: "\46"; }
.payment-options .icon-google_wallet:before { content: "\47"; }
.payment-options .icon-interac:before { content: "\49"; }
.payment-options .icon-jcb:before { content: "\4a"; }
.payment-options .icon-maestro:before { content: "\6d"; }
.payment-options .icon-master:before { content: "\4d"; }
.payment-options .icon-paypal:before { content: "\50"; }
.payment-options .icon-stripe:before { content: "\53"; }
.payment-options .icon-visa:before { content: "\56"; }

/*  1.7 - Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Breadcrumbs */
.breadcrumbs { display: block; padding: 0.75em 1.16667em 0.75em; overflow: hidden; margin-left: 0; list-style: none; border-style: solid; border-width: 1px; background-color: #f6f6f6; border-color: gainsboro; -webkit-border-radius: 3px; border-radius: 3px; }
.breadcrumbs > * { margin: 0; float: left; font-size: 0.91667em; text-transform: uppercase; color: magenta; }
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; }
.breadcrumbs > * a, .breadcrumbs > * span { text-transform: uppercase; color: magenta; }
.breadcrumbs > *.current { cursor: default; color: #333333; }
.breadcrumbs > *.current a { cursor: default; color: #333333; }
.breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; }
.breadcrumbs > *.unavailable { color: #999999; }
.breadcrumbs > *.unavailable a { color: #999999; }
.breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999999; cursor: default; }
.breadcrumbs > *:before { content: "/"; color: #aaaaaa; margin: 0 1em; position: relative; top: 1px; }
.breadcrumbs > *:first-child:before { content: " "; margin: 0; }

/* Inline Lists */
.inline-list { margin: 0 auto 1.41667em auto; margin-left: -1.83333em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; }
.inline-list > li { list-style: none; float: left; margin-left: 1.83333em; display: block; }
.inline-list > li > * { display: block; }

/* Pagination */
.pagination { display: block; height: 2em; margin-left: -0.41667em; }
.pagination li { display: block; float: left; height: 2em; color: #222222; font-size: 1.16667em; margin-left: 0.41667em; }
.pagination li a { display: block; padding: 0.08333em 0.58333em 0.08333em; color: #999999; }
.pagination li:hover a, .pagination li a:focus { background: #e6e6e6; }
.pagination li.unavailable a { cursor: default; color: #999999; }
.pagination li.unavailable:hover a, .pagination li.unavailable a:focus { background: transparent; }
.pagination li.current a { background: magenta; color: white; font-weight: bold; cursor: default; }
.pagination li.current a:hover, .pagination li.current a:focus { background: magenta; }

.pagination-centered { text-align: center; }
.pagination-centered ul > li { float: none; display: inline-block; }

/* Side Nav */
.side-nav { display: block; margin: 0; padding: 1.16667em 0; list-style-type: none; list-style-position: inside; }
.side-nav li { margin: 0 0 0.58333em 0; font-size: 1.16667em; }
.side-nav li a { display: block; color: magenta; }
.side-nav li.active > a:first-child { color: #4d4d4d; font-weight: bold; }
.side-nav li.divider { border-top: 1px solid; height: 0; padding: 0; list-style: none; border-top-color: #e6e6e6; }

/* Side Nav */
.sub-nav { display: block; width: auto; overflow: hidden; margin: -0.33333em 0 1.5em; padding-top: 0.33333em; margin-right: 0; margin-left: -0.75em; }
.sub-nav dt, .sub-nav dd { float: left; display: inline; margin-left: 0.75em; margin-bottom: 0.83333em; font-weight: normal; font-size: 1.16667em; }
.sub-nav dt a, .sub-nav dd a { color: #999999; text-decoration: none; }
.sub-nav dt.active a, .sub-nav dd.active a { -webkit-border-radius: 1000px; border-radius: 1000px; font-weight: bold; background: magenta; padding: 0.25em 0.75em; cursor: default; color: white; }

/* Tooltips */
.has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; }
.has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #990099; color: magenta; }
.has-tip.tip-left, .has-tip.tip-right { float: none !important; }

.tooltip { display: none; position: absolute; z-index: 999; font-weight: bold; font-size: 1.25em; line-height: 1.3; padding: 0.66667em; max-width: 85%; left: 50%; width: 100%; color: white; background: black; -webkit-border-radius: 3px; border-radius: 3px; }
.tooltip > .nub { display: block; left: 5px; position: absolute; width: 0; height: 0; border: solid 5px; border-color: transparent transparent black transparent; top: -10px; }
.tooltip.opened { color: magenta !important; border-bottom: dotted 1px #990099 !important; }

.tap-to-close { display: block; font-size: 0.83333em; color: #888888; font-weight: normal; }

@media only screen and (min-width: 768px) { .tooltip > .nub { border-color: transparent transparent black transparent; top: -10px; }
  .tooltip.tip-top > .nub { border-color: black transparent transparent transparent; top: auto; bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right { float: none !important; }
  .tooltip.tip-left > .nub { border-color: transparent transparent transparent black; right: -10px; left: auto; top: 50%; margin-top: -5px; }
  .tooltip.tip-right > .nub { border-color: transparent black transparent transparent; right: auto; left: -10px; top: 50%; margin-top: -5px; } }
.tabs-wrapper.vertical { *zoom: 1; margin-bottom: 10px; }
.tabs-wrapper.vertical:after { content: ""; display: table; clear: both; }
.tabs-wrapper.vertical .headings { margin: 0; padding: 0; float: left; list-style: none; width: 100%; float: left; }
@media only screen and (min-width: 768px) { .tabs-wrapper.vertical .headings { width: 30%; } }
.lt-ie9 .tabs-wrapper.vertical .headings { width: 30%; }
.tabs-wrapper.vertical .headings > li { margin: 0; }
.tabs-wrapper.vertical .headings .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; float: left; width: 100%; }
.tabs-wrapper.vertical .headings .trigger a, .tabs-wrapper.vertical .headings .trigger a:link, .tabs-wrapper.vertical .headings .trigger a:visited, .tabs-wrapper.vertical .headings .trigger a:hover { color: #153252; }
.tabs-wrapper.vertical .headings .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background:  #ffffff ; height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
.tabs-wrapper.vertical .headings .trigger .bg:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.tabs-wrapper.vertical .headings li.active .trigger .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.tabs-wrapper.vertical .tabs.content { float: left; width: 100%; overflow: auto; padding: 20px; margin: 0; list-style: none; }
@media only screen and (min-width: 768px) { .tabs-wrapper.vertical .tabs.content { width: 70%; padding: 0 20px; } }
.lt-ie9 .tabs-wrapper.vertical .tabs.content { width: 70%; padding: 0 20px; }
.tabs-wrapper.vertical .tabs.content > li { display: none; }
.tabs-wrapper.vertical .tabs.content > li.active { display: block; }

.tabs-wrapper.horizontal { overflow: hidden; }
.tabs-wrapper.horizontal .headings { margin: 0; padding: 0; float: left; list-style: none; width: 100%; }
.tabs-wrapper.horizontal .headings > li { margin: 0; }
.tabs-wrapper.horizontal .headings .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; float: left; }
.tabs-wrapper.horizontal .headings .trigger a, .tabs-wrapper.horizontal .headings .trigger a:link, .tabs-wrapper.horizontal .headings .trigger a:visited, .tabs-wrapper.horizontal .headings .trigger a:hover { color: #153252; }
.tabs-wrapper.horizontal .headings .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background:  #ffffff ; height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
.tabs-wrapper.horizontal .headings .trigger .bg:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.tabs-wrapper.horizontal .headings li.active .trigger .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.tabs-wrapper.horizontal .tabs.content { *zoom: 1; clear: both; float: left; width: 100%; overflow: auto; padding: 20px 10px; margin: 0; list-style: none; }
.tabs-wrapper.horizontal .tabs.content:after { content: ""; display: table; clear: both; }
.tabs-wrapper.horizontal .tabs.content > li { display: none; }
.tabs-wrapper.horizontal .tabs.content > li.active { display: block; }

.accordion-wrapper { *zoom: 1; margin-bottom: 10px; }
.accordion-wrapper:after { content: ""; display: table; clear: both; }
.accordion-wrapper ul.accordion { margin: 0; padding: 0; float: left; list-style: none; width: 100%; float: left; }
.accordion-wrapper ul.accordion > li { margin: 0; }
.accordion-wrapper ul.accordion .trigger { margin: 0; cursor: pointer; padding: 20px 30px; position: relative; z-index: 0; }
.accordion-wrapper ul.accordion .trigger a, .accordion-wrapper ul.accordion .trigger a:link, .accordion-wrapper ul.accordion .trigger a:visited, .accordion-wrapper ul.accordion .trigger a:hover { color: #153252; }
.accordion-wrapper ul.accordion .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background:  #ffffff ; height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
.accordion-wrapper ul.accordion .trigger .bg:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.accordion-wrapper ul.accordion li.active .trigger .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.accordion-wrapper ul.accordion .content { display: none; padding: 20px 20px 0; margin: 0; }

/*  1.8 - Slider
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*    Core Owl Carousel CSS File  v1.24 */
/* clearfix */
.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; }

.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%;

/*
min-height: 626px;
background-color: grey;
*/
}


.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(//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/grabbing.png?v=162995541551579154171781774332) 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); }

/* CSS3 Transitions */
.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); } }

/*
*   Owl Carousel Owl Demo Theme 
* v1.24
*/
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/AjaxLoader.gif?v=66431031005733996371781774332) no-repeat center center; }

.owl-carousel .owl-wrapper-outer { z-index: 1; }
.owl-carousel .owl-pagination { z-index: 2; }

/*  1.9 - Forms & Tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.66667em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 1em; padding-right: 2em; padding-bottom: 1.08333em; padding-left: 2em; font-size: 1em; background-color: magenta; border-color: #cc00cc; color: white; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #cc00cc; }
button:hover, button:focus, .button:hover, .button:focus { color: white; }
button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; }
button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; }
button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; }
button.large, .button.large { padding-top: 1.33333em; padding-right: 2.66667em; padding-bottom: 1.41667em; padding-left: 2.66667em; font-size: 1.66667em; }
button.small, .button.small { padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.83333em; padding-left: 1.5em; font-size: 1.08333em; }
button.tiny, .button.tiny { padding-top: 0.58333em; padding-right: 1.16667em; padding-bottom: 0.66667em; padding-left: 1.16667em; font-size: 0.91667em; }
button.expand, .button.expand { padding-right: 0px; padding-left: 0px; width: 100%; }
button.left-align, .button.left-align { text-align: left; text-indent: 1em; }
button.right-align, .button.right-align { text-align: right; padding-right: 1em; }
button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: magenta; border-color: #cc00cc; color: white; cursor: default; opacity: 0.6; -webkit-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 { background-color: #cc00cc; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: magenta; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; }
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: default; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; }

button, .button { padding-top: 1.08333em; padding-bottom: 1em; }
button.tiny, .button.tiny { padding-top: 0.66667em; padding-bottom: 0.58333em; }
button.small, .button.small { padding-top: 0.83333em; padding-bottom: 0.75em; }
button.large, .button.large { padding-top: 1.375em; padding-bottom: 1.375em; }

@media only screen { button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; }
  button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }
  button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; }
  button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } }
@media only screen and (min-width: 768px) { button, .button { display: inline-block; } }
/* Standard Forms */
form { margin: 0 0 0.83333em; }

/* Using forms within rows, we need to set some defaults */
form .row .row { margin: 0 -0.41667em; }
form .row .row .column, form .row .row .columns { padding: 0 0.41667em; }
form .row .row.collapse { margin: 0; }
form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; }
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.41667em; }

/* Label Styles */
label { font-size: 1.16667em; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 0.25em; }
label.right { float: none; text-align: right; }
label.inline { margin: 0 0 0.83333em 0; padding: 0.58333em 0; }

/* Attach elements to the beginning or end of an input */
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; border-style: solid; border-width: 1px; overflow: hidden; font-size: 1.16667em; height: 2.33333em; line-height: 2.33333em; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.83333em; }

.prefix.button { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; text-align: center; line-height: 2.83333em; }

.prefix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

.postfix.button.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

.prefix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }

.postfix.button.round { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix { background: #f2f2f2; border-color: #d9d9d9; border-right: none; color: #333333; }
span.prefix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

span.postfix { background: #f2f2f2; border-color: #cccccc; border-left: none; color: #333333; }
span.postfix.radius { -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * { -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.input-group.radius > *:last-child, .input-group.radius > *:last-child * { -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.input-group.round > *:first-child, .input-group.round > *:first-child * { -moz-border-radius-bottomleft: 1000px; -moz-border-radius-topleft: 1000px; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
.input-group.round > *:last-child, .input-group.round > *:last-child * { -moz-border-radius-topright: 1000px; -moz-border-radius-bottomright: 1000px; -webkit-border-top-right-radius: 1000px; -webkit-border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: #153252; display: block; font-size: 1.16667em; margin: 0 0 0.83333em 0; padding: 0.41667em; height: 2.33333em; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out; transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { -webkit-box-shadow: 0 0 5px #999999; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border-color: #999999; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; }
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="datetime-local"][disabled], input[type="month"][disabled], input[type="week"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #dddddd; }

/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 0.83333em 0; }

/* Normalize file input width */
input[type="file"] { width: 100%; }

/* We add basic fieldset styling */
fieldset { border: solid 1px #dddddd; padding: 1.66667em; margin: 1.5em 0; }
fieldset legend { font-weight: bold; background: white; padding: 0 0.25em; margin: 0; margin-left: -0.25em; }

/* Error Handling */
.error input, input.error, .error textarea, textarea.error { border-color: #c60f13; background-color: rgba(198, 15, 19, 0.1); }
.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus { background: #fafafa; border-color: #999999; }

.error label, label.error { color: #c60f13; }

.error small, small.error { display: block; padding: 0.5em 0.33333em; margin-top: -1.25em; margin-bottom: 0.83333em; font-size: 1em; font-weight: bold; background: #c60f13; color: white; }

/* Custom Checkbox and Radio Inputs */
/* form.custom .hidden-field {  position: absolute; display:none;  } */
form.custom .custom { display: inline-block; width: 16px; height: 16px; position: relative; vertical-align: middle; border: solid 1px #5d7492; background: white; }
form.custom .custom.checkbox { -webkit-border-radius: 0px; border-radius: 0px; padding: -1px; }
form.custom .custom.radio { -webkit-border-radius: 1000px; border-radius: 1000px; padding: 3px; }
form.custom .custom.checkbox:before { content: ""; display: block; font-size: 16px; color: white; }
form.custom .custom.radio.checked:before { content: ""; display: block; width: 8px; height: 8px; -webkit-border-radius: 1000px; border-radius: 1000px; background: #222222; position: relative; }
form.custom .custom.checkbox.checked:before { content: "\00d7"; color: #222222; position: absolute; top: -50%; left: 50%; margin-top: 4px; margin-left: -5px; }

/* Custom Select Options and Dropdowns */
form.custom { /* Custom input, disabled */ }
form.custom .custom.dropdown { display: block; position: relative; top: 0; height: 2.33333em; margin-bottom: 1.66667em; margin-top: 0px; padding: 0px; width: 100%; background: #ffffff; -webkit-box-shadow: none; box-shadow: none; font-size: 1.16667em; vertical-align: top; }
form.custom .custom.dropdown ul { overflow-y: auto; max-height: 200px; }
form.custom .custom.dropdown .current { cursor: default; white-space: nowrap; line-height: 2.25em; color: #153252; text-decoration: none; overflow: hidden; display: block; margin-left: 0.41667em; margin-right: 2.33333em; }
form.custom .custom.dropdown .selector { cursor: default; position: absolute; width: 2.08333em; height: 2.33333em; display: block; right: 0; top: 0; }
form.custom .custom.dropdown .selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #153252 transparent transparent transparent; border-top-style: solid; position: absolute; left: 0.625em; top: 50%; margin-top: -3px; }
form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after { content: ""; display: block; width: 0; height: 0; border: inset 5px; border-color: #153252 transparent transparent transparent; border-top-style: solid; }
form.custom .custom.dropdown .disabled { color: #888888; }
form.custom .custom.dropdown .disabled:hover { background: transparent; color: #888888; }
form.custom .custom.dropdown .disabled:hover:after { display: none; }
form.custom .custom.dropdown.open ul { display: block; z-index: 10; min-width: 100%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
form.custom .custom.dropdown.small { max-width: 134px; }
form.custom .custom.dropdown.medium { max-width: 254px; }
form.custom .custom.dropdown.large { max-width: 434px; }
form.custom .custom.dropdown.expand { width: 100% !important; }
form.custom .custom.dropdown.open.small ul { min-width: 134px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.custom .custom.dropdown.open.medium ul { min-width: 254px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.custom .custom.dropdown.open.large ul { min-width: 434px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
form.custom .custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: -1px; top: auto; -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); margin: 0; padding: 0; background: #ffffff; border: solid 1px #5d7492; font-size: 12px; }
form.custom .custom.dropdown ul li { color: #153252; font-size: 1.16667em; cursor: default; padding-top: 0.33333em; padding-bottom: 0.33333em; padding-left: 0.5em; padding-right: 3.16667em; min-height: 2em; line-height: 2em; margin: 0; white-space: nowrap; list-style: none; }
form.custom .custom.dropdown ul li.selected { background: #ffffff; color: #153252; }
form.custom .custom.dropdown ul li:hover { background-color: #ffffff; color: #153252; }
form.custom .custom.dropdown ul li.selected:hover { background: #ffffff; cursor: default; color: #153252; }
form.custom .custom.dropdown ul.show { display: block; }
form.custom .custom.disabled { background: #dddddd; }

/* Tables */
table { background: white; margin-bottom: 1.66667em; border: solid 1px #dddddd; }
table thead, table tfoot { background: whitesmoke; font-weight: bold; }
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.66667em 0.83333em 0.83333em; font-size: 1.16667em; color: #222222; text-align: left; }
table tr th, table tr td { padding: 0.75em 0.83333em; font-size: 1.16667em; color: #222222; }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.5em; }

html.touch form.custom .dropdown { display: none; }

form.custom .custom.dropdown { font-size: 1em; }
form.custom .custom.dropdown ul li { font-size: 1em; }
form.custom .custom.dropdown ul li.disabled { text-decoration: line-through; }

select { background: #ffffff url(//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/icon__arrowselect.png?v=149474992579789729301781774332) no-repeat; background-position: right; border: 1px solid; color: #153252; padding: 6px 10px; width: 100%; text-indent: 0.01px; text-overflow: ''; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: 1px solid #5d7492; -webkit-appearance: none; -moz-appearance: none; text-transform: none; letter-spacing: 1px; }

.ie9 select, .lt-ie9 select { padding-right: 10px; background-image: none; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { font-size: 1em; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #ffffff; color: #153252; border: 1px solid #5d7492; letter-spacing: 0.8px; font-family:  'Lato', sans-serif  !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-appearance: none !important; }


input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #ffffff; color: #153252; border: 1px solid #5d7492; }

button, .button, a.button { background: #153252; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #5d7492; font-family:  'Lato', sans-serif ; font-weight: 300; font-size: 1em; text-transform: uppercase; border: 0; letter-spacing: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
button:focus, .button:focus, a.button:focus { background: #153252; }
button:hover, .button:hover, a.button:hover { color: #ffffff; background: #5d7492; }
button.disabled, .button.disabled, a.button.disabled { background: #153252; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
button.disabled:hover, button.disabled:focus, .button.disabled:hover, .button.disabled:focus, a.button.disabled:hover, a.button.disabled:focus { background: #153252; }
button.prefix, .button.prefix, a.button.prefix { line-height: 1; }

table { background: transparent; border: solid 1px #5d7492; }
table tr td { color: #153252; }
table thead, table tfoot { background: #ffffff; }
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { color: #153252; }
table tr:nth-of-type(even) { background: #ffffff; }

@media only screen and (max-width: 768px) { table.responsive { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: left; border: 0; /* Hide table headers (but not display: none;, for accessibility) */ }
  table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: left; }
  table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; }
  table.responsive tr { border: 1px solid #5d7492; padding: 15px; }
  table.responsive td { padding: 0; line-height: 1.6; border: none; border-bottom: 0; position: relative; padding: 5px 0; }
  table.responsive td:empty { padding: 0; }
  table.responsive td:before { display: block; font-weight: bold; word-wrap: break-word; max-width: 100%; }
  table.responsive td:before { content: attr(data-label); } }
/*  2.1 - General
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html { margin: 0; padding: 0; }

.error { color: #f7c665; }

body { font-family:  'Lato', sans-serif ; color: #153252; line-height: 1.6; font-size: 15px; letter-spacing: 1px; }

.page-title { margin-bottom: 30px; }

label { color: #153252; }

.main-content { padding-top: 30px; }

.row { max-width: none; }
@media only screen and (min-width: 768px) { .row { padding: 0 40px; } }
.lt-ie9 .row { padding: 0 40px; }

html, body { /* */ background: #ffffff; /* */ }

/*  2.2 - Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-header { position: relative; z-index: 2; width: 100%;  }

/* .main-header .bg { position: absolute; width: 100%; height: 100%; background:  #ffffff ; } */

.main-header .top.row { 

  background: rgba(237, 238, 226, 0.5);
/*  min-height: 200px;
  padding-top: 30px;*/
  min-height:160px;
  padding-top: 5px;
  border-bottom: solid 1px #163251;
  /* background-image: url(header_bg.jpg); */
  
  }

.main-header .bottom-row { 

  position: relative;
  min-height: 50px;
  border-bottom: solid 1px #163251;
  background: #F6F7F1;  
  /*background-image: url('//thedebeauvoirdeli.co.uk/cdn/shop/t/6/assets/menu-bg.jpg?v=174209270898923392981781774332');*/
  /*background-repeat: repeat;*/
  
  }



.main-header .bottom-row.hover { background:  #ffbc3a  ; background: transparent; }

.main-header .bottom-row .menu-container { display: none; padding: 0 120px 0 15px; }

@media only screen and (min-width: 1250px) { .main-header .bottom-row .menu-container { width: 100%; display: block; } }
.lt-ie9 .main-header .bottom-row .menu-container { width: 100%; display: block; }


.main-header .bottom-row .menu-container.text-center { 

padding: 0 120px;


}





.main-header .bottom-row .menu-container .main-menu { display: inline-block; }

.main-header .bottom-row .menu-container .main-menu ul { 

list-style: none;
margin: 0;
padding: 10px 0 0 0; 
}

.main-header .bottom-row .menu-container .main-menu ul a, .main-header .main-menu-dropdown-panel a {

  /*color: white;*/


}

.main-header .main-menu-dropdown-panel a{
  color:  #0e3054;
}

.main-header .bottom-row .menu-container .main-menu ul a:hover, .main-header .main-menu-dropdown-panel a:hover {
  color: #a4b0bb; 

  }

.main-header .bottom-row .menu-container .main-menu li { display: inline-block; }

.main-header .bottom-row .cart-container { width: auto; position: absolute; right: 55px; padding: 0; }




/* still to finish the dropdown */

.main-header .main-menu-dropdown-panel { 
/* background:  #ffbc3a  ; */
/* background: transparent; */

/*font-family: "MrEavesSanOT-Bold";*/
font-size: 1.3em;
  background-color: rgb(237, 238, 226);
background-image: url("sub-nav.png");
width: 100%;
display: none;
border-bottom: solid 1px #163251;
position: relative;
top:-1px;
left:0;
}

.main-menu-dropdown-panel .row {

/* background-color: red; */
width: 100%;

}


.main-menu-dropdown-panel .text-center {
/*
text-align: left !important;
left: 30%;
position: relative;
*/
}


.main-menu-dropdown-panel .row  {

/*
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAMAAAAi7JTKAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABV0RVh0Q3JlYXRpb24gVGltZQA1LzEwLzE1H0bhkwAAAD9QTFRFFjJQFjJRFjNRFzNRGDRSGTVSGjVUHjlWHzpXJkBcSF12kp+tl6Owp7K9t8DIuMHKw8rRyM/V19zg2N3h////yzrobgAAADdJREFUCB0FwYcBgDAQxLA/HAi9ev9ZkUr1W1/VUu85y6OWXp3QTy33kQDTYW2tAEjbCjKEhOIHfTECmW1xfHUAAAAASUVORK5CYII=); 
background-repeat: no-repeat;*/
/*background-position: 70px 0px;*/
/*background-position: 50% 10px;*/
position: relative;
top: -5px;

}

.sub-nav-item:first-child {

margin-top: 20px;
}
.sub-nav-item.columns{
  padding:0;
    font-weight:bold;
}

.main-header .main-menu-dropdown-panel .columns {

display: block !Important;

}


@media only screen and (min-width: 768px) { .main-header .main-menu-dropdown-panel { display: block; } }

.lt-ie9 .main-header .main-menu-dropdown-panel { display: block; }
.main-header .main-menu-dropdown-panel a.disabled { cursor: default; }
.main-header .main-menu-dropdown-panel .sub-nav-item.columns { width: auto; }

.main-header .main-menu-dropdown-panel .sub-nav-item.columns.large-3 { width: 25%; }


.main-header .main-menu-dropdown-panel .columns { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: inline-block; float: none; vertical-align: top; padding-top: 15px; }


.lt-ie9 .main-header .main-menu-dropdown-panel .columns { background-color:  #ffffff ; }
.main-header .main-menu-dropdown-panel .row { display: none; padding-bottom: 40px; }
.main-header .main-menu-dropdown-panel .title { margin: 0 0 25px 0; letter-spacing: 1px; font-family:  'Lato', sans-serif ; font-size: 1em; text-transform: uppercase; font-weight: bold; color:  #153252 ; }
.main-header .main-menu-dropdown-panel ul { list-style: none; margin: 0; padding: 0; }
.main-header .main-menu-dropdown-panel ul li { padding-bottom: 10px; }
.main-header .main-menu-dropdown-panel ul li a { color:  #153252 ; }




.main-header .currency-selector { font-size: 12px; display: none; color:  #153252 ; }
.main-header .currency-selector.left-aligned { margin-top: 7px; position: absolute; left: 40px; width: 200px; z-index: 1; }
.main-header .currency-selector.right-aligned { width: auto; position: relative; display: inline-block; }
.main-header .currency-selector.mobile { position: relative; display: block; z-index: 1; width: 84%; margin: 10px auto 0; border-top: 1px solid #5d7492; padding: 20px 0 10px; float: none; min-width: 290px; }
.main-header .currency-selector.mobile .container { padding: 0 15px; }
.main-header .currency-selector.mobile form { margin: 0; }

@media only screen and (min-width: 768px) { .main-header .currency-selector { display: block; } }
.lt-ie9 .main-header .currency-selector { display: block; }
.main-header .currency-selector .custom.dropdown { margin-top: -5px; width: 65px; float: left; }
.main-header .currency-selector span { float: left; padding-right: 5px; }
.main-header .currency-selector select { display: inline-block; width: auto; padding-right: 25px; margin-top: -5px; }
@media only screen and (min-width: 768px) { .main-header .logo-center h1.title { text-align: center; } }
.lt-ie9 .main-header .logo-center h1.title { text-align: center; }
.main-header h1.title { text-align: center; font-family:  'Lato', sans-serif ; font-size: 2.33333em; margin: 0; display: block; color:  #153252 ; }
@media only screen and (min-width: 768px) { .main-header h1.title { text-align: left; } }
.lt-ie9 .main-header h1.title { text-align: left; }
.main-header h1.title a { color:  #153252 ; display: inline-block; bottom: 5px; left: 0; width:100%;}
.main-header .search-account { display: none; color:  #153252 ; position: absolute; right: 40px; width: auto; margin-top:3px; top:40px;}
@media only screen and (min-width: 1250px) { .main-header .search-account { display: block; } }
.lt-ie9 .main-header .search-account { display: block; }
.main-header .search-account .font-normal { font-weight: normal; }
.main-header .search-account a, .main-header .search-account a:link { font-weight: bold; color:  #153252 ; }
.main-header .search-account a.glyph, .main-header .search-account a:link.glyph { font-weight: normal; }

.main-header .search-account .menu { margin-top: 7px; position:relative;}
.main-header .search-account .menu a{ font-size:.9em; }
.main-header .search-account .menu .searchbar-open { display: inline-block; position: relative; }

.main-header .search-account .menu .searchbar-open .glyph { font-size: 1.16667em; margin: 0 0 0 10px; }
.main-header .search-account .menu .seperator { position: relative; display: inline-block; height: 16px; width: 1px; margin: 0 10px; background:  #153252 ; top: 4px; visibility: hidden; display: none; }




.main-header .search-account .menu .account-open { 

/* display: inline-block;  */

/*
position: relative;
margin-left: 5px;
text-transform: uppercase;
z-index: 200;
top: -22px;
right: -100px;

this was befoere the basket move
*/

position: absolute;
margin-left: 5px;
text-transform: uppercase;
z-index: 200;
top: -22px;
right: -25px;
/*right: -115px;*/

}

.main-header .search-account .menu a.account-open:hover{
  color: #a4b0bb
}

.main-header .search-account .menu .new-basket {

padding-left:14px;
position: absolute;
margin-left: 5px;
text-transform: uppercase;
z-index: 200;
top: -23px;
/*right: 180px;*/
left:-15px;
}


.main-header .search-account .menu a.new-basket:hover {
  color: #a4b0bb
}


.main-header .search-account .menu .account-open .glyph { font-size: 1.16667em; margin: 0 0 0 5px; }
.main-header .search-account .searchbar-container { display: none; right: -3px; width: 100%; top: -35px; max-width: 250px; }
.main-header .search-account .searchbar-container button { font-size: 14px; top: 10px; right:-10px; background: none; border: 0; padding: 0; margin: 0; position: absolute; color: #153252; }
.main-header .search-account .searchbar-container .glyph.cross { font-size: 18px; position: absolute; right: 0; top: 6px; }


.main-header .search-account .account-container { 

/*
display: none;
top: 3px;
right: -3px;
padding: 0;
width: 100%;
position: relative;
border: solid red;
*/

display: none;
/*
top: 0px;
left:0px;
padding: 0;
*/
/* width: 100%; */
/* position: relative; */
/* border: solid red; */

position: relative;
margin-left: 5px;
text-transform: uppercase;
z-index: 200;
top: -23px;
left: -7px;

 }



.main-header .search-account .account-container .glyph.cross { font-size: 18px; position: relative; top: 4px; }




.main-header .cart { width: 100%; text-align: right; padding: 0; margin-left: 5px; }

.main-header .cart .cart-link { line-height: 30px; color:  #153252 ; font-weight: bold; }


.main-header .cart .glyph.cart { margin-left: 5px; }
.main-header .cart a, .main-header .cart a:link { margin-left: 8px; }
.main-header .cart .button, .main-header .cart a.button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family:  'Lato', sans-serif ; font-size: 1em; font-weight: bold; text-transform: uppercase; border: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; margin-top: -15px; }
.main-header .cart .heading { font-size: 1em; }
.main-header .cart .recently-added { display: none; border: 1px solid #5d7492; background: #ffffff; text-align: left; position: absolute; width: 350px; top: 50px; right: 15px; padding: 10px 10px 20px 10px; z-index: 10; }
.main-header .cart .recently-added:after { content: ''; display: block; position: absolute; right: 20px; bottom: 100%; width: 0; height: 0; border-color: transparent transparent #ffffff transparent; border-style: solid; border-width: 10px; }
.main-header .cart .recently-added:before { content: ''; display: block; position: absolute; right: 19px; bottom: 100%; width: 0; height: 0; border-color: transparent transparent #5d7492 transparent; border-style: solid; border-width: 11px; }
.main-header .cart .recently-added.mobile { width: 280px; left: 50%; right: auto; margin-left: -140px; position: fixed; top: 50%; margin-top: -131px; }
.main-header .cart .recently-added.mobile img { max-width: 80px; }
.main-header .cart .recently-added.mobile .close { position: absolute; font-size: 30px; color: #000; background: #fff; padding: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; top: 0; right: 0; display: block; z-index: 1; }
.main-header .cart .recently-added.mobile .close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.main-header .cart .recently-added.mobile:before { display: none; }
.main-header .cart .recently-added.mobile:after { display: none; }
.main-header .cart .recently-added a { margin-left: 0; }
.main-header .cart .recently-added .empty-cart { padding: 10px; }
.main-header .cart .recently-added form { margin: 0; }
.main-header .cart .recently-added table { font-size: 0.83333em; margin: 0 0 10px 0; border: 0; }
.main-header .cart .recently-added table tr td { padding: 10px 5px; }
.main-header .cart .recently-added table img { max-width: 80px; }
.main-header .cart .recently-added table .cart-item { padding-left: 0; }
.main-header .cart .recently-added table .cart-price { width: 25%; padding-right: 0; text-align: right; }
.main-header .cart .recently-added table tr:nth-of-type(even) { background: none; }
.main-header .cart .recently-added table thead { background: none; }
.main-header .cart .recently-added table tfoot { border-top: 1px solid #5d7492; background: none; }
.main-header .cart .recently-added table tfoot .items-count { font-weight: normal; }
.main-header .cart .recently-added table tfoot tr, .main-header .cart .recently-added table tfoot td { padding: 20px 0; }
.main-header .cart .recently-added h1, .main-header .cart .recently-added h2, .main-header .cart .recently-added h3 { font-size: 1em; font-weight: normal; margin-bottom: 0; }
.main-header .cart .recently-added .button { margin-top: 10px; width: 100%; margin: 0; }
.main-header .cart .recently-added .error { display: none; padding: 10px; }
.main-header .cart .recently-added-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.main-header .main-menu .glyph.arrow-down { top: 2px; position: relative; font-size: 14px; }


.main-header .main-menu .widescreen { 
display: none;
margin: 0 0 0 -20px;
/*
font-size: 1em;*/
font-family:  'Lato', sans-serif ; 


/*font-family: 'MrEavesSanOT-Bold';*/
font-size: 1em;
  
text-transform: uppercase;
font-weight: bold; 
}



@media only screen and (min-width: 768px) { .main-header .main-menu .widescreen { display: block; } }
.lt-ie9 .main-header .main-menu .widescreen { display: block; }
.main-header .main-menu .widescreen > ul { margin: 0; }
.main-header .main-menu .widescreen > ul > li { margin: 0; }
.main-header .main-menu .widescreen > ul > li > a { color:  #153252 ; padding: 0 20px; line-height: 30px; }
/*.main-header .main-menu .widescreen > ul > li > a:hover { color:  #153252 ; }*/
/*.main-header .main-menu .widescreen > ul > li > a { color: white; padding: 0 20px; line-height: 30px; }
.main-header .main-menu .widescreen > ul > li > a:hover { color: white; }*/

.main-header .main-menu .widescreen .sub-nav { display: none; left: 0; width: 100%; list-style: none; position: absolute; top: 45px; margin: 0; padding: 15px 20px 0 20px; background:  #ffbc3a  ; background: transparent; }
.main-header .main-menu .widescreen .sub-nav.catalog li { float: none; }
.main-header .mobile-tools { position: relative; padding: 20px 0; text-align: center; color:  #153252 ; }
@media only screen and (min-width: 1250px) { .main-header .mobile-tools { display: none; } }
.lt-ie9 .main-header .mobile-tools { display: none; }
/*.main-header .mobile-tools a { color:  #153252 ; font-size: 20px; padding: 0; margin: 0 22px; }
.main-header .mobile-tools a:hover { color:  #153252 ; }*/
.main-header .mobile-tools a { font-size: 20px; padding: 0; margin: 0 22px; }
.main-header .mobile-tools a:hover { color: #5d7492; }
.main-header .mobile-menu { display: none; }
@media only screen and (min-width: 1250px) { .main-header .mobile-menu { display: none !important; } }
.lt-ie9 .main-header .mobile-menu { display: none !important; }
.main-header .mobile-menu ul { list-style: none; margin: 0; padding: 0; }
.main-header .mobile-menu .nav-item { text-transform: uppercase; font-weight: bold; width: 100%; border-bottom: 1px solid #5d7492; background:  #ffffff ; color:  #153252 ; }
.main-header .mobile-menu .nav-item a { display: block; position: relative; margin: 0 auto; padding: 15px 15px; width: 84%; min-width: 290px; color:  #153252 ; }
.main-header .mobile-menu .nav-item a:hover { color:  #153252 ; }
.main-header .mobile-menu .sub-nav-item { font-weight: normal; text-transform: none; }
.main-header .mobile-menu .sub-nav-item a.disabled { cursor: default; }
.main-header .mobile-menu .sub-nav { position: relative; display: none; padding-left: 30px; }
.main-header .mobile-menu .sub-nav h3 { margin: 0; }
.main-header .mobile-menu .sub-nav .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; }
.main-header .mobile-menu .sub-nav ul { margin-left: -30px; padding-left: 60px; }
.main-header .mobile-menu .glyph.plus, .main-header .mobile-menu .glyph.minus { font-size: 14px; top: 2px; position: relative; margin-left: 5px; }
.main-header .mobile-menu .glyph.minus { display: none; }

/*  2.3 - Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-footer { 

padding: 0 0 10px 0;
background:  #153252  ; color:  #ffffff  ; margin-top: 50px;
 }
 
.footer-break {
  background: #113152;
/*background-image: url("nav-bg-2.png");*/
border-top: 1px solid #153252;
height: 16px;

}




.main-footer .footer-divider { padding: 0 0 10px 0; }
.main-footer a, .main-footer a:link { color:  #ffffff  ; transition: all 0.5s ease; }
.main-footer a:hover { color: #a4b0bb;  transition: all 0.5s ease; }
.main-footer p { margin-top: 0;  font-family: 'Libre Baskerville', serif;}

.main-footer .title { 
font-size: 1.4em;
margin: 10px 0 -10px 0;
text-transform: uppercase;
font-weight: bold;
height: 16.328125px;
min-width: 1px;
text-align: center;
}

.main-footer .content { font-size:1em; margin: 40px 0 0 0; }
.main-footer .widget-heading { padding-bottom: 5px; margin-bottom: 25px; }
.main-footer .column-1 { text-align: center; }
@media only screen and (min-width: 1000px) { .main-footer .column-1 { text-align: left; } }
.lt-ie9 .main-footer .column-1 { text-align: left; }
.main-footer .column-1 .text { margin-top: 0; }
.main-footer .column-2 { text-align: center; }
@media only screen and (min-width: 768px) { .main-footer .column-2 { text-align: left; } }
.lt-ie9 .main-footer .column-2 { text-align: left; }
.main-footer .column-2 .footer-nav { margin: 0; padding: 0; }
.main-footer .column-2 .footer-nav li { margin: 0; padding: 0 0 5px; }
.main-footer .column-2 .footer-nav li a { padding: 0; margin: 0; }
@media only screen and (min-width: 768px) { .main-footer .column-2 .footer-nav li { padding: 0; } }
.lt-ie9 .main-footer .column-2 .footer-nav li { padding: 0; }
.main-footer .column-3 { text-align: center; }

@media only screen and (min-width: 768px) { .main-footer .column-3 { /* text-align: left; */ } }
.lt-ie9 .main-footer .column-3 { text-align: left; }

.main-footer .column-3 .contact-form, .main-footer .column-3 .mailchimp-form { display: inline-block; }
.main-footer .column-3 .contact-form input[type="email"], .main-footer .column-3 .mailchimp-form input[type="email"] { display: inline-block; width: auto; margin-right: 5px; }
.main-footer .column-3 .contact-form input[type="submit"], .main-footer .column-3 .mailchimp-form input[type="submit"] { display: inline-block; width: auto; padding: 0 15px; }
.main-footer .column-3 .contact-form .success, .main-footer .column-3 .mailchimp-form .success { font-style: italic; }
.main-footer .payment-options { margin: 30px 0 0 0; padding: 0; text-align: center; }
@media only screen and (min-width: 768px) { .main-footer .payment-options { text-align: center; } }
.lt-ie9 .main-footer .payment-options { text-align: center; }
.main-footer .payment-options li { display: inline-block; width: 45px; margin: 20px 10px 10px 0; }
.main-footer .payment-options li .icon { font-size: 30px; }


.main-footer .social-follow {

    margin: 0 auto 15px auto;
text-align: center;

}

.main-footer .social-follow a { display: inline-block; /*margin: 0 10px 10px 0;*/ }
.main-footer .social-follow a:last-child { margin-right: 0; }
.main-footer .social-follow .glyph { font-size: 20px; }

/*  3.1 - Searchbar
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchbar-container { position: relative; }
.searchbar-container form { margin: 0; padding: 0; width: 270px; }
.searchbar-container button { right: 30px; }
.searchbar-container .text { display: inline-block; max-width: 270px; font-size: 1em; }

/*  3.2 - Product Grid
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.product-grid { margin: 0 auto; width: 60%; min-width: 290px; padding: 0; list-style: none; }
@media only screen and (min-width: 768px) { .product-grid { width: 100%; } }
.lt-ie9 .product-grid { width: 100%; }
.product-grid.owl-carousel { margin: 0; width: 100%; min-width: 0; }
.product-grid .product-item { text-align: center; float: none; margin-bottom: 30px;min-height: 370px; }
@media only screen and (min-width: 768px) { .product-grid .product-item { float: left; } }
.lt-ie9 .product-grid .product-item { float: left; }
.product-grid .image-wrapper { position: relative; display: inline-block; max-width: 100%; width: 100%; }
.product-grid .image-wrapper img { max-width: 100%; }
.product-grid .image-wrapper .hover { display: none; position: absolute; height: 100%; width: 100%; }
.product-grid .caption { text-align: center; text-transform: uppercase; margin-top: 15px; }
.product-grid .caption .vendor{ font-size:1.5em; text-transform:none; }
.product-grid .circle { text-align: center; text-transform: uppercase; display: block; position: absolute; z-index: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color:  #f7f7f7  ; background:  #444444  ; font-family:  'Lato', sans-serif ; font-size: 1em; font-weight: 300; padding: 0; top: 5px; right: 5px; height: 65px; width: 65px; display:none;}
.product-grid .circle:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -1px; /* Adjusts for spacing */ }
.product-grid .circle span { max-width: 57px; margin-left: 4px; word-wrap: break-word; display: inline-block; vertical-align: middle; }
@media only screen and (min-width: 1280px) { .product-grid .circle { font-size: 1.16667em; top: 15px; right: 15px; height: 90px; width: 90px; }
  .product-grid .circle span { max-width: 82px; } }
.product-grid .sold-out { color:  #ffffff  ; background:  #cccccc  ; }
.product-grid .title { font-family:  'Lato', sans-serif ; /*font-size:1.34em;*/ }
.product-grid .title a { color:  #153252 ; text-transform:none;}
.product-grid .vendor a { color:  #153252 ; }
/*.product-grid .price { margin-top: 15px; font-family:  'Lato', sans-serif ; font-size: 1.35em; color:  #153252 ; font-style:italic;}*/

.product-grid .price { margin-top: 15px; font-family: 'Libre Baskerville', serif; /*font-size: 1.35em;*/ color:  #153252 ;}

a:hover .money{ color: #a4b0bb; }
.product-grid em.marked-down-from { text-decoration: line-through; font-size: 1em; text-transform: lowercase; color:  #a4b0bb ; }

/*  3.3 - Breadcrumbs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumbs { color: #a4b0bb; background: none; border: 0; padding-bottom: 35px; margin: 0 0 0 -13px; }
.breadcrumbs > * { font-size: 1em; color: #153252; text-transform: capitalize; }
.breadcrumbs > * a { font-size: 1em; color: #153252; text-transform: capitalize; }

/*  3.4 - Pagination
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pagination { margin-top: 10px; }
.pagination li a, .pagination li.unavailable a, .pagination li.current a { color: #153252; background: none; font-size: 0.83333em; }
.pagination li a:hover, .pagination li.unavailable a:hover, .pagination li.current a:hover { background: none; color: #a4b0bb; }
.pagination li:hover a { color: #a4b0bb; background: none; }
.pagination li.current a:hover { color: #153252; }
.pagination li.unavailable.arrow a { display: none; }
.pagination .arrow.left { background: none; }
.pagination .glyph { padding: 0 10px; }
.pagination .arrow.right a, .pagination .arrow.right .glyph { padding-right: 0; }

/*  3.4 - Rich Text Editor Content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.rte-content table { width: 100%; }
.rte-content h1 { font-size: 24px; }
.rte-content h2 { font-size: 20px; }
.rte-content h3 { font-size: 18px; margin: 0 0 18px; }
.rte-content h4 { font-size: 16px; margin: 0 0 16px; }
.rte-content h5 { font-size: 14px; margin: 0 0 14px; }
.rte-content h6 { font-size: 12px; margin: 0 0 12px; }
.rte-content blockquote { font-weight: 300; }
.rte-content ul, .rte-content ol, .rte-content table, .rte-content blockquote, .rte-content p { margin-bottom: 20px; }
.rte-content ul { padding-left: 20px; }
.rte-content li { margin-top: 0; margin-bottom: 10px; }
.rte-content img { margin: 10px 0; }
.rte-content ol { counter-reset: item; padding: 0; }
.rte-content ol li { display: block; }
.rte-content ol li:before { content: counters(item,".") " "; counter-increment: item; }
.rte-content ol ol { padding-left: 20px; margin-top: 10px; }
.rte-content a, .rte-content a:link, .rte-content a:visited, .rte-content a:hover { color: #999999; word-break: break-all;}
.rte-content a:hover { color: #5d7492; }

/*  3.5 - Modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.modal { display: none; position: fixed; top: 50%; left: 50%; margin-left: -480px; z-index: 9999; background: #ffffff; }
.modal img { overflow: auto; display: block; max-width: 100%; }
.modal .loading { position: fixed; top: 50%; left: 50%; margin: -12.5px 0 0 -12.5px; height: 25px; width: 25px; }
.modal .slides { display: none; }
/*.modal .slides .photo { display: none; }*/
.modal .slides .active { display: block; }
.modal .close, .modal .prev, .modal .next { display: none; position: absolute; cursor: pointer; font-size: 30px; color: #000; background: #fff; padding: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; }
.modal .close:hover, .modal .prev:hover, .modal .next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; }
.modal .close { top: 0; right: 0; }
.modal .prev { margin-top: -25px; left: 0; top: 50%; }
.modal .next { margin-top: -25px; right: 0; top: 50%; }
.modal.video { background: none; width: 600px; max-width: 90%; margin: -200px 0 0 -450px; }
.modal.video.wide { width: 900px; }
.modal.video > .bg { background:  #ffffff ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.modal.video .cross { z-index: 1; }
.modal.video .player { padding: 0; }
.modal.video .player .flex-video { margin-bottom: 0; }
.modal.video .caption { padding: 20px; }
.modal.video .caption .title { font-size: 1em; }
.modal.video .caption .sub-title { font-size: 0.83333em; }
.modal.video .caption a.button { font-size: 0.83333em; margin-bottom: 0; }
@media only screen and (min-width: 768px) { .modal.video .caption { padding: 90px 30px 30px; }
  .modal.video .caption .title { font-size: 1.16667em; }
  .modal.video .caption .sub-title { font-size: 1em; }
  .modal.video .caption a.button { font-size: 0.83333em; } }
.lt-ie9 .modal.video .caption { padding: 90px 30px 30px; }
.lt-ie9 .modal.video .caption .title { font-size: 1.16667em; }
.lt-ie9 .modal.video .caption .sub-title { font-size: 1em; }
.lt-ie9 .modal.video .caption a.button { font-size: 0.83333em; }
@media only screen and (min-width: 1280px) { .modal.video .caption .title { font-size: 1.5em; }
  .modal.video .caption .sub-title { font-size: 1.16667em; }
  .modal.video .caption a.button { font-size: 1em; } }

.modal-mask { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 9000; background-color: #000; }

/*  3.6 - Social Share
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.social-share .glyph { display: inline-block; font-size: 18px; margin: 10px; border-radius: 3px; padding: 10px; background: #ffffff; border: 1px solid #5d7492; -webkit-transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out; -moz-transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out; transition: background-color 300ms ease-out, color 300ms ease-out, border-color 300ms ease-out; }
.social-share .glyph span { font-size: 12px; font-family: Arial, Helvetica, sans-serif; vertical-align: top; line-height: 20px; padding: 0 5px; letter-spacing: 0px; }
.social-share .glyph:hover { color: #ffffff; }
.social-share .twitter:hover { background-color: #09AEEC; border-color: #09AEEC; }
.social-share .facebook:hover { background-color: #49659D; border-color: #49659D; }
.social-share .pinterest:hover { background-color: #CB1F2B; border-color: #CB1F2B; }
.social-share .tumblr:hover { background-color: #2c4762; border-color: #2c4762; }
.social-share .googleplus:hover { background-color: #CC3A2B; border-color: #CC3A2B; }

/*  4.1 - Index
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-index .main-content { padding: 0; }
.template-index .main-footer { margin-top: 0; }


@media only screen and (min-width: 768px) { .template-index.transparent-menu .main-header {  }
  .template-index.transparent-menu .main-header .bg { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; } }
  
.lt-ie9 .template-index.transparent-menu .main-header { position: absolute; }
.lt-ie9 .template-index.transparent-menu .main-header .bg { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95; }

.template-index.transparent-menu .header-divider { display: none; }


.template-index .slider { border-bottom: 1px solid #5d7492; }

@media only screen and (min-width: 1200px) { 

.template-index .slider { border-bottom: none;  }

}

.lt-ie9 .template-index .slider { border-bottom: none; }
.template-index .slider .flex-video { padding-bottom: 45%; }
.template-index .slider .video .caption, .template-index .slider .video .video-src { display: none; }
.template-index .slider .video .play-button { display: block; visibility: hidden; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 50%; left: 50%; background-position: center center; background-repeat: no-repeat; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; cursor: pointer; border: 4px solid #fff; background: #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.template-index .slider .video .play-button:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.template-index .slider .video .play-button .triangle { -moz-transform: scale(0.9999); position: relative; top: 21px; left: 30px; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 20px solid #fff; }
.template-index .slider .owl-controlls { margin-top: 0; }
.template-index .slider .row { position: relative; padding: 0; }
.template-index .slider .slide { position: relative; }

.template-index .slider .slide img { 
display: inline-block;
width: 100%;
/* height: 767px; */
}

.template-index .slider .slide .caption { 

visibility: hidden;
/*
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
*/
margin: 20px 20px 10px;
position: static;
padding: 20px;

}



@media only screen and (min-width: 768px) { .template-index .slider .slide .caption { padding: 20px; /*max-width: 400px;*/ } }
.lt-ie9 .template-index .slider .slide .caption { padding: 20px; }
.template-index .slider .slide .caption.right { float: none !important; }

.template-index .slider .slide .caption .bg { 

/*
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
*/
display: none;
position: absolute;
top: 11px;
left: 11px;
height: 196px;
width: 426px;
/* background-color:  #ffffff ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; */
/* background-color:white;  */


}


@media only screen and (min-width: 1200px) { .template-index .slider .slide .caption .bg { display: block;} }
.lt-ie9 .template-index .slider .slide .caption .bg { display: block; }
.template-index .slider .slide .caption .title { color:  #153252 ; position: relative; margin-top: 0; font-size: 1.65em; padding-bottom: 0; line-height: 1.2; }


.template-index .slider .slide .caption .sub-title { 

/* color:  #153252 ;  */

color: #153252; /*overwrite theme cms */
position: relative;
/*font-size: 1.5em;*/
font-weight: 300; }

.template-index .slider .slide .caption a.button { color:  #ffffff ; background:  #153252 ; position: relative; font-family:  'Lato', sans-serif ; font-size: 1.5em; text-transform: uppercase; margin-bottom: 0; padding: 12px 28px; }

.template-index .slider .slide .caption a.button:hover { color:  #ffffff ; background:  #5d7492 ; }



@media only screen and (min-width: 1200px) { 

.template-index .slider .slide .caption { 
position: absolute;
/* max-width: 350px; */
min-width: 448px;
min-height: 218px;
margin: 20px 55px 30px;
padding: 15px;
/* border: solid red 10px; */
/* background-color: white; */
/* background-image: url(nav-bg-2.png); */
/* border: solid 1px #143151; */
background-color: rgba(255,255,255,0.9)    /* 70% opaque */ ;
}

.caption .button {

margin-top: 5px;

}


  .template-index .slider .slide .caption .title { font-size: 2.2em; }
  .template-index .slider .slide .caption .sub-title { /*font-size: 1.5em;*/ display:inline-block;}
  .template-index .slider .slide .caption a.button { font-size: 1.5em; }
  .template-index .slider .slide .caption.top { top: 125px; margin-top: 0; }
  .template-index .slider .slide .caption.middle { top: 50%; margin-top: 0; }
  .template-index .slider .slide .caption.bottom { bottom: 0; }
  .template-index .slider .slide .caption.left { left: 0; }
  .template-index .slider .slide .caption.center { left: 50%; margin-left: 0; }
  .template-index .slider .slide .caption.right { right: 0; }
  .template-index .slider .slide .caption.bottom.right { bottom: 45px; } }
.lt-ie9 .template-index .slider .slide .caption { position: absolute; max-width: 350px; margin: 20px 55px 30px; padding: 15px; }
.lt-ie9 .template-index .slider .slide .caption .title { font-size: 1.16667em; }
.lt-ie9 .template-index .slider .slide .caption .sub-title { font-size: 1em; }
.lt-ie9 .template-index .slider .slide .caption a.button { font-size: 0.83333em; }
.lt-ie9 .template-index .slider .slide .caption.top { top: 125px; margin-top: 0; }
.lt-ie9 .template-index .slider .slide .caption.middle { top: 50%; margin-top: 0; }
.lt-ie9 .template-index .slider .slide .caption.bottom { bottom: 0; }
.lt-ie9 .template-index .slider .slide .caption.left { left: 0; }
.lt-ie9 .template-index .slider .slide .caption.center { left: 50%; margin-left: 0; }
.lt-ie9 .template-index .slider .slide .caption.right { right: 0; }
.lt-ie9 .template-index .slider .slide .caption.bottom.right { bottom: 45px; }


@media only screen and (min-width: 1200px) { 

.template-index .slider .slide .caption { max-width: 540px; padding: 20px; }

  .template-index .slider .slide .caption .title { font-size:  2.14em; color: #153252; margin-bottom:20px;}
  .template-index .slider .slide .caption .sub-title { font-size: 1.2em; color: #153252; /*font-weight: bold;*/  }
  .template-index .slider .slide .caption a.button { font-size: 1.2em; } }
.template-index .slider .owl-controls { margin-top: 0; }
.template-index .slider .owl-pagination { position: absolute; right: 20px; bottom: 18px; top: auto; margin: 0; padding: 5px; }
@media only screen and (min-width: 768px) { .template-index .slider .owl-pagination { right: 50px; bottom: 20px; } }
.lt-ie9 .template-index .slider .owl-pagination { right: 50px; bottom: 20px; }
.template-index .slider .owl-pagination .owl-page { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border: 0; margin: 0 7px 0 0; cursor: pointer; display: inline-block; height: 15px; width: 15px; background-color:  #153252 ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.template-index .slider .owl-pagination .owl-page:last-child { margin-right: 0; }
.template-index .slider .owl-pagination .owl-page.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }


.template-index .product-slider { 
background:  transparent ;
position: relative;
padding-top: 0px;
padding-bottom: 60px;

}
@media only screen and (min-width: 768px) { .template-index .product-slider { padding-top: 0px;  } }

.lt-ie9 .template-index .product-slider { padding-top: 100px; padding-bottom: 100px; }
.template-index .product-slider.disabled .product-item { display: inline-block; float: none; width: 100%; }

@media only screen and (min-width: 768px) { .template-index .product-slider.disabled .product-item { width: 25%; } }

.lt-ie9 .template-index .product-slider.disabled .product-item { width: 25%; }
.template-index .product-slider.disabled .row.content { text-align: center; }
.template-index .product-slider.disabled .product-grid { display: inline-block; width: auto; }
.template-index .product-slider .content.row { padding: 0 50px; }
.template-index .product-slider .product-item { max-width: 100%; width: 100%; display: none; padding: 0 10px; margin-bottom: 0; }
.template-index .product-slider .owl-prev, .template-index .product-slider .owl-next { color:  #153252 ; font-family: 'blockshop-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; font-size: 35px; position: absolute; top: 50%; background: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
.template-index .product-slider .owl-prev { left: 0; margin: -80px 0 0 -40px; }
.template-index .product-slider .owl-prev:before { content: "\e61a"; }
.template-index .product-slider .owl-next { right: 0; margin: -80px -40px 0 0; }
.template-index .product-slider .owl-next:before { content: "\e61b"; }

.template-index .product-slider h2 { 
text-align: center;
text-transform: uppercase;
font-size: 2em;
margin-top: 40px;
font-weight: bold;
}

.template-index .product-slider h2 sup {

position: relative;
font-size: 9pt;
top: -10px;
}

.sb-outer {

background-image: url(widget-02-bg.png);
width: 95%;
margin: 5px auto;
padding: 1% 0% 1% 0%;
border: solid 1px #153252;
position: relative;
z-index: 200;
/*top: -50px;*/
  
  
}

/*
.template-index .product-slider.top {

margin: 0px !Important;
border: solid red 1px;
background-color: green;

}
*/


.sb-inner {

background-color: white;
width: 98%;
/* min-height: 630px; */
margin: 0 auto

}



/*
.template-index .product-slider {

background-color: green;
width: 95%;
height: 490px;
margin: 0 auto;
z-index: 200;
top:-50px;
margin-bottom: 20px;
border: solid 1px #153252;
}


.product-slider-inner {

  background-color: #ffffff;
    left: 22px;
    margin: 0 auto;
    position: absolute;
    top: 22px;
    width: 97%;
    
}
*/


@media only screen and (min-width: 768px) { .template-index .product-slider h2 { margin-bottom: 40px; } }
.lt-ie9 .template-index .product-slider h2 { margin-bottom: 50px; }
.template-index .product-slider ul { list-style: none; margin-top: 50px; }
.template-index .product-slider ul li .columns { float: left !important; }
.template-index .widgets .row { padding: 30px 10px 0; }
@media only screen and (min-width: 768px) { .template-index .widgets .row { padding: 40px 30px 0; } }
.lt-ie9 .template-index .widgets .row { padding: 100px 30px 0; }
.template-index .widgets .columns { padding-bottom: 30px; }
@media only screen and (min-width: 768px) { .template-index .widgets .columns { padding-bottom: 40px; } }
.lt-ie9 .template-index .widgets .columns { padding-bottom: 100px; }
.template-index .widgets .featured-promo { background:  #f7f7f7 ; }
.template-index .widgets .featured-promo img { display: block; margin: 0 auto; }
@media only screen and (min-width: 768px) { .template-index .widgets .featured-promo img { margin: 0 auto; } }
.lt-ie9 .template-index .widgets .featured-promo img { margin: 0 auto; }
@media only screen and (min-width: 1280px) { .template-index .widgets .featured-promo .vimeo-wrapper { padding: 0 40px; } }
.template-index .widgets .featured-promo .description { font-size: 1.16667em; line-height: 1.8; max-width: 800px; display: inline-block; }
.template-index .widgets .featured-promo .description .call-to-action a { margin-top: 30px; margin-bottom: 0; text-transform: none; }
.template-index .widgets .featured-promo .description .call-to-action a .button { margin-bottom: 0; }
.template-index .widgets .small-promos { padding: 0; }
.template-index .widgets .small-promos .row { padding: 0; }
.template-index .widgets .small-promos .columns { margin: 0; padding: 0; }
.template-index .widgets .small-promos .columns:last-child { margin: 0; }
.template-index .widgets .small-promos .image-text-widget { position: relative; }
.template-index .widgets .small-promos img { width: 100%; }
.template-index .widgets .small-promos .block { min-height: 140px; }
.template-index .widgets .small-promos .caption { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding: 0; }

.template-index .widgets .small-promos .image-text-widget:hover { opacity:.8; }

.template-index .widgets .small-promos .caption .bg { 

width: 100%;
height: 100%;
position:absolute;
top: 0;
left: 0;

/* display: none; */

background: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; z-index: 0;

}


.template-index .widgets .small-promos .caption .inner { 

position: absolute;
z-index: 1;
top: 50%;
margin-top: -20px;
display: none;
width: 100%;
text-align: center;
}

.template-index .widgets .small-promos .caption h1 { 
position: relative;
z-index: 1;
margin: 0 0 10px 0;
display: none;
color: #153252;
font-size: 1.5em;
}

.template-index .widgets .small-promos .caption h2 { color: #999999; margin: 0; font-family:  'Lato', sans-serif ; font-size: 1.16667em; font-weight: normal; text-transform: uppercase; }
.template-index .widgets .social-feeds { background:  transparent ; }
.template-index .widgets .social-feeds .title { text-align: center; font-size:1.4em; }
.template-index .widgets .title {/* font-family:MrEavesSanOT-Heavy;*/ text-transform: uppercase; font-size: 1.5em; margin-bottom: 15px; font-weight: bold; }
@media only screen and (min-width: 768px) { .template-index .widgets .title { margin-bottom: 50px; } }
.lt-ie9 .template-index .widgets .title { margin-bottom: 50px; }
.template-index .image-widget { padding: 15px; }
@media only screen and (min-width: 768px) { .template-index .image-widget { padding: 0; } }
.lt-ie9 .template-index .image-widget { padding: 0; }
.template-index .image-widget img { width: 100%; }
.template-index .twitter-widget { text-align: center; }
.template-index .twitter-widget iframe { display: block; margin: 0 auto; }
.template-index .instagram-widget { text-align: center; }
.template-index .instagram-widget .items { margin-top: -7px; display: inline-block; overflow: hidden; max-height: 345px; max-width: 501px; }
.template-index .instagram-widget .items.wide { max-width: 1002px; }
.template-index .instagram-widget .items .item { max-width: 153px; display: inline-block; margin: 7px; }
.template-index .blog-widget { max-width: 300px; margin: 0 auto;}
.template-index .blog-widget ul { list-style: none; margin: 0; padding: 0; font-size:1em;}
.template-index .blog-widget li { margin-bottom: 30px; }
.template-index .blog-widget li:last-child { margin: 0; }
.template-index .blog-widget .item-title { font-weight: bold; text-transform: capitalize; }
.template-index .blog-widget .date { font-size: 0.83333em; text-transform: uppercase; margin-bottom: 10px; }
.template-index .blog-widget .content { margin-bottom: 10px; }

/*  4.2 -  Collections List
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-list-collections .page-title { margin-bottom: 20px; }
.template-list-collections .collection-item { max-width: 100%; margin: 1.25em 0; text-align: center; }
.template-list-collections .collection-item .image-wrapper { max-width: 100%; }
.template-list-collections .collection-item .image-wrapper img { max-width: 100%; }
.template-list-collections .pagination { float: right; }
.template-list-collections .image-wrapper { display: inline-block; }
.template-list-collections .caption { display: none; width: 100%; height: 101%; position: absolute; top: 0; left: 0; padding: 0; }
.template-list-collections .caption .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; z-index: 0; }
.template-list-collections .caption .inner { position: absolute; z-index: 1; top: 50%; margin-top: -20px; width: 100%; text-align: center; }
.template-list-collections .caption .title { position: relative; z-index: 1; margin: 0 0 10px 0; color: #153252; font-size: 1.5em; }
.template-list-collections .caption .product-count { color: #999999; margin: 0; font-family:  'Lato', sans-serif ; font-size: 1.16667em; font-weight: normal; text-transform: uppercase; }

/*  4.3 - Collection
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-collection .main-content { margin-bottom: 0; }
.template-collection .main-content header .tag-filter { padding-top: 6px; text-align: right; margin: 0 0 15px 0; }
.template-collection .main-content header .tag-filter .title { margin-right: 5px; vertical-align: top; }
.template-collection .main-content header .tag-filter form.custom { display: inline-block; vertical-align: top; margin: -4px 0 0 0; }
.template-collection .main-content header .tag-filter form.custom .custom.dropdown { margin: 0; }
.template-collection .main-content header .tag-filter form.custom .custom.dropdown ul { left: auto; right: -1px; text-align: left; }
.template-collection .main-content .description { font-family:  'Lato', sans-serif ; text-transform: none; margin: 40px 0; }
.template-collection .main-content .product-grid { margin: 30px auto 0; }
.template-collection .main-content .divider.bottom-margin { margin-bottom: 20px; }
.template-collection .main-content footer .right .pagination { float: right; }
.template-collection .main-footer { margin-top: 0; }

/*  4.4 - Product
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-product .main-footer { margin-top: 0; }
.template-product header .breadcrumbs { padding-bottom: 10px; }
.template-product header .previous-next a { text-transform: capitalize; font-family:  'Lato', sans-serif ; font-size: 1em; }
.template-product header .previous-next .columns { height: 80px; padding-top: 30px; padding-bottom: 30px; }
.template-product article { padding-top: 30px; padding-bottom: 100px; }
@media only screen and (min-width: 768px) { .template-product article .left-column { width: 50%; display: block; } }
.lt-ie9 .template-product article .left-column { width: 50%; display: block; }
@media only screen and (min-width: 1280px) { .template-product article .left-column { width: 25%; display: block; } }
.template-product article .right-column { display: none; }
@media only screen and (min-width: 1280px) { .template-product article .right-column { display: block; } }
.template-product article .page-title { color:  #153252 ; text-transform: uppercase; }
.template-product article .vendor { text-transform: uppercase; font-weight: 300; color:  #153252 ; }
.template-product article .vendor a { color:  #153252 ; }
.template-product article .variants.hidden { display: none; }
.template-product article .variants { max-width: 310px; }
.template-product article .prices .actual-price { font-family: 'Libre Baskerville', serif;/*font-family:  'Lato', sans-serif ;*/ color:  #153252 ; font-weight: lighter; font-size: 28px; }
/*.template-product article .prices .compare-price, .template-product article .prices .actual-price { font-family:'Libre Baskerville', serif !important; };*/


.template-product article .prices .compare-price { text-decoration: line-through; font-size: 1.16667em; text-transform: lowercase; color:  #a4b0bb ; font-style: italic; }
.template-product article .quantity { float: left; margin-right: 22px; }
.template-product article .quantity input { font-size: 1em; width: 70px; }
.template-product article .add-to-cart .sold-out { display: none; padding: 24px 0 0 0; float: left; font-size: 1em; color: #f7c665; max-width: 180px; }
.template-product article .add-to-cart .sold-out.long { padding-top: 21px; font-size: 1em; font-style: italic; }
.template-product article .add-to-cart.disabled .purchase { display: none; }
.template-product article .add-to-cart.disabled .sold-out { display: block; }
.template-product article .add-to-cart .button { float: left; margin: 12px 0 0 0; font-family:  'Lato', sans-serif ; color:  #ffffff ; font-size: 1.16667em; background:  #153252 ; text-transform: uppercase; letter-spacing: 1px; }
.template-product article .add-to-cart .button:hover { background:  #5d7492 ; }
.template-product article .add-to-cart .button.disabled:hover { background:  #153252 ; }
.template-product article .product-unavailable { max-width: 250px; color:#153252 !important;}
.template-product article .product-unavailable input[type="email"] { float: left; width: 180px; }
.template-product article .product-unavailable .button { float: left; margin-left: 5px; width: auto; padding: 0 10px; }
.template-product article .product-unavailable p { color:#153252 !important;}
.template-product article .description.show-for-medium-down { margin-top: 30px; }
.template-product .thumbs { display: inline-block; }
.template-product .thumbs ul { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; }
.template-product .thumbs .thumb { padding: 3px; display: inline-block; cursor: pointer; margin-bottom: 3px; text-align: left; max-width: 32%; width: 100px; }
.template-product .thumbs .thumb.active img { outline: 1px solid #5d7492; }
@media only screen and (min-width: 768px) { .template-product .thumbs .thumb { max-width: none; } }
.lt-ie9 .template-product .thumbs .thumb { max-width: none; }
.template-product .thumbs img { width: 90px; }
@media only screen and (min-width: 768px) { .template-product .thumbs img { width: auto; } }
.lt-ie9 .template-product .thumbs img { width: auto; }
.template-product .thumbs .previous-next { margin: 20px 10px 20px 0; text-align: right; text-transform: uppercase; }
.template-product .photos { text-align: center; padding-left: 0; min-height: 1px; margin-bottom: 20px; }
@media only screen and (min-width: 768px) { .template-product .photos .container { cursor: pointer; } }
.lt-ie9 .template-product .photos .container { cursor: pointer; }

.template-product .photos .container { 
display: inline-block;
position: relative;
overflow: hidden;
/* outline: 0px solid #5d7492; */
max-width: 100%; 

}

.template-product .photos .container .photo { /* display: none; top: 0; left: 0; */ position: relative; }

.template-product .photos .container .zoomImg { background: #ffffff; }
.template-product .social-share { text-align: center; background: #ffffff; padding: 50px 0; }
.lt-ie9 .template-product .social-share { margin-top: 50px; }
.template-product .social-share .title { text-transform: uppercase; margin-bottom: 30px; }
.template-product .similar-products { text-align: center; margin: 0; padding-top: 100px; padding-bottom: 100px; }
.template-product .similar-products h2.title { font-family:  'Lato', sans-serif ; font-size: 1.5em; text-transform: uppercase; margin-bottom: 30px; }
.template-product .similar-products .product-item { margin-bottom: 0; }
.template-product .similar-products .caption .title { font-family:  'Lato', sans-serif ; font-size: 1.16667em; text-transform: uppercase; }
.template-product .similar-products .caption .title .price { font-size: 1em; }

/*  4.5 - Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-page .main-content .row { max-width: 1200px; margin: 0; }
.template-page .main-content .full-width.row { max-width: none; }
.template-page .main-content .single-column.row { max-width: 700px; margin: 0; }
.template-page .main-content .left-side-column, .template-page .main-content .right-side-column { position: relative; float: left; }
@media only screen and (min-width: 768px) { .template-page .main-content .left-side-column, .template-page .main-content .right-side-column { width: 30%; } }
.lt-ie9 .template-page .main-content .left-side-column, .lt-ie9 .template-page .main-content .right-side-column { width: 30%; }
@media only screen and (min-width: 768px) { .template-page .main-content .left-side-column.with-2-sidebars, .template-page .main-content .right-side-column.with-2-sidebars { width: 25%; } }
.lt-ie9 .template-page .main-content .left-side-column.with-2-sidebars, .lt-ie9 .template-page .main-content .right-side-column.with-2-sidebars { width: 25%; }
.template-page .main-content .left-side-column { padding-right: 30px; }
.template-page .main-content .right-side-column { padding-left: 30px; }
.template-page .main-content .main-column { position: relative; float: left; }
@media only screen and (min-width: 768px) { .template-page .main-content .main-column { width: 70%; } }
.lt-ie9 .template-page .main-content .main-column { width: 70%; }
@media only screen and (min-width: 768px) { .template-page .main-content .main-column.with-2-sidebars { width: 50%; } }
.lt-ie9 .template-page .main-content .main-column.with-2-sidebars { width: 50%; }
.template-page .main-content .contact-form input[type="text"], .template-page .main-content .contact-form input[type="email"], .template-page .main-content .contact-form input[type="tel"] { max-width: 300px; }
.template-page .main-content .contact-form textarea { max-width: 300px; height: 100px; }

/*  4.6 - Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-search .main-content .narrow.row { max-width: 960px; margin: 0; }
.template-search .main-content .page-title { padding-top: 15px; }
.template-search .main-content .divider { border-top: 1px solid #5d7492; }
.template-search .main-content .row.summary { padding: 10px 20px; }
@media only screen and (min-width: 768px) { .template-search .main-content .row.summary { padding: 25px 40px; } }
.lt-ie9 .template-search .main-content .row.summary { padding: 25px 40px; }
.template-search .main-content .row.summary p { margin: 5px 0 0 0; }
.template-search .main-content .row.summary input { margin: 0 !important; }
.template-search .main-content .row.summary .columns { padding: 10px 0; }
@media only screen and (min-width: 768px) { .template-search .main-content .row.summary .columns { padding: 0 15px; } }
.lt-ie9 .template-search .main-content .row.summary .columns { padding: 0 15px; }
.template-search .main-content .row.results { margin: 30px 0; }
.template-search .main-content .searchbar-container { max-width: 250px; }
.template-search .main-content .searchbar-container form { position: relative; padding-left: 0; }
.template-search .main-content .searchbar-container .text { padding-right: 27px; }
.template-search .main-content .searchbar-container button { font-size: 14px; top: 7px; background: none; border: 0; padding: 0; margin: 0; position: absolute; color: #153252; }
.template-search .main-content .thumbnail { min-height: 1px; }
.template-search .main-content .pagination { float: right; }

/*  4.7 - Blog & Article
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-blog .blog-title .text, .template-article .blog-title .text { font-family:  'Lato', sans-serif ; font-size: 2em; color: #153252; padding-bottom: 0; margin: 0; }
.template-blog .left-two-columns-wrapper, .template-article .left-two-columns-wrapper { margin: 0; padding-top: 30px; }
@media only screen and (min-width: 768px) { .template-blog .articles, .template-article .articles { width: 66.66667%; } }
.lt-ie9 .template-blog .articles, .lt-ie9 .template-article .articles { width: 66.66667%; }
@media only screen and (min-width: 1280px) { .template-blog .articles, .template-article .articles { width: 75%; } }
.template-blog .previous-next a, .template-article .previous-next a { text-transform: capitalize; font-family:  'Lato', sans-serif ; font-size: 1em; }
.template-blog .previous-next .columns, .template-article .previous-next .columns { min-height: 59px; padding-top: 10px; padding-bottom: 30px; }
.template-blog .article .left-sidebar, .template-article .article .left-sidebar { padding-left: 0; }
.template-blog .article .left-sidebar .title, .template-article .article .left-sidebar .title { font-size: 1em; color: #153252; margin-bottom: 0; text-transform: uppercase; }
@media only screen and (min-width: 768px) { .template-blog .article .middle-column, .template-article .article .middle-column { width: 100%; } }
.lt-ie9 .template-blog .article .middle-column, .lt-ie9 .template-article .article .middle-column { width: 100%; }
@media only screen and (min-width: 1280px) { .template-blog .article .middle-column, .template-article .article .middle-column { width: 75%; } }
.template-blog .article .middle-column .title, .template-article .article .middle-column .title { font-family:  'Lato', sans-serif ; font-size: 2em; color: #a4b0bb; margin: 0; }
.template-blog .article .middle-column .content, .template-article .article .middle-column .content { font-family:  'Lato', sans-serif ; padding: 10px 0 30px 0; }
.template-blog .article .middle-column .content .read-more, .template-article .article .middle-column .content .read-more { text-align: right; margin-top: 10px; }
.template-blog .article .middle-column img, .template-article .article .middle-column img { margin: 15px 0; }
.template-blog .article .middle-column .social-share, .template-article .article .middle-column .social-share { margin-left: -10px; padding: 15px 0; }
.template-blog .article .middle-column .comments, .template-article .article .middle-column .comments { border-top: 1px solid #5d7492; }
.template-blog .article .middle-column .comments .comment, .template-article .article .middle-column .comments .comment { border-bottom: 1px solid #5d7492; padding: 15px 0; }
.template-blog .article .middle-column .comments .title, .template-article .article .middle-column .comments .title { font-size: 1.5em; color: #153252; padding: 15px 0; }
.template-blog .article .middle-column .comments label, .template-article .article .middle-column .comments label { font-family:  'Lato', sans-serif ; font-size: 1em; }
.template-blog .article .middle-column .comments .date, .template-article .article .middle-column .comments .date { font-family:  'Lato', sans-serif ; font-size: 0.83333em; font-weight: normal; text-transform: uppercase; font-style: italic; }
.template-blog .article .middle-column .comments .comment-form, .template-article .article .middle-column .comments .comment-form { max-width: 400px; }
.template-blog .article .middle-column .comments .comment-form #comment_body, .template-article .article .middle-column .comments .comment-form #comment_body { height: 100px; }
.template-blog .side-bar, .template-article .side-bar { text-align: center; }
@media only screen and (min-width: 768px) { .template-blog .side-bar, .template-article .side-bar { width: 33.33333%; } }
.lt-ie9 .template-blog .side-bar, .lt-ie9 .template-article .side-bar { width: 33.33333%; }
@media only screen and (min-width: 1280px) { .template-blog .side-bar, .template-article .side-bar { width: 25%; } }
.template-blog .side-bar .title, .template-article .side-bar .title { text-transform: uppercase; font-size: 1em; color: #153252; }
.template-blog .side-bar ul, .template-article .side-bar ul { padding: 0; }
.template-blog .side-bar ul li.item, .template-article .side-bar ul li.item { list-style-type: none; display: inline-block; padding: 0 10px 20px 10px; font-size: 1em; text-transform: capitalize; }
.template-blog .side-bar ul li.item.active a, .template-blog .side-bar ul li.item.active a:link, .template-blog .side-bar ul li.item.active a:visited, .template-blog .side-bar ul li.item.active a:hover, .template-article .side-bar ul li.item.active a, .template-article .side-bar ul li.item.active a:link, .template-article .side-bar ul li.item.active a:visited, .template-article .side-bar ul li.item.active a:hover { color: #153252; border-bottom: 1px solid #5d7492; }
.template-blog .side-bar ul em, .template-article .side-bar ul em { font-size: 0.83333em; text-transform: uppercase; font-weight: normal; font-style: normal; }
.template-blog .side-bar .recent-articles li.item, .template-article .side-bar .recent-articles li.item { width: 100%; }
.template-blog .pagination, .template-article .pagination { float: right; }

.template-blog .article { border-top: 1px solid #5d7492; padding-top: 30px; }
.template-blog .side-bar .divider { margin-bottom: 30px; }

.template-article .side-bar .divider { display: none; }
@media only screen and (min-width: 768px) { .template-article .article { width: 66.66667%; } }
.lt-ie9 .template-article .article { width: 66.66667%; }
@media only screen and (min-width: 1280px) { .template-article .article { width: 75%; } }

/*  4.8 - Cart
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-cart { /* Shipping Calculator Styles */ }
.template-cart .main-content .row { margin: 0; }
.template-cart .empty-cart.row { max-width: 60em; }
.template-cart .empty-cart.row h1 { font-size: 1.16667em; margin-bottom: 30px; }
.template-cart .empty-cart.row h2 { font-size: 1em; }
.template-cart h3 { font-weight: normal; }
.template-cart .cart-table { margin-bottom: 30px; }
.template-cart .cart-table tr th, .template-cart .cart-table tr td { padding: 6px 3px; font-size:1em;}
@media only screen and (min-width: 768px) { .template-cart .cart-table tr th, .template-cart .cart-table tr td { padding: 0.75em 0.83333em; font-size: 1.15em;}}
.lt-ie9 .template-cart .cart-table tr th, .lt-ie9 .template-cart .cart-table tr td { padding: 0.75em 0.83333em; }
.template-cart .cart-table .item { max-width: 400px; }
.template-cart .cart-table .quantity input { /*width: 30px;*/ width:40px; text-align:center; }
.template-cart .cart-table .title { display: none; }
@media only screen and (min-width: 768px) { .template-cart .cart-table .title { display: table-cell; } }
.lt-ie9 .template-cart .cart-table .title { display: table-cell; }
.template-cart .cart-table .mobile-title { margin: 15px 0 0; padding: 0 5px; display: block; font-size: 0.83333em; }
@media only screen and (min-width: 768px) { .template-cart .cart-table .mobile-title { display: none; } }
.lt-ie9 .template-cart .cart-table .mobile-title { display: none; }
.template-cart .cart-table th.image { width: 40%; }
@media only screen and (min-width: 768px) { .template-cart .cart-table th.image { width: auto; } }
.lt-ie9 .template-cart .cart-table th.image { width: auto; }
.template-cart .cart-table .image img { max-width: 120px; }
.template-cart .cart-table .glyph.cross { font-size: 18px; }
.template-cart .order-notes { padding: 0; text-align: right; }
@media only screen and (min-width: 1280px) { .template-cart .order-notes { right: 58.33333%; left: auto; width: 41.66667%; } }
.template-cart .order-notes .container { display: inline-block; width: 100%; }
.template-cart .order-notes h3 { text-align: left; }
.template-cart .totals { text-align: right; padding: 0; }
@media only screen and (min-width: 1280px) { .template-cart .totals { left: 41.66667%; right: auto; width: 58.33333%; } }
.template-cart .totals .or { padding: 0 10px; }
.template-cart .totals .button { padding: 12px 18px; }
@media only screen and (min-width: 768px) { .template-cart .totals .button { padding: 12px 24px; } }
.lt-ie9 .template-cart .totals .button { padding: 12px 24px; }
.template-cart .continue-shopping { padding-top: 20px; }
@media only screen and (min-width: 768px) { .template-cart .continue-shopping { border-top: 1px solid #5d7492; } }
.lt-ie9 .template-cart .continue-shopping { border-top: 1px solid #5d7492; }
.template-cart .shipping-calculator { display: none; width: 100%; max-width: 300px; }
.template-cart .shipping-calculator .button { padding: 12px 18px; }
@media only screen and (min-width: 768px) { .template-cart .shipping-calculator .button { padding: 12px 24px; } }
.lt-ie9 .template-cart .shipping-calculator .button { padding: 12px 24px; }
.template-cart .shipping-calculator #address_zip { margin-bottom: 30px; }

/*  4.9 - Customer Accounts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.account-content .row { max-width: 57.5em; margin: 0; }
.account-content .row.large { max-width: 106.66667em; }
.account-content #create_customer, .account-content #customer_login { max-width: 330px; }
.account-content h2 { margin-top: 30px; text-transform: uppercase; font-weight: normal; font-size: 1.16667em; }
@media only screen and (min-width: 768px) { .account-content h2 { margin-top: 0; } }
.lt-ie9 .account-content h2 { margin-top: 0; }
.account-content a, .account-content a:link { text-decoration: underline; }
.account-content #customer_sidebar { text-align: left; }
.account-content #customer_orders { overflow-x: auto; }
.account-content .address_table { margin: 0 0 40px 0; }
.account-content #order_details { width: 100%; margin: 40px 0 0 0; }
.account-content .table-wrapper { margin: 40px 0 0 0; }
.account-content .table-wrapper #order_details { margin: 0; }
.account-content table th { word-wrap: break-word; max-width: 130px; }




/*  5.0 - Custom
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.slider {
position: relative;
/*padding-top: 250px;*/
/*padding-top: 210px;*/

}

#greetings{

  max-width: 875px;
  border: 1px double #333;
  margin: 10px auto;
  background-color:yellow;
  font-family: 'Avenir', 'Helvetica', sans-serif;
  color: #333;
  line-height: 1.5;
  font-size: 10px;
  text-align: center;
  
}

.header-list {
/*  font-family: 'MrEavesModOT-Bold';*/
/*  font-size: 1.5em;*/
  font-weight:bold;
  list-style:none;
  background-repeat:no-repeat;
  position: relative;
  top: 65px;
  left: 0px;
  height: 20px;
  /* background-color: red; */
  width: 350px;

}

.header-list li {
   
    padding-right: 30px;
    display: inline-block;
}


li[data-type="phone"]{
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAMAAABYzB2OAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAyVBMVEUAAAATMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVON9M1RAAAAQnRSTlMAMmOOuNnyjzMn0tMp1fdxpAGj69jGbv2ImIf846/AfUbHuiXcyT60IrIoyhoLa23NsK3OGczR1FRSlFBXUYIhgEkUfg1/AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAJlJREFUCB0FwYlCAWEYQNGb5SP0jzY1pkUrlaTsZOm+/0N1DnBUKleqoVGt1Ep14LihqqqqzRYnasrap8BZdq5eoHrZubrO826R3ahye3ff40HzXB+fnvUFgFf7DAa8+U7/YwjwmRIj/SIVAABjv1HlxwkA05k2mOuCuY6HwFJ1xXrNRvUX2Kq62+8Pqi6BXkREYUoWERF//AOxJR3vEvhRZwAAAABJRU5ErkJggg==); 
 background-repeat: no-repeat;
 background-position: 0 3px;
 padding-left: 25px;
}
li[data-type="opening-hours"]{
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABcVBMVEUAAAAPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFMPMFM84wUqAAAAenRSTlMAAgMBBQQgDmT95iPThC0kdr478mocYhmK8dtvTFbrwhi/rLhEZqHO9xP27/SjSzzAc3+z4lXZl2f+ycxdtEVR3wdBY9Uq7FCLSThwTcuRX5SA/Dd5WWuIqimmVyyMW5Cu150UMH7G6KVHjvWwHvjRcUDUckYaNrWtH8YLmN0AAAABYktHRACIBR1IAAAACXBIWXMAAAsSAAALEgHS3X78AAABIklEQVQYGT3BhyMCYRgH4N99971FGZklZ1SOjAayUjIzMpNNNmXv8f717io9DxRhUgFRpkBIA8FihSRpICkFBBEJVFTa7AAVCQgiAqqYq2sAkElASCLUOmx19dzQqMIgCYIITdysAk5Xi7tVa4NKEBJo7wDQadc8bPBChQr4uEvv7vFzSS8Azct9XNI/wAEOAiH+Fx4cGqbIyOgYMM48EeXJWDA+lYhOz8zOheeBBU4uhlxLy5GV1GpqbX0DmwyAtxLp7czO7t7+gduvHR4dswVInmTZoYd0Tjqzp2cePucYcJG8DFz5rm+Y4/FbNumAxrn8HfvvucT/YAUeuezpOffy6oTJxob0W+D94xMFBIGv759M/hcFiiQpCYJQpIoSUv4AFilLeYSaxzYAAAAASUVORK5CYII=); 
 background-repeat: no-repeat;
 padding-left: 25px;
 background-position: 0 0;
 background-size: 20px 20px;
}


.footer-list {

  list-style:none;
  background-repeat:no-repeat;
  position: relative;
  top: 0px;
  left: 0px;
  text-align:center;  
/*  width: 350px;*/
  padding: 0;
  margin: auto;
}

.footer-list li {
   
    display: block;
    width: 100%;
    margin-top: -5px;
    font-size: 15px;
    font-family: 'Libre Baskerville', serif;
}


li[data-type="footer-phone"]{
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAMAAABYzB2OAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAyVBMVEUAAAATMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVMTMVON9M1RAAAAQnRSTlMAMmOOuNnyjzMn0tMp1fdxpAGj69jGbv2ImIf846/AfUbHuiXcyT60IrIoyhoLa23NsK3OGczR1FRSlFBXUYIhgEkUfg1/AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAJlJREFUCB0FwYlCAWEYQNGb5SP0jzY1pkUrlaTsZOm+/0N1DnBUKleqoVGt1Ep14LihqqqqzRYnasrap8BZdq5eoHrZubrO826R3ahye3ff40HzXB+fnvUFgFf7DAa8+U7/YwjwmRIj/SIVAABjv1HlxwkA05k2mOuCuY6HwFJ1xXrNRvUX2Kq62+8Pqi6BXkREYUoWERF//AOxJR3vEvhRZwAAAABJRU5ErkJggg==); 
 background-repeat: no-repeat;
 background-position: 0 3px;
 padding-left: 25px;
 margin-left:20%;
}
li[data-type="email"]{
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAk1BMVEUAAAAVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlIVMlJgDsrvAAAAMHRSTlMAEFBVEQHXB7wFcfcexyQr0CzzZYn9irEWQOCy0ggPo6Q/jQs+s/Rm2sjPBnC7URJR+aQLAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAJhJREFUGNNt0EkSgjAQBdAWgRAICTJoGFVQZrDvfzpNKQpV/l2/RU8AO22/iqYDGCZuYhpArC1ZBCi1nR84NqXAXC68RbwDdxkw9AMSRgqiIwl8VIR4knGCmMQyfRVvwiwvzpciz/BLqbyWVVXe5P1DdaN6tS1GIWlqRR0X/TKxF7xjMNBxvddIByDTdvuJ/LsR9Hn9ifkBT6AGIN8qTIudAAAAAElFTkSuQmCC); 
 background-repeat: no-repeat;
 padding-left: 25px;
 background-position: 0 0;

}



/**** form page styling *****/

.page-header img{ width: 100% !Important; }
/*
.page-form .columns{

  width: 100%;
  border:none;
  margin-left:0;
  margin-right:0;
  padding:0;
}
*/
.page-outer {
  opacity:0.9;
background-image: url(widget-02-bg.png);
width: 100%;
margin: 0 auto;
padding: 1% 0% 1% 0%;
border: solid 1px #153252;
}


.page-inner {

border:0;
margin:0;
width:100%;
overflow: hidden; 
-webkit-overflow-scrolling:touch;
padding: 2px;
}

@media only screen and (max-width: 567px){
  
  ul.header-list{
    top: 105px;
  }


  ul.header-list li{
   display:none;
    padding-right:0;
  }
  
  ul.header-list{
    display:none;
    visibility: hidden; 
  }
	.main-header .top.row {
      min-height: initial;
      padding-bottom:4%;
	}
  
  ul.header-list li.order-takeaway{
    display:inline-block;
  }
}

@media only screen and (min-width: 568px){
  ul.header-list {
      top: 115px;
      margin: 0 auto;
    }
}

@media only screen and (max-width: 767px){

.template-index .slider { border-bottom: 1px solid #5d7492; padding-top: 0px; }
}


@media only screen and (max-width: 1250px){

/*.template-index .slider { border-bottom: 1px solid #5d7492; padding-top: 0px; }*/

.top.row{

  text-align: center;
}

.header-list {

  position: relative;
  top: 120px;

}

.header-list {

  /*Centering Method 2*/
  /*margin: 0px 0 0 -150px;
  left: 50%;*/
  margin: 0 auto;
  width: auto;
  padding:0;
}

.header-list li:last-child{
  padding-right:0;
  }

.sb-outer {

background-image:none;
width: 100%;
margin: 0 auto;
padding:0;
border: none;
position: relative;
z-index: 200;
top: 0px;
}

.sb-inner {

background-color: white;
width: 100%;
/*min-height: 630px;*/
margin: 0 auto

}





}



@media only screen and (min-width: 768px){ 
  .page-inner {

      background-color: white;
      width: 98%;
      margin: 0 auto
    }

/* .sider { padding-top: 0px !Important; } */

}


.main-content .contact .row{
  font-size: 1em;
  max-width:none;
}

.main-content .contact .columns{
  width:100%;
  margin-bottom: 20px;
  text-align:center;

}
 

.main-content .contact ul{
  list-style:none;
  padding:0;
}
.main-content .contact ul.content{
  padding:0;
/*  font-family: MrEavesModOT-Reg;*/
}



.main-content .contact ul.content>li:last-child{
  border:none;
}

.main-content .contact ul.content>li h3{
/*  font-family: MrEavesModOT-Bold;*/
  font-size: 1.2em;
  margin:0;
}



.main-content .contact .border{

    display: inline-block;
    width: 100%;
 
}

.main-content .contact .map-container{

  position: relative;
}

.main-content .contact .map-container .city-mapper{

    position: absolute;
    top: 10px;
    right: 10px;
}

.page-current-vacancies h2{
  font-size:2em;
}

.page-current-vacancies .featherlight .featherlight-content{
  text-align:center;

}

.job-spec{
/*  font-family: MrEavesModOT-Reg, sans-serif;*/
  line-height: 1em;
    background: white;
    font-size: 1em;
    padding: 30px 30px;
}

.hiring .page-outer{
  margin-bottom: 20px;
}

.page-inner:after{
    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.job-spec h3{
  font-size: 2em;
  text-transform: uppercase;
  margin-bottom: 20px;
  line-height: 1em;
}

.job-spec h4{
    font-size: 1.1em;
    display: inline-block;
    line-height: 1.3em;
    margin-bottom: 5px;
  }

.job-spec .copy{
  font-size: 1em;
  padding: 10px 0;
  text-align: justify;
  }
  
  .job-spec a.button{
    position:static
    font-size: .9em;
    text-transform:uppercase;
    color:white;
    width:100%;
    margin-bottom:0;
  }
  
@media only screen and (min-width: 600px){ 
  .job-spec a.button{
    position:absolute;
    right:30px;
    top:25px;
    font-size: .9em;
    text-transform:uppercase;
    color:white;
    width:auto;
  }
  
  .job-spec .copy{
  
    text-align: left;
    }
}

.page-menus h2{
  text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    margin-top: 30px;
    font-weight: bold;

}
.page-menus h2 sup{
    position: relative;
    font-size: 9pt;
    top: -10px;
  }


.menus .menu-1{

    position: relative;
    /*bottom: 0;
    right: 5%;
    width: 100%;
    height: 20%;*/
  margin-top: -118px;
    text-align: center;
  text-align:center;
}

.menus .menu-1 .page-outer{
  
  padding: 2%;
  
  }
.menus .menu-1 .page-inner{
  
  width:100%;
  
  }
  
.menus .menu-1 .inner sup {
      position: relative;
      font-size: inherit;
      top: -2px;
    font-family: Helvetica;
  }
  
.menus img{

  width:100%;
}

.menus .menu-1 .inner{
  padding: 15px 0;
  background:white;
  width:100%;
    color:#153252;
  }
.menus .menu-1 .inner a{  
/*  font-family: MrsEavesXLSerifNarOT-RegItalic;*/
      color: #0e3054;
  font-size: 1em;
  font-style:italic;
  }
.menus .menu-1 .inner h2{
  font-size:2em;
  margin: 0;
  } 
  
@media only screen and (min-width: 650px) {

  .page-menus .large-4{
    padding:10px;
  }
  
  .menus .menu-1{

      position: absolute;
      bottom: 6.5%;
      right: 5%;
      width: 90%;
      height: auto;
    text-align:center;
  }
  
  .menus .menu-1 .inner h2{
    font-size:3em;
  }
}
  
  
  
@media only screen and (min-width: 768px){
  
  .menus .menu-1{

      position: static;
      margin-top:0;
      width: 100%;
      
    text-align:center;
    
    
  }
  
  .menus .menu-1 .inner h2{
    font-size:1.2em;
    margin: 0;
  }
  
  .menus img {
      margin-bottom:0;
  }
  
}



@media only screen and (min-width: 1250px){ 
  
  
  .page-menus .large-4{
    padding:10px;
  }
  .menus .menu-1{
      
    text-align:center;
  
    
        position: absolute;
        bottom: 5%;
        right: 5%;
        width: 90%;
        height: auto;
    
    
  }


  .menus .menu-1 .inner h2{
    font-size:2em;
    margin: 0;
  }

  
  .main-content .contact ul.opening-times{
    margin-left:1.7em;

  }
    
  .main-content .contact .columns{
    width:inherit;
    margin:0;
    text-align:left;
    border-bottom: none;
  }
    
  .main-content .contact ul.content>li{
    border-right: 1px solid #cccccc;
    padding-left: 50px;
  }
    
  .main-content .contact .columns.large-3{
    width:25%;
  }
  .main-content .contact .columns.large-6 {
    width:50%;
  }
  .main-content .contact .border{
    border-bottom: 1px solid #cccccc;
    padding-bottom: 25px;
  }
}

.page-content h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    margin-top: 30px;
    font-weight: bold;
}
/*----------------------------------------------------------*/

.about-us .page-content{
  max-width: 1420px;
    margin: 0 auto;
  }

.column{
  color: #153252;
  margin-top:20px;
  width:100%;
  float:left;
  padding: 0 10px;
  font-size:1em;
}

.column p{
    margin-bottom:10px;
    text-align:justify;
    text-justify:inter-word;
}

.column p img{
  width:100%;
  height:auto;
}

.column.left p{
  padding-left: 0px;
}
.column.right p{
   
  padding-right: 0px;
}

.column img.floating-img{
  /*display:none;*/
  width:100%;
    max-width: 900px;
}

.image-container{
  margin: 0 auto;
  display:block;
  width:100%;
}

.image-container img{
  width: 100%;
  max-width: 900px;

  height: auto;
  margin: 0 auto;
  display: block;

}

@media only screen and (min-width: 768px) { 
  
  .image-container img{
    min-height: 500px;

  }

}

@media only screen and (min-width: 1200px) { 

  
  .column{
    width: 50%;
  margin-top:60px;
  }
  
  .column p{
    margin-bottom:20px;
  
    text-align:left;
    text-justify:inter-word;
  }
  
  .column.left p{
  padding-left: 75px;
  }
  .column.right p{
  padding-right: 75px;
  }
  
  


  
  .column img.floating-img{
    display:block;
      margin-top: -122px;
  }
  
}



/*----------------------------------------------------------*/
.search-account.columns{

  padding-right:30px;
}

 h2 sup{
    position: relative;
    font-size: 9pt;
    top: -10px;
  }

.prices{
  font-family:'Libre Baskerville', serif !important; 
}

#DBB-fatman-logo{
  margin: 20px 0 40px 0;
}


.page-gallery .page-content{
  margin:0 auto; 
  max-width:1400px;
}

.page-gallery .main-content .row{

  max-width:100%;

}
  
.page-gallery ul.gallery {
  list-style:none; 
  padding:0;
}

.page-gallery ul.gallery li {
  float:none !important;
  display:block; 
  padding:10px; 
  text-align:center;
  }
.page-gallery ul.gallery li img{
  width:100%;
  height:auto;
  }
  
  
  ul.list-bottom {
    font-family: 'Libre Baskerville', serif;
      width: auto;
      display: inline-block;
    /*text-align: center;*/
    display:none;
    padding:0;
  }
  ul.list-bottom.small{
      display:inline-block;
    margin-bottom:0;
  }
    .list-bottom  li {
      display: inline-block;
    float:left;
    width:auto;
    padding: 0 2px;
  }
  .list-bottom li + li::before {
      content: " | ";
  }
  
@media only screen and (min-width: 610px) { 
  ul.list-bottom {
    display:inline-block;
  }
  ul.list-bottom.small{
    display:none;
    }
    
} 
  
@media only screen and (min-width: 768px) { 
  .page-gallery ul.gallery li {
    float:left !important;
  }
}

.featherlight-content .featherlight-inner p, .featherlight-content .featherlight-inner h3{
  
  margin-bottom:5px;
  
  }

/*--- google map ------*/


      #map {
          height:400px;
          width:100%;
          margin: 20px 0 50px 0;
      }
      .gm-style-iw * {
          display: block;
          width: 100%;
      }
      .gm-style-iw h4, .gm-style-iw p {
          margin: 0;
          padding: 0;
      }
      .gm-style-iw a {
          color: #4272db;
      }








#hi-eu-opt-in .confirmed{
  display:none; 
}

.order-takeaway{
  
    display:none;
}

.order-takeaway.small{
  display: block;
  }



.order-takeaway.small:hover{
  color: #5d7492;
}

.order-takeaway span{
  font-family: '097835bdf6cbdea4efa397c86dcced445e9f0da6';
    font-style: normal;
    vertical-align: -0.1em;
  font-weight: normal;
}  

.telephone-store{
    display:none;
  padding: 0px 20px;
  position: absolute;
  text-align:center;
  left: 0;
  width: auto;
  font-weight: bold;

}

.about-small{
      display: block;
    }
  .about-large{
    display: none;
  }

@media only screen and (min-width: 568px) {
  .order-takeaway.small{
    display: inline-block;
  }

}
@media only screen and (min-width: 1250px) { 

	.about-small{
      display: none;
    }
  .about-large{
    display: block;
  }
  
  
  .order-takeaway{
    border: 1px solid #113152;
    padding: 10px 20px;
    position: absolute;
    top:40px;
      left: 105px;
      width: auto;
      margin-top: 3px;
      display:block;
      transition: 1s ease;
  }

  .order-takeaway:hover{
    color: #ffffff;
      background: #5d7492;
      transition: 1s ease;
  }

  .order-takeaway.small{
    display: none;
  }
  .telephone-store{
    display:block;
    padding: 0px 10px;
  }
  .header-list{
    visibility:hidden;
  }
}








   .tooltip-custom {
        outline : none;
        display : inline-block;
    }

    .tooltip-custom .info {
        display : block;
    }

    .tooltip-custom strong {
        line-height : 30px;
    }

    .tooltip-custom:hover {
        text-decoration : none;
    }

    .tooltip-custom span.spanner {
        

        z-index: 10;
        display: none;
        min-width: 230px;
        padding: 10px 20px 20px 20px;
        max-width: 300px;
        line-height: 16px;
        
        margin-left: -60px;
        text-align: center;
    }

    .header-list .tooltip-custom:hover span.spanner {
        display : inline;
        position : absolute;
        color: #153252;
        border : 4px solid #5d7492;
        background : #f5f5f5;
        

    }


    .tooltip-custom-custom span.spanner {
        border-radius : 4px;
        box-shadow : 5px 5px 8px #666;
    }

@media only screen and (min-width: 1250px) { 

  .tooltip-custom span.spanner {
      
        margin-left: 0;
        display:inline-block;
        padding-top:0;
        right:0;
        top: 60px;
        
    
    }
 }


.main-header .bottom-row .menu-container .main-menu ul li.dropdown a{
  padding-right:15px;
  
}

.page-gallery.template-page .featherlight-next:hover span, .featherlight-previous:hover span {
    display: inline-block;
    font-size: 3em;
}

.page-gallery.template-page .featherlight-previous{

    right: 85%;
}


.page-gallery.template-page .featherlight-next {

    left: 85%;
}

.page-terms-and-conditions{
  text-align: justify;
}

#storePickupApp{
    margin-bottom: 20px !important;
}

#storePickupApp select.clickCollectLocation {
    
  padding: 6px 10px;
}

#storePickupApp .clickCollectHeading {
  font-family: 'Lato', sans-serif;
    color: #153252 !important;
    font-size: 17px !important;
  
    font-weight: normal;
    display: block;
    text-align:left;
 
}

.recently-added{
      padding:10px;
      position:absolute;
        width: 650px;
        display:none;
        z-index:10;
        background:white;
      right:0;
      border: solid 1px black;
}
.recently-added table{
  border:none;

}

.recently-added table tr td.cart-detail {
  padding-bottom:0;
}
.recently-added .checkout{

  text-align:right;
  padding-right: 10px;
}

.recently-added table tr td.cart-price{
  min-width: 110px;
  text-align: right;
}

.recently-added .checkout .button{
  color:white !important;
}


.recently-added-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
}
       
.recently-added.mobile {
    width: 280px;
    left: 50%;
    right: auto;
    margin-left: -140px;
    position: fixed;
    top: 40%;
  z-index:301;
    margin-top: -131px;
}
       
.recently-added.mobile .checkout{

  text-align:center;
  padding-right: 10px;
}


.template-index .instagram-widget .items {
  max-width:100%;
}

.template-index .instagram-widget .items.wide {
   max-width:100%;
}

.template-index .instagram-widget .items .item {
    max-width: 244px;
    display: inline-block;
    margin: 7px;
  vertical-align:top;
}

.template-index .instagram-widget .items a p{
      /*height: 75px;*/
  /*    overflow: hidden; */
  margin:0;
  
}

.template-index .instagram-widget .items .ellipsis{

  height:78px;

}


@media screen and (max-width: 1150px) {
  .template-index .instagram-widget .items {
      max-width: 600px;



      max-height:100%;
  }
  
  
 
  
  
}


.gallery-bottom-link{
    text-align: center;
    font-size: 20px;
}
 


/* cookies */
#hi-eu-opt-in .opt-in-splash {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 58px;
  height: 58px;
}
#hi-eu-opt-in .opt-in-splash.unconfirmed {
  background: url("hi-cookie-sprite.png") no-repeat scroll 0 -10px transparent;
  cursor: pointer;
}


#hi-cookie-box {
  background: url(hi-cookie-sprite.png) no-repeat -64px 0;
  width:190px;
  height:190px;
  font-size:11px;
  text-align: center!important;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index:10000000;
}
#hi-cookie-box p {text-align: center!important}
#hi-cookie-close  {display:block;float:right;background: #222;padding:3px 7px;border-radius:3px; cursor: pointer}
#hi-cookie-close:hover {background:#666;color:#fff!important}
#hi-cookie-box p {padding:0;margin:0}
#hi-cookie-box .hi-cookie-head {font-size:15px;padding:20px 0 3px 0; margin-top: 40px;}
#hi-cookie-box .hi-cookie-intro {color:#ccc; font-size: 10px; padding-bottom: 2px; line-height: 10px; white-space: pre}
#hi-cookie-box .hi-cookie-happy {margin-bottom: -2px;}
#hi-cookie-box a{color:#fff;font-weight:700;text-decoration:none}
#hi-cookie-box a:hover {color:#ccc}
#hi-cookie-box .hi-cookie-power {font-size: 9px; margin-top: -190px;}

#hi-cookie-box div.hi-cookie-btn {cursor: pointer; margin:5px 10px 8px 55px;float: left; display:block;background:url(hi-cookie-sprite.png) no-repeat 0 -126px;width:32px;height:32px;text-indent:-100000px}
#hi-cookie-box div.hi-cookie-btn.agree {margin-left:55px; background-position: 0 -126px;}
#hi-cookie-box div.hi-cookie-btn.disagree {margin-left:0;background-position: -32px -126px}
#hi-cookie-box div.hi-cookie-btn.agree:hover {background-position: 0 -158px}
#hi-cookie-box div.hi-cookie-btn.disagree:hover {background-position: -32px -158px}



/* new contact page*/

.custom-contact .column {
  margin-top:0;
}

.custom-contact .menus img {width:100%; height:auto; margin:0;}

.custom-contact .menus .menu {height:50px; top:25%; right: 20%; width: 60%; text-align: center; position: absolute; bottom: 5%;}



.custom-contact .menus .menu .page-outer {
    display: block;
    opacity: 0.75;


    padding: 2%;


    background-image: url(widget-02-bg.png);
    width: 100%;
    margin: 0 auto;

    border: solid 1px #153252;
}

.custom-contact .menus .menu .page-inner {
    width: 100%;

    background-color: white;
    margin: 0 auto;

    border-bottom: 1px solid black;


    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 2px;
}

.custom-contact .menus .menu .inner {
    padding: 15px 0;
    background: white;
    width: 100%;
    color: #153252;
}

.custom-contact .menus .menu .inner:hover {
    background: #eee;
}

.custom-contact .menus .menu .inner sup {
    position: relative;
    font-size: inherit;
    top: -2px;
    font-family: Helvetica;
}

.custom-contact .menus .menu .inner h2 {
    font-size: 1.2em;
    margin: 0;
}

.custom-contact .menus .menu .inner a {
    
    color: #0e3054;
    font-size: 1em;
    font-style: italic;
}

.custom-contact .rte-content p a {
    
  	text-decoration: underline;
    color: #153252;
  	word-break: normal;
}

.custom-contact .rte-content p a:hover {
    color: #5d7492;
}

.custom-contact input {
    width: 100%;
}

.template-page .main-content .custom-contact .contact-form input[type="text"], .template-page .main-content .custom-contact .contact-form input[type="email"],  .template-page .main-content .custom-contact .contact-form input[type="tel"], .template-page .main-content .custom-contact .contact-form textarea {

    max-width: 100% !important;
  width:100%;

}

.custom-contact .menus .menu .inner a {

    word-break: break-word;
}

.custom-contact .column.right p {
    padding-right: 0px;
    font-size: 1.1em;
}
#logoBadge{
  background-image: url(DBD_10yr_anniversary-124.png);
	background-repeat:no-repeat;
	width:248px;
	height:248px;
  z-index:9999999;
  position:absolute;
  top:-20px;
  left:65%;
}

@media only screen and (min-width: 500px){
  
  
  .custom-contact .menus .menu {height:50px; top:40%;}
}

@media only screen and (min-width: 768px){
  
  

  
  .custom-contact .column {
      width: 50%;
      
  }
  
    .custom-contact .menus .menu {

    right:10%;

       width: 80%; 
    }
  
    .custom-contact .menus .menu .inner h2 {
      font-size: 1.5em;
      margin: 0;
  }
}


@media only screen and (min-width: 1200px){
  
  .custom-contact .menus .menu {

    right:25%;
    width: 50%; 
    }
  
  .custom-contact .menus .menu .inner h2 {

      margin: 0;
  }
}
@media only screen and (min-width: 1450px){

    .custom-contact .menus .menu .inner h2 {
      font-size: 2em;
      margin: 0;
  }
}
.order-notes.columns {
 padding-right: 10px; 
}

.page-food-gallery-cafe-restaurant-amp-takeaway .gallery img {
padding: 5px;
}