/** Shopify CDN: Minification failed

Line 175:115 Expected identifier but found "*"
Line 179:120 Expected identifier but found "*"
Line 182:62 Expected identifier but found "*"
Line 263:91 Expected identifier but found "*"
Line 457:15 Expected identifier but found "*"
Line 600:12 Expected identifier but found "*"
Line 811:25 Expected identifier but found "*"
Line 836:41 Expected identifier but found "*"
Line 841:21 Expected identifier but found "*"
Line 882:2 Expected identifier but found "*"
... and 5 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 - Navigation
 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 Grid
 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

 5. - VINYL IMPRESSION CHILD THEME
 5.1 - Homepage
 5.2 - Collection List
 5.3 - Collection
 5.4 - Product

*/
/*  1.1 - Initialize
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
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; }

h1 { font-size: 2em;  }

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: "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; width: 100%;}

.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%; }
  .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; } }
/* 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: 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; }

.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 #ebebeb; }

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

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

h1, h2, h3, h4, h5, h6 { margin-top: 0; font-family:  'Lato', sans-serif ; }
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: #444444; }

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

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

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

a:hover { color: #444444; }

.colored-links a, .colored-links a:link, .colored-links a:visited, .colored-links a:hover { color: #d91c5c; }
.colored-links a:hover { color: #444444; }

.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( blockshop-icons.ttf ), url( blockshop-icons.woff ), url( blockshop-icons.eot ), url( blockshop-icons.svg );
}

/* 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"; }

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

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

.glyph.currency:before { content: "\e62d"; }


/*  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; 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: #444444; }
.tabs-wrapper.vertical .headings .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background:  #fafafa ; 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: #444444; }
.tabs-wrapper.horizontal .headings .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background:  #fafafa ; 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: #444444; }
.accordion-wrapper ul.accordion .trigger .bg { z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; background:  #fafafa ; 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; }


#nav {
  display: block;
  text-align: center;
  border:none;

  margin: 20px auto 0;
  min-height: 35px;
  padding: 10px 0 0;
}
#nav ul {
    display: block;
    font-weight: 300;
    margin: 0 auto;
    text-align: center;
    border: none;
    padding: 0;
    margin: 0;
  background: #efeeee;
}
#nav ul li {
    display: inline-block;
    border-top: 0;
    border-bottom: 0;
    border:none;
    padding: 0 35px 0;
    position: relative;
    margin: 0;
}
#nav ul li {
  *display: inline;
}
#nav ul li a, nav ul li a:visited, nav ul li a:active {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 16px;
    text-transform:uppercase;
    position: relative;
    padding: 5px 0;
}

#nav ul li a.active, nav ul li a.active:visited, nav ul li a.active:active {
  color: ;
}

#nav ul li:first-child {
    padding-left: 0;
}

#nav ul li:last-child {
    border-right: none;
    padding-right: 0;
}

#nav ul li a:hover, nav ul li a:focus {
    color: ;
}

#nav ul li.current_page_item a {
    color: ;
}
#nav ul li.current_page_ancestor a {
    color: ;
}


/* sub-levels link */
#menu ul a, #menu li:hover > ul a  {
	padding: 10px 0 10px 15px;
	background: none;
	text-align: left;
}
/* sub-levels link :hover */
#menu ul a:hover, #menu .current_page_item ul a:hover, #menu ul .current_page_item a:hover, #menu .current-menu-item ul a:hover, #menu ul .current-menu-item a:hover, #menu li:hover > ul a:hover {
	background: #F3F3F3;
}

/* sub-level ul */
#menu ul {
	position: absolute;
	top: 44px;
	background: #fafafa;
	border: solid 1px #ddd;
	border-bottom-color: #bbb;
	z-index: -1;
	display: none;
	width: 210px;
    -webkit-box-shadow: 4px 4px 4px -2px rgba(133,133,133,1);
	-moz-box-shadow: 4px 4px 4px -2px rgba(133,133,133,1);
	box-shadow: 4px 4px 4px -2px rgba(133,133,133,1);
}
/* right sub-levels link */
#menu-right ul a, #menu li:hover > ul a  {
	padding: 10px 0 10px 15px;
	background: none;
	text-align: left;
}
/* right sub-levels link :hover */
#menu-right ul a:hover, #menu .current_page_item ul a:hover, #menu ul .current_page_item a:hover, #menu .current-menu-item ul a:hover, #menu ul .current-menu-item a:hover, #menu li:hover > ul a:hover {
	background: #F3F3F3;
}

/* right sub-level ul */
#menu-right ul {
	position: absolute;
	top: 44px;
	background: #fafafa;
	border: solid 1px #ddd;
	border-bottom-color: #bbb;
	z-index: -1;
	display: none;
	width: 210px;
    -webkit-box-shadow: 4px 4px 4px -2px rgba(133,133,133,1);
	-moz-box-shadow: 4px 4px 4px -2px rgba(133,133,133,1);
	box-shadow: 4px 4px 4px -2px rgba(133,133,133,1);
}
#menu ul li {
	background: none;
  display: block;
	border: none;
	text-align:left;
	padding: 0px;
}
#menu-right ul li {
	background: none;
  display: block;
	border: none;
	text-align:left;
	padding: 0px;
}

#menu ul li a {
  display:block;
}

#menu-right ul li a {
  display:block;
}


/* sub-sub-level dropdown */
#menu ul ul {
	left: 210px;
  top: -1px;
}

/* show dropdown ul on hover */
#menu li:hover > ul {
	display: block;
    z-index:999;
}

/* right sub-sub-level dropdown */
#menu-right ul ul {
	left: 210px;
  top: -1px;
}

/* right show dropdown ul on hover */
#menu-right li:hover > ul {
	display: block;
    z-index:999;
}

ul#menu {
    float: left;
}

ul.list-hidden {
    float: left;
}

/*  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%; }

.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(/cdn/shop/t/33/assets/grabbing.png?16688148682136524049) 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); } }


/*  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: #444444; 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 { margin-left: -99999px; position: absolute; visibility: hidden; }*/
form.custom .custom { display: inline-block; width: 16px; height: 16px; position: relative; vertical-align: middle; border: solid 1px #ebebeb; 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: #444444; 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: #444444 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: #444444 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 #ebebeb; font-size: 12px; }
form.custom .custom.dropdown ul li { color: #444444; 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: #fafafa; color: #444444; }
form.custom .custom.dropdown ul li:hover { background-color: #fafafa; color: #444444; }
form.custom .custom.dropdown ul li.selected:hover { background: #fafafa; cursor: default; color: #444444; }
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; }

/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */
/* --------------------------------------------------  Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/
/* ----------------------------------------- Shared Styles
----------------------------------------- */
table th { font-weight: bold; }

table td, table th { padding: 9px 10px; text-align: left; }

/* Responsive Tables */
@media only screen and (max-width: 767px) { table.responsive { margin-bottom: 0; }
  .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
  .pinned table { border-right: none; border-left: none; width: 100%; }
  .pinned table th, .pinned table td { white-space: nowrap; }
  .pinned td:last-child { border-bottom: 0; }
  div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
  div.table-wrapper div.scrollable { margin-left: 35%; }
  div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
  table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
  table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { 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; }

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: #444444; border: 1px solid #ebebeb; 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: #444444; border: 1px solid #ebebeb; }

button, .button, a.button, a.button-2 { background: #444444; color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #ebebeb; 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: #444444; }
button:hover, .button:hover, a.button:hover { color: #ffffff; background: #d46b8f; }
button.disabled, .button.disabled, a.button.disabled { background: #444444; 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: #444444; }
button.prefix, .button.prefix, a.button.prefix { line-height: 1; }

table { background: transparent; border: solid 1px #ebebeb; }
table tr td { color: #444444; }
table thead, table tfoot { background: #fafafa; }
table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { color: #444444; }
table tr:nth-of-type(even) { background: #fafafa; }

table#template-table.templates tr td,table#template-table.templates th{
  background:white;
  border:1px solid #666666;
  }

  table#template-table.templates{
  	width:100%;
  }

table#template-table.templates tr td button{
  font-size:15px;
  width:100%;
  margin:0px;
  line-height:1em;
}

/*  2.1 - General
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html { margin: 0; padding: 0; }

.error { color: #d91c5c; }

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

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

label { color: #444444; }

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

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

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

/*  2.2 - Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.main-menu-dropdown-panel .row { border-bottom: 5px solid #D91C59; /*border-left: 2px solid #D91C59; border-right: 2px solid #D91C59;*/ }

.main-menu-dropdown-panel .row h3 { font-size: 16px!important; padding-bottom: 3px; border-bottom: 2px solid #D91C59; }

.fixed { position:fixed; top:0px; left: 0; width: 100%; z-index: 99999; background-color: #fff; }
@media only screen and (max-width: 768px) {
  .fixed { position:relative; }
}

.fixed.sticky { background-color: #fff; }

.hidden-logo, .list-hidden { display: none; }

.fixed.sticky .list-hidden { display: inline-block; font-size: 16px; }

.fixed.sticky a.cart-link { color: #D91C5C!important; }

.fixed.sticky .font-nav { display: inline-block; }

.fixed.sticky .hidden-logo { display: block; height: 30px; }

.fixed.sticky .main-header-nav .bottom-row .menu-container .main-menu li { vertical-align: bottom; }

.fixed.sticky .header-hidden { display: none; }

.fixed.sticky .account-open { display: none; }

.fixed.sticky .main-header-nav .bottom-row .menu-container .main-menu ul { margin-left: 0px; }

.fixed.sticky .main-header .search-account { margin-top: 4px; }

.fixed.sticky .main-header-nav .bottom-row { padding: 6px 0 5px 0; }

.fixed.sticky .main-header .search-account { font-size: 11px; }

.fixed.sticky .main-header .top.row { padding-top: 0px; padding-bottom: 7px; }


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

  .fixed { position:relative; }

  header.main-header.margin { margin-top: 5px!important; }

  .row.top.clearfix { padding-top: 20px!important; }

  .fixed.sticky { background-color: #fff; }

  .hidden-logo, .list-hidden { display: none!important; }

  .fixed.sticky .list-hidden { display: inline-block; font-size: 16px; }

  .fixed.sticky a.cart-link { color: #444444!important; }

  .fixed.sticky .font-nav { display: inline-block; }

  .fixed.sticky .hidden-logo { display: nonce; }

  .fixed.sticky .main-header-nav .bottom-row .menu-container .main-menu li { vertical-align: bottom; }

  .fixed.sticky .header-hidden { display: inherit; }

  .fixed.sticky .account-open { display: none; }

  .fixed.sticky .main-header-nav .bottom-row .menu-container .main-menu ul { margin-left: 0px; }

  .fixed.sticky .main-header .search-account { margin-top: 4px; }

  .fixed.sticky .main-header-nav .bottom-row { padding: 6px 0 5px 0; }

  .fixed.sticky .main-header .search-account { font-size: 12px; }

  .fixed.sticky .main-header .top.row { padding-top: 10px; padding-bottom: 10px; }

  .fixed.sticky .main-header .search-account { margin-top: 20px; }
}

  .main-header { width: 100%; position: relative; max-width: 1200px; margin-left: auto; margin-right: auto; }
.main-header .bg { position: absolute; width: 100%; height: 100%; }
.main-header .top.row { padding-top: 10px; padding-bottom: 10px; background: transparent; min-height: 50px; }
.main-header .bottom-row { background-color: #fafafa; padding: 7px 0 7px 0; position: relative; }
.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: 768px) { .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-menu ul#menu-right { float: right; position: absolute; right: 0; }
.sticky .main-menu ul#menu-right { float: left; position: relative; right: 0; }
@media only screen and (max-width: 900px) { .main-menu ul#menu-right { display: none; } }
.main-header .bottom-row .menu-container .main-menu ul { list-style: none; margin: 0; padding: 0; }
.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; }
.main-header .main-menu-dropdown-panel { margin-top: -10px; position: relative; background:  #ffbc3a  ; background: transparent; width: 100%; display: none; }
@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 .columns { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: inline-block; float: none; vertical-align: top; }
.lt-ie9 .main-header .main-menu-dropdown-panel .columns { background-color:  #fafafa ; }
.main-header .main-menu-dropdown-panel .row { display: none; padding-top: 25px; 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:  #d91c5c  ; }
.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:  #d91c5c  ; }
/* .main-header .currency-picker { display: none; } */
@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:  #444444 ; }
@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:  #444444 ; display: inline-block; bottom: 5px; left: 0; }
.main-header .search-account { display: none; color:  #444444 ; font-weight: bold; position: absolute; right: 40px; width: auto; margin-top: 20px; }
@media only screen and (min-width: 768px) { .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 { color:  #444444 ; }
a.button { color: #fff!important; }
.main-header .search-account .menu { margin-top: 7px; }
.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:  #444444 ; top: 4px; visibility: hidden; display: none; }
.main-header .search-account .menu .account-open { display: inline-block; position: relative; margin-left: 15px; }
.main-header .search-account .menu .account-open .glyph { font-size: 1.16667em; margin: 0 0 0 10px; }
.main-header .search-account .searchbar-container { display: none; right: -3px; width: 100%; top: 0; max-width: 250px; }
.main-header .search-account .searchbar-container button { font-size: 14px; top: 7px; background: none; border: 0; padding: 0; margin: 0; position: absolute; color: #444444; }
.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; }
.main-header .search-account .account-container .glyph.cross { font-size: 18px; position: relative; top: 4px; }
.main-header .search-account .menu .currency-open { display: inline-block; position: relative; margin-left: 5px; }
.main-header .search-account .menu .currency-open .glyph { font-size: 1.16667em; margin: 0 0 0 10px; }
.main-header .cart {width: 100%; text-align: right; padding: 0; display: inline; margin-left: 15px;}
.main-header .cart .cart-link { line-height: 30px; color:  #444444 ; 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 #ebebeb; 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 #ebebeb transparent; border-style: solid; border-width: 11px; }
.main-header .cart .recently-added.mobile { width: 280px; }
.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 .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 #ebebeb; 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 .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 ; 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:  #d91c5c!important  ; padding: 0 20px; line-height: 30px; }
.main-header .main-menu .widescreen > ul > li > a:hover { color:  #d91c5c  ; }
.main-header .main-menu .widescreen .sub-nav { display: none; left: 0; width: 50%; 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:  #444444 ; }
@media only screen and (min-width: 768px) { .main-header .mobile-tools { display: none; } }
.lt-ie9 .main-header .mobile-tools { display: none; }
.main-header .mobile-tools a { color:  #444444 ; font-size: 20px; padding: 0; margin: 0 22px; }
.main-header .mobile-tools a:hover { color:  #444444 ; }
.main-header .mobile-menu { display: none; }
@media only screen and (min-width: 768px) { .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 .sub-nav { position: relative; display: none; padding-left: 50px; }
.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 .sub-nav { margin-left: -50px; padding-left: 100px; }
.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; }
.main-header .mobile-menu .nav-item { width: 100%; border-bottom: 1px solid #ebebeb; background:  #fafafa ; color:  #444444 ; }
.main-header .mobile-menu .nav-item a { display: block; position: relative; margin: 0 auto; padding: 19px 15px; width: 84%; min-width: 290px; color:  #444444 ; }
.main-header .mobile-menu .nav-item a:hover { color:  #444444 ; }


.main-header-nav { position: relative; z-index: 1; width: 100%; }
.main-header-nav .bg { position: absolute; width: 100%; height: 100%; background:  #fafafa ; }
.main-header-nav .top.row { padding-top: 30px; padding-bottom: 20px; background: transparent; min-height: 50px; }
.main-header-nav .bottom-row { background-color: #fafafa; position: relative; border-bottom: 1px solid #e1e1e1; }
.main-header-nav .bottom-row.hover { background:  #ffbc3a  ; background: transparent; }
.main-header-nav .bottom-row .menu-container { display: none; }
@media only screen and (min-width: 768px) { .main-header-nav .bottom-row .menu-container { width: 100%; display: block; } }
.lt-ie9 .main-header-nav .bottom-row .menu-container { width: 100%; display: block; }
.main-header-nav .bottom-row .menu-container.text-center { padding: 0 120px; }
.main-header-nav .bottom-row .menu-container .main-menu { display: inline-block; vertical-align: middle; }
.main-header-nav .bottom-row .menu-container .main-menu ul { list-style: none; margin: 0; padding: 0; }
.main-header-nav .bottom-row .menu-container .main-menu li { display: inline-block; padding: 7px 0 7px 0; }
.main-header-nav .bottom-row .cart-container { width: auto; position: absolute; right: 55px; padding: 0; }
.main-header-nav .main-menu-dropdown-panel { margin-top: 0px; position: relative; background:  #ffbc3a  ; background: transparent; display: none; max-width: 1200px; margin-left: auto; margin-right: auto;}
@media only screen and (min-width: 768px) { .main-header-nav .main-menu-dropdown-panel { display: block; } }
.lt-ie9 .main-header-nav .main-menu-dropdown-panel { display: block; }
.main-header-nav .main-menu-dropdown-panel .columns { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; display: inline-block; float: none; vertical-align: top; }
.lt-ie9 .main-header-nav .main-menu-dropdown-panel .columns { background-color:  #fafafa ; }
.main-header-nav .main-menu-dropdown-panel .row { display: none; padding-top: 25px; padding-bottom: 40px; }
.main-header-nav .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:  #d91c5c  ; }
.main-header-nav .main-menu-dropdown-panel ul { list-style: none; margin: 0; padding: 0; }
.main-header-nav .main-menu-dropdown-panel ul li { padding-bottom: 10px; }
.main-header-nav .main-menu-dropdown-panel ul li a { color:  #d91c5c  ; }
/* .main-header-nav .currency-picker { display: none; } */
@media only screen and (min-width: 768px) { .main-header-nav .logo-center h1.title { text-align: center; } }
.lt-ie9 .main-header-nav .logo-center h1.title { text-align: center; }
.main-header-nav h1.title { text-align: center; font-family:  'Lato', sans-serif ; font-size: 2.33333em; margin: 0; display: block; color:  #444444 ; }
@media only screen and (min-width: 768px) { .main-header-nav h1.title { text-align: left; } }
.lt-ie9 .main-header-nav h1.title { text-align: left; }
.main-header-nav h1.title a { color:  #444444 ; display: inline-block; bottom: 5px; left: 0; }
.main-header-nav .search-account { display: none; color:  #444444 ; font-weight: bold; position: absolute; right: 40px; width: auto; }
@media only screen and (min-width: 768px) { .main-header-nav .search-account { display: block; } }
.lt-ie9 .main-header-nav .search-account { display: block; }
.main-header-nav .search-account .font-normal { font-weight: normal; }
.main-header-nav .search-account a, .main-header-nav .search-account a:link { color:  #444444 ; }
.main-header-nav .search-account .menu { margin-top: 7px; }
.main-header-nav .search-account .menu .searchbar-open { display: inline-block; position: relative; }
.main-header-nav .search-account .menu .searchbar-open .glyph { font-size: 1.16667em; margin: 0 0 0 10px; }
.main-header-nav .search-account .menu .seperator { position: relative; display: inline-block; height: 16px; width: 1px; margin: 0 10px; background:  #444444 ; top: 4px; visibility: hidden; display: none; }
.main-header-nav .search-account .menu .account-open { display: inline-block; position: relative; margin-left: 15px; }
.main-header-nav .search-account .menu .account-open .glyph { font-size: 1.16667em; margin: 0 0 0 10px; }
.main-header-nav .search-account .searchbar-container { display: none; right: -3px; width: 100%; top: 0; max-width: 250px; }
.main-header-nav .search-account .searchbar-container button { font-size: 14px; top: 7px; background: none; border: 0; padding: 0; margin: 0; position: absolute; color: #444444; }
.main-header-nav .search-account .searchbar-container .glyph.cross { font-size: 18px; position: absolute; right: 0; top: 6px; }
.main-header-nav .search-account .account-container { display: none; top: 3px; right: -3px; padding: 0; width: 100%; position: relative; }
.main-header-nav .search-account .account-container .glyph.cross { font-size: 18px; position: relative; top: 4px; }
.main-header-nav .search-account .menu .currency-open { display: inline-block; position: relative; margin-left: 5px; }
.main-header-nav .search-account .menu .currency-open .glyph { font-size: 1.16667em; margin: 0 0 0 10px; }
.main-header-nav .cart {width: 100%; text-align: right; padding: 0; display: inline; margin-left: 15px;}
.main-header-nav .cart .cart-link { line-height: 30px; color:  #444444 ; font-weight: bold; }
.main-header-nav .cart .glyph.cart { margin-left: 5px; }
.main-header-nav .cart a, .main-header-nav .cart a:link { margin-left: 8px; }
.main-header-nav .cart .button, .main-header-nav .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-nav .cart .heading { font-size: 1em; }
.main-header-nav .cart .recently-added { display: none; border: 1px solid #ebebeb; background: #ffffff; text-align: left; position: absolute; width: 350px; top: 50px; right: 15px; padding: 10px 10px 20px 10px; z-index: 10; }
.main-header-nav .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-nav .cart .recently-added:before { content: ''; display: block; position: absolute; right: 19px; bottom: 100%; width: 0; height: 0; border-color: transparent transparent #ebebeb transparent; border-style: solid; border-width: 11px; }
.main-header-nav .cart .recently-added.mobile { width: 280px; }
.main-header-nav .cart .recently-added.mobile:before { display: none; }
.main-header-nav .cart .recently-added.mobile:after { display: none; }
.main-header-nav .cart .recently-added a { margin-left: 0; }
.main-header-nav .cart .recently-added .empty-cart { padding: 10px; }
.main-header-nav .cart .recently-added form { margin: 0; }
.main-header-nav .cart .recently-added table { font-size: 0.83333em; margin: 0 0 10px 0; border: 0; }
.main-header-nav .cart .recently-added table tr td { padding: 10px 5px; }
.main-header-nav .cart .recently-added table .cart-item { padding-left: 0; }
.main-header-nav .cart .recently-added table .cart-price { width: 25%; padding-right: 0; text-align: right; }
.main-header-nav .cart .recently-added table tr:nth-of-type(even) { background: none; }
.main-header-nav .cart .recently-added table thead { background: none; }
.main-header-nav .cart .recently-added table tfoot { border-top: 1px solid #ebebeb; background: none; }
.main-header-nav .cart .recently-added table tfoot .items-count { font-weight: normal; }
.main-header-nav .cart .recently-added table tfoot tr, .main-header-nav .cart .recently-added table tfoot td { padding: 20px 0; }
.main-header-nav .cart .recently-added h1, .main-header-nav .cart .recently-added h2, .main-header-nav .cart .recently-added h3 { font-size: 1em; font-weight: normal; margin-bottom: 0; }
.main-header-nav .cart .recently-added .button { margin-top: 10px; width: 100%; margin: 0; }
.main-header-nav .cart .recently-added .error { display: none; padding: 10px; }
.main-header-nav .main-menu .glyph.arrow-down { top: 2px; position: relative; font-size: 14px; }
.main-header-nav .main-menu .widescreen { display: none; margin: 0 0 0 -20px; font-size: 16px; font-family:  'Lato', sans-serif ; text-transform: uppercase; font-weight: bold; }
.shrink{ font-size: 12px!important; font-weight: bold; color: #D91C5C!important; }
@media only screen and (min-width: 768px) { .main-header-nav .main-menu .widescreen { display: block; } }
.lt-ie9 .main-header-nav .main-menu .widescreen { display: block; }
.main-header-nav .main-menu .widescreen > ul { margin: 0; }
.main-header-nav .main-menu .widescreen > ul > li { margin: 0; }
.main-header-nav .main-menu .widescreen > ul > li > a { color:  #d91c5c  ; padding: 25px 20px; line-height: 30px; }
.main-header-nav .main-menu .widescreen > ul > li > a:active { padding: 0px 20px; }
@media only screen and (max-width: 1150px) { .main-header-nav .main-menu .widescreen > ul > li > a { padding: 0 10px; } }
.main-header-nav .main-menu .widescreen > ul > li > a.nav-item-link:first-child { padding: 0 20px; }}
.main-header-nav .main-menu .widescreen > ul > li > a:hover { color:  #d91c5c  ; }
.main-header-nav .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-nav .main-menu .widescreen .sub-nav.catalog li { float: none; }
.main-header-nav .mobile-tools { position: relative; padding: 20px 0; text-align: center; color:  #444444 ; }
@media only screen and (min-width: 768px) { .main-header-nav .mobile-tools { display: none; } }
.lt-ie9 .main-header-nav .mobile-tools { display: none; }
.main-header-nav .mobile-tools a { color:  #444444 ; font-size: 20px; padding: 0; margin: 0 22px; }
.main-header-nav .mobile-tools a:hover { color:  #444444 ; }
.main-header-nav .mobile-menu { display: none; }
@media only screen and (min-width: 768px) { .main-header-nav .mobile-menu { display: none !important; } }
.lt-ie9 .main-header-nav .mobile-menu { display: none !important; }
.main-header-nav .mobile-menu ul { list-style: none; margin: 0; padding: 0; }
.main-header-nav .mobile-menu .sub-nav { position: relative; display: none; padding-left: 50px; }
.main-header-nav .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-nav .mobile-menu .sub-nav .sub-nav { margin-left: -50px; padding-left: 100px; }
.main-header-nav .mobile-menu .glyph.plus, .main-header-nav .mobile-menu .glyph.minus { font-size: 14px; top: 2px; position: relative; margin-left: 5px; }
.main-header-nav .mobile-menu .glyph.minus { display: none; }
.main-header-nav .mobile-menu .nav-item { width: 100%; border-bottom: 1px solid #ebebeb; background:  #fafafa ; color:  #444444 ; }
.main-header-nav .mobile-menu .nav-item a { display: block; position: relative; margin: 0 auto; padding: 19px 15px; width: 84%; min-width: 290px; color:  #444444 ; }
.main-header-nav .mobile-menu .nav-item a:hover { color:  #444444 ; }


header.main-header.non-usp { margin-top: 145px; }

@media only screen and (max-width: 768px) {
header.main-header.non-usp { margin-top: 0px; margin-bottom: 10px; }
}

/*  2.3 - Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-footer { padding: 0 0 60px 0; background:  #fafafa ; color:  #444444  ; margin-top: 50px; }
.main-footer .footer-divider { padding: 0 0 10px 0; }
.main-footer a, .main-footer a:link { color:  #444444  ; }
.main-footer p { margin-top: 0; }
.main-footer .title { font-size: 1.16667em; margin: 30px 0 -10px 0; text-transform: uppercase; font-weight: bold; }
.main-footer .content { margin: 30px 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: 768px) { .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 { width: 100%; max-width: 280px; display: inline-block; }
.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; font-size: 1.5em; margin: 20px 10px 10px 0; }
.main-footer .payment-options .glyph.mastercard { font-size: 2em; }
.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 24px 0 10px; width: 100%; }
.searchbar-container button { right: 30px; }
.searchbar-container .text { display: inline-block; max-width: 250px; 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; display: inline-block; margin-bottom: 30px; }
@media only screen and (min-width: 768px) { .product-grid .product-item { display: inline-block; } }
.lt-ie9 .product-grid .product-item { display: inline-block; }
.product-grid .image-wrapper { position: relative; display: inline-block; max-width: 100%; width: 100%; }
.product-grid .image-wrapper img { max-width: 100%; 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 .circle { text-align: center; text-transform: uppercase; display: block; position: absolute; z-index: 1; color: #f7f7f7; background: #444444; font-family: 'Lato', sans-serif; font-size: 1em; font-weight: 300; padding: 10px 12px; border-radius: 2px; top: 5px; right: 5px;}
@media only screen and (min-width: 2080px) { .product-grid .circle { font-size: 1.16667em; padding: 35px 0 0 0; top: 15px; right: 15px; height: 25%; width: 25%; } }
.product-grid .sold-out { color:  #ffffff  ; background:  #cccccc  ; padding: 18px 0 0 0; line-height: 1.3; }
@media only screen and (min-width: 1280px) { .product-grid .sold-out { padding: 28px 0 0 0; } }
.product-grid .title { font-family:  'Lato', sans-serif ; font-size: 1.16667em; }
.product-grid .title a { color:  #444444 ; }
.product-grid .vendor a { color:  #444444 ; }
.product-grid .price { margin-top: 15px; font-family:  'Lato', sans-serif ; font-size: 1em; color:  #444444 ; }
.product-grid em.marked-down-from { text-decoration: line-through; font-size: 1em; text-transform: lowercase; color:  #999999 ; }

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

/*  3.4 - Pagination
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pagination { margin-top: 10px; }
.pagination { margin-top: 0px!important; }
.pagination li a, .pagination li.unavailable a, .pagination li.current a { color: #444444; background: none; font-size: 0.83333em; }
.pagination li a:hover, .pagination li.unavailable a:hover, .pagination li.current a:hover { background: none; color: #999999; }
.pagination li:hover a { color: #999999; background: none; }
.pagination li.current a:hover { color: #444444; }
.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; }
.template-blog .pagination { margin-top: 0px; margin-bottom: -10px; }

/*  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: #d91c5c; }
.rte-content a:hover { color: #444444; }

/*  3.5 - Modal
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.modal { display: none; position: fixed; top: 50%; left: 50%; margin-left: -480px; z-index: 9999999; 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 #ebebeb; -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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.color-stripe { background-color: #fafafa; }
.usp-box-one { text-transform: uppercase; float: left; width: 31.2%; margin-left: 9px; margin-right: 2.5%; text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 0px; }
.usp-box-two { text-transform: uppercase; float: left; width: 31.2%; text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 0px; }
.usp-box-two:hover {background-color:#d46b8f;}
.usp-box-three { text-transform: uppercase; float: right; width: 31.2%; margin-right: 9px; text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 0px; }
.usp-box-four { text-transform: uppercase; float: left; width: 49%; margin-right: 2%; text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 0px; }
.usp-box-four a { color: #fff; }
.usp-box-four a:hover { color: #fff; }
.usp-box-five { text-transform: uppercase; float: left; width: 49%; text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 0px; }
.usp-box-five a { color: #fff; }
.usp-box-five a:hover { color: #fff; }
@media only screen and (max-width: 768px){
.usp-box-one { float: left; width: 31%;  margin-right: 1.5%; text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 5px; min-height: 60px;}
.usp-box-two { float: left; width: 31%; margin-right: 1.5%; text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 5px; min-height: 60px;}
.usp-box-three { float: left; width: 31%;  text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 5px; min-height: 60px;}
}
@media only screen and (max-width: 450px){
.usp-box-one { float: left; width: 95.6%; text-align: center; background-color: #D91C5C; color: #fff; padding: 10px 3px; min-height: 1px; margin-bottom: -20px;}
.usp-box-two { display: none; }
.usp-box-three { display: none; }
}
.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 { position: absolute; }
  .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; } */
  .transparent-menu .main-header { position: relative; max-width: 1200px; margin-left: auto; margin-right: auto;}
  .transparent-menu .main-header .bg { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0; } }
.lt-ie9 .transparent-menu .main-header { position: relative; }
.lt-ie9 .transparent-menu .main-header .bg { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0; }
.transparent-menu .main-header-nav { position: relative; }
  .transparent-menu .main-header-nav .bg { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0; } }
.lt-ie9 .transparent-menu .main-header-nav { position: relative; }
.lt-ie9 .transparent-menu .main-header-nav .bg { display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0; }

.transparent-menu .header-divider { display: none; }
.template-index .slider { border-bottom: 1px solid #ebebeb; }
@media only screen and (min-width: 768px) { .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%; }
.template-index .slider .slide .caption { visibility: visible; padding: 30px; top: 0; margin: 0!important; height: 100%; background-color: rgba(255,255,255,0.7); }
@media only screen and (min-width: 768px) { .template-index .slider .slide .caption { padding: 20px; } }
.lt-ie9 .template-index .slider .slide .caption { padding: 20px; }
.template-index .slider .slide .caption.right { float: none !important; }
.template-index .slider .slide .caption .bg { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color:  #ffffff ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
@media only screen and (min-width: 768px) { .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:  #444444 ; position: relative; margin-top: 0; font-size: 1em; padding-bottom: 0; line-height: 1.2; }
.template-index .slider .slide .caption .sub-title { color:  #444444 ; position: relative; font-size: 0.83333em; font-weight: 300; }
.template-index .slider .slide .caption a.button { background: #d91c5c; font-size: 1.6em; text-transform: none!important; border-radius: 0; padding: 20px; font-family: 'Lato'; }
.template-index .slider .slide .caption a.button:hover { color:  #ffffff ; background:  #d46b8f ; }
@media only screen and (min-width: 768px) { .template-index .slider .slide .caption { position: absolute; max-width: 350px; margin: 20px 55px 30px; padding: 15px; }
  .template-index .slider .slide .caption .title { font-size: 1.16667em; }
  .template-index .slider .slide .caption .sub-title { font-size: 1em; }
  .template-index .slider .slide .caption a.button { font-size: 0.83333em; }
  .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: 1280px) { .template-index .slider .slide .caption { max-width: 400px; padding: 20px; }
  .template-index .slider .slide .caption .title { font-size: 1.5em; }
  .template-index .slider .slide .caption .sub-title { font-size: 1.16667em; }
  .template-index .slider .slide .caption a.button { font-size: 1em; } } }
@media only screen and (min-width: 768px) { .template-index .slider .slide .caption { padding: 20px; } }
.lt-ie9 .template-index .slider .slide .caption { padding: 20px; }
.template-index .slider .slide .caption.right { float: none !important; }
.template-index .slider .slide .caption .bg { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color:  #ffffff ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
@media only screen and (min-width: 768px) { .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:  #444444 ; position: relative; margin-top: 0; font-size: 1em; padding-bottom: 0; line-height: 1.2; }
.template-index .slider .slide .caption .sub-title { color:  #444444 ; position: relative; font-size: 0.83333em; font-weight: 300; }
.template-index .slider .slide .caption a.button { color:  #ffffff ; background:  #444444 ; position: relative; font-family:  'Lato', sans-serif ; font-size: 0.83333em; text-transform: none; margin-bottom: 0; }
.template-index .slider .slide .caption a.button:hover { color:  #ffffff ; background:  #d46b8f ; }
@media only screen and (min-width: 768px) { .template-index .slider .slide .caption { position: absolute; max-width: 350px; margin: 20px 55px 30px; padding: 15px; }
  .template-index .slider .slide .caption .title { font-size: 1.16667em; }
  .template-index .slider .slide .caption .sub-title { font-size: 1em; }
  .template-index .slider .slide .caption a.button { font-size: 0.83333em; }
  .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: 1280px) { .template-index .slider .slide .caption { max-width: 400px; padding: 20px; }
  .template-index .slider .slide .caption .title { font-size: 1.5em; }
  .template-index .slider .slide .caption .sub-title { font-size: 1.16667em; }
  .template-index .slider .slide .caption a.button { font-size: 1em; } }
.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: transparent; 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; }
.product-slider { background:  transparent ; position: relative; padding-top: 30px; padding-bottom: 30px; }
@media only screen and (min-width: 768px) { .product-slider { padding-top: 100px; padding-bottom: 100px; } }
.lt-ie9 .product-slider { padding-top: 100px; padding-bottom: 100px; }
.product-slider .content.row { padding: 0 50px; }
.product-slider .product-item { max-width: 100%; width: 100%; display: none; padding: 0 5px; margin-bottom: 0; }
.product-slider .owl-prev, .product-slider .owl-next { color:  #444444 ; 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; }
.product-slider .owl-prev { left: 0; margin: -80px 0 0 -40px; }
.product-slider .owl-prev:before { content: "\e61a"; }
.product-slider .owl-next { right: 0; margin: -80px -40px 0 0; }
.product-slider .owl-next:before { content: "\e61b"; }
.product-slider h2 { text-align: center; text-transform: uppercase; font-size: 1.5em; margin-bottom: 30px; font-weight: bold; }
@media only screen and (min-width: 768px) { .product-slider h2 { margin-bottom: 50px; } }
.lt-ie9 .product-slider h2 { margin-bottom: 50px; }
.product-slider ul { list-style: none; margin-top: 50px; }
.product-slider ul li .columns { float: left !important; }
.widgets .row { padding: 30px 10px 0; }
@media only screen and (min-width: 768px) { .template-index .widgets .row { padding: 100px 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: 100px; } }
.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 0 20px; }
.template-index .widgets .small-promos .row { padding: 0; }
.template-index .widgets .small-promos .columns { margin: 0; padding: 0 10px; }
.template-index .widgets .small-promos .alpha { margin: 0; padding: 0 20px 0 0; }
.template-index .widgets .small-promos .omega { margin: 0; padding: 0 0 0 20px; }
@media only screen and (max-width: 768px) {
.template-index .widgets .small-promos .columns { margin: 0; padding: 5px 0; }
.template-index .widgets .small-promos .alpha { margin: 0; padding: 5px 0; }
.template-index .widgets .small-promos .omega { margin: 0; padding: 5px 0; }
}
@media only screen and (min-width: 769px) and (max-width: 1040px) {
.template-index .widgets .small-promos .caption .inner { position: absolute; z-index: 1; top: 70%; margin-top: -20px; width: 90%!important; background: #fff; text-align: left; left: 5%!important; padding: 8px 10px 0; font-size: smaller; }

  }
.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 { width: 100%; height: 100%; position: relative; top: -90px; left: 0; padding: 0; }
.template-index .widgets .small-promos .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-index .widgets .small-promos .caption .inner { position: absolute; z-index: 1; top: 70%; margin-top: -20px; width: 80%; background: #fff; text-align: left; left: 10%; padding: 10px 12px 0;}
.template-index .widgets .small-promos .caption .inner p { font-size: 1.1em; color: #444444; }
.template-index .widgets .small-promos .caption .inner .fa { font-size: 14px; }
.template-index .widgets .small-promos .caption h1 { position: relative; z-index: 1; margin: 0 0 10px 0; color: #444444; font-size: 1.5em; }
.template-index .widgets .small-promos .caption h2 { color: #d91c5c; margin: 0; font-family:  'Lato', sans-serif ; font-size: 1.4em; font-weight: normal; text-transform: uppercase; text-align: left; font-weight: bold; }
.template-index .widgets .social-feeds { background:  transparent ; }
.template-index .widgets .social-feeds .title { text-align: center; }
.template-index .widgets .title { 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 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: 525px; 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; }
.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; color: #999; }
.template-index .blog-widget .content { margin-bottom: 10px; color: #999; }

div#shop-now { position: absolute; bottom: 30px; }

.office-banner { margin-bottom: 20px; }

.office-banner img { width: 100%; }

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

  .office-banner img { display: none; }

}

/*  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-page .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 .main-content .collection-item .caption { display: none; width: 100%; height: 101%; position: absolute; top: 0; left: 0; padding: 0; }

.template-index .main-content .collection-item .caption { display: none; width: 100%; height: 101%; position: absolute; top: 0; left: 0; padding: 0; }

.template-404 .main-content .collection-item .caption { display: none; width: 100%; height: 101%; position: absolute; top: 0; left: 0; padding: 0; }

.template-page .main-content .collection-item .caption { display: none; width: 100%; height: 101%; position: absolute; top: 0; left: 0; padding: 0; display:block; }


.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: #444444; font-size: 1.5em; }
.template-list-collections .caption .product-count { color: #d91c5c; margin: 0; font-family:  'Lato', sans-serif ; font-size: 1.16667em; font-weight: normal; text-transform: uppercase; }

/*  4.3 - Collection
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-collection .collection-directions { background-color: #fafafa; padding: 15px 15px 6px 15px; }
.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: 20px auto 0; }
.template-collection .main-content .divider.bottom-margin { margin-bottom: 20px; }
.template-collection .main-content footer .right .pagination { float: left; }
.template-collection .main-footer { margin-top: 0; }
img.collection-image { width: 100%; }
.right .left h1.page-title { color: #d91c5c; margin-bottom: 0px; font-size: 30px; font-weight: 500; }
#read-more { color: #d91c5c; cursor: pointer; }
#read-less { color: #d91c5c; font-size: 1.2em; font-weight: 300; cursor: pointer; }
#long-description { display: none; }
.active-pagination { color: #d91c5c	!important; }
.filter-bar-mobile {
    display: none;
  }
.seefilter {
  display: none;
}
@media only screen and (max-width: 768px) {
  .filter-bar {
    display: none;
  }
  .seefilter {
    display: block;
    margin-bottom: 10px;
  }
  .filter-bar-mobile {
    display: none;
  }
  .pagination {
    float: right;
  }
}
.custom-logo-banner-relative { position: relative; }
.custom-logo-banner-absolute { position: absolute; top: 7%; width: 60%; }
.custom-logo-banner-absolute-2 { position: absolute; top: 4%; right: 0%; width: 40%; }
.custom-logo-banner-text { font-size: 25px; padding: 20px 40px; }
.custom-logo-banner-text p { color: #fff; padding-bottom: 15px; }
.custom-logo-banner-price-circle { text-align: center; 30px; padding: 20px 40px; }
.custom-logo-banner-price-circle p { width:150px; height:150px; border-radius:50%; font-size:16px; color:#d91c5c; line-height:35px; text-align:center; background:#fff; padding-top: 35px;}
.custom-logo-banner-price-circle span { font-weight: bold; font-size:35px; }
.custom-logo-banner-price { font-size: 30px; }

@media only screen and (min-width: 768px) and (max-width: 1040px) {
  .custom-logo-banner-text p { font-size: 1em!important; padding-bottom: 5px!important;}
  a.button-3 { font-size: 0.8em!important; padding: 10px!important; }
  .custom-logo-banner-absolute-2 { top: 0%!important; }
  .custom-logo-banner-price-circle p { width: 118px; height: 118px; line-height: 22px;}
  .custom-logo-banner-price-circle { padding: 10px 40px!important; }
  .custom-logo-banner-text { padding: 10px 40px!important; }
}


@media only screen and (max-width: 768px) {
  .columns-wrap { display: none; }
}

/*  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:  #444444 ; text-transform: uppercase; }
.template-product article .vendor { text-transform: uppercase; font-weight: 300; color:  #444444 ; }
.template-product article .vendor a { color:  #444444 ; }
.template-product article .variants.hidden { display: none; }
.template-product article .variants { max-width: 250px; }
.template-product article .prices .actual-price { font-family:  'Lato', sans-serif ; color:  #444444 ; font-weight: lighter; font-size: 28px; }
.template-product article .prices .compare-price { text-decoration: line-through; font-size: 1.16667em; text-transform: uppercase; color:  #999999 ; 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: #d91c5c; 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:  #444444 ; text-transform: uppercase; letter-spacing: 1px; }
.template-product article .add-to-cart .button:hover { background:  #d46b8f ; }
.template-product article .add-to-cart .button.disabled:hover { background:  #444444 ; }
.template-product article .product-unavailable { max-width: 250px; display: none; }
.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 .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 #ebebeb; }
@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; */background: #F6F6F8;}
@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 #ebebeb; 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: #fafafa; 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.7em; font-weight: 500; 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; }

.selector-wrapper { margin-bottom: 25px; }
.selector-wrapper label, .shappify_option_name { font-size: 16px; font-weight: initial!important; }
.shappify_option { padding-bottom: 5px; margin-bottom: 10px; }
div[id^='shapp_option_list_'] { margin-bottom: 25px; }
li#Description { font-size: 13px; }

/*  4.5 - Page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-page .main-content .row { margin: 0 auto; }
.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; }

.no-bottom-padding { border-bottom: none!important; padding: 35px 25px 25px!important; margin-bottom: -50px!important; }

.video { margin: 35px 0; text-align: center; }

.video img.mobile {
  width: 14%!important;
  height: auto!important;
}

.desktop { display: block; overflow: auto; }
.mobile { display: none!important; }
@media only screen and (max-width: 768px) {
  .video { margin: 15px 0; }
  .desktop { display: none!important; }
  .mobile { display: block!important; overflow: auto; }
  .video iframe { width: 100%; height: 100%; }
  .left-text { width: 100%!important; }
  .right-text { width: 100%!important; padding-left: 0%!important; margin-top: 10px;}
}

/*  4.6 - Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-search .main-content .narrow.row { max-width: 960px; }
.template-search .main-content .page-title { padding-top: 15px; }
.template-search .main-content .divider { border-top: 1px solid #ebebeb; }
.template-search .main-content .row.summary { padding: 25px 20px 10px; }
@media only screen and (min-width: 768px) { .template-search .main-content .row.summary { padding: 25px 20px 10px; } }
.lt-ie9 .template-search .main-content .row.summary { padding: 25px 20px 10px; }
.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 { padding-left: 0; }
.template-search .main-content .searchbar-container button { font-size: 14px; top: 7px; background: none; border: 0; padding: 0; margin: 0; position: absolute; color: #444444; }
.template-search .main-content .thumbnail { min-height: 1px; }
.template-search .main-content .pagination { float: right; background-color: #fafafa; padding: 6px 6px 0px; }
.template-search .main-content .pagination li.current a { color: #D91C5C; font-size: 1em;}
@media only screen and (max-width: 768px) {
  .something { clear: both; }
  .center { text-align: left; }
  .template-search .main-content .pagination { float: none; }
  .template-search .main-content .row.summary .large-3 { width: 50%; }
}
.template-search .main-content .product-grid .product-item {
    width: 33%;
    padding-right: 20px;
    display: inline-block;
    vertical-align: top;
}

  @media only screen and (max-width: 768px) {
  .template-search .main-content .product-grid .product-item {
    width: 50%;
}
}

.non-found h2 { font-size: 30px; }

/*  4.7 - Blog & Article
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-blog .blog-title .text, .template-article .blog-title .text { font-family:  'Lato', sans-serif ; font-size: 2em; color: #444444; 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: 100%; } }
.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: 100%; } }
.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: #444444; margin-bottom: 0; text-transform: uppercase; }
@media only screen and (min-width: 768px) { .template-blog .article .middle-column, .template-article .article .middle-column { width: 75%; } }
.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: 73%; float: right; } }
.template-blog .article .middle-column .title, .template-article .article .middle-column .title { font-family:  'Lato', sans-serif ; font-size: 2em; color: #999999; 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 #ebebeb; }
.template-blog .article .middle-column .comments .comment, .template-article .article .middle-column .comments .comment { border-bottom: 1px solid #ebebeb; padding: 15px 0; }
.template-blog .article .middle-column .comments .title, .template-article .article .middle-column .comments .title { font-size: 1.5em; color: #444444; 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; margin: 20px auto; }
.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: #444444; }
.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: #444444; border-bottom: 1px solid #ebebeb; }
.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 #ebebeb; 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: 100%; } }
.lt-ie9 .template-article .article { width: 100%; }
@media only screen and (min-width: 1280px) { .template-article .article { width: 100%; } }

.left-sidebar.columns.large-3.show-for-large-up { width: 25%!important; display: block!important; }
@media only screen and (max-width: 768px) { .left-sidebar.columns.large-3.show-for-large-up { display: none!important; } }

input#comment-submit { width: 100%; margin-bottom: 10px; }
form .notice { text-align: center; }

.template-blog .content-wrap { padding-top: 0px; padding-bottom: 80px; }
.template-article .content-wrap { padding-top: 20px; padding-bottom: 80px; }
@media (max-width: 719px) { .template-blog .content-wrap, .template-article .content-wrap { padding-top: 0; padding-bottom: 0; } }
.template-blog .articles, .template-article .articles { float: left; width: 100%; }
@media (max-width: 719px) { .template-blog .articles, .template-article .articles { width: 100%; border-bottom: 1px solid ; padding-bottom: 15px; padding-right: 0px; } }
.template-blog .articles .meta, .template-article .articles .meta { float: none; width: 100%; position: relative; }
@media (max-width: 719px) { .template-blog .articles .meta, .template-article .articles .meta { float: none; width: 100%; } }
.template-blog .articles .meta li, .template-article .articles .meta li { margin-bottom: 28px; padding-top: 28px; border-top: 1px solid   ; }
@media (max-width: 719px) { .template-blog .articles .meta li, .template-article .articles .meta li { border-top: none; } }
.template-blog .articles .meta li label, .template-blog .articles .meta li .text, .template-blog .articles .meta li .text a, .template-article .articles .meta li label, .template-article .articles .meta li .text, .template-article .articles .meta li .text a { color:   ; }
.template-blog .articles .meta li label, .template-article .articles .meta li label { display: block; font-size: 12px; cursor: auto; }
.template-blog .articles .meta li label a, .template-article .articles .meta li label a { color:   ; }
.template-blog .articles .meta li label a:hover, .template-article .articles .meta li label a:hover { color:   ; }
.template-blog .articles .meta li .text, .template-article .articles .meta li .text { font-family:   ; font-size: 12px; }
.template-blog .articles .meta li .text a:hover, .template-article .articles .meta li .text a:hover { color:   ; }
.template-blog .articles .meta li.title, .template-article .articles .meta li.title { display: none; }
@media (max-width: 719px) { .template-blog .articles .meta li.title, .template-article .articles .meta li.title { display: block; text-align: center; border-top: 1px solid   ; padding: 40px 0 0; margin-bottom: 25px; } }
.template-blog .articles .meta li.prev-next-post .label, .template-article .articles .meta li.prev-next-post .label { display: inline; }
.template-blog .articles .meta li.prev-next-post .icon, .template-article .articles .meta li.prev-next-post .icon { display: none; }
@media (max-width: 719px) { .template-blog .articles .meta li.prev-next-post, .template-article .articles .meta li.prev-next-post { height: 0; width: 0; padding: 0; margin: 0; }
  .template-blog .articles .meta li.prev-next-post .label, .template-article .articles .meta li.prev-next-post .label { display: none; }
  .template-blog .articles .meta li.prev-next-post .icon, .template-article .articles .meta li.prev-next-post .icon { display: block; }
  .template-blog .articles .meta li.prev-next-post .previous, .template-blog .articles .meta li.prev-next-post .next, .template-article .articles .meta li.prev-next-post .previous, .template-article .articles .meta li.prev-next-post .next { position: absolute; height: 22px; width: 22px; top: 50%; margin-top: -11px; font-family: 'icons'; }
  .template-blog .articles .meta li.prev-next-post .next, .template-article .articles .meta li.prev-next-post .next { left: 0; }
  .template-blog .articles .meta li.prev-next-post .previous, .template-article .articles .meta li.prev-next-post .previous { right: 0; }
  .template-blog .articles .meta li.prev-next-post .slash, .template-article .articles .meta li.prev-next-post .slash { display: none; }
  .template-blog .articles .meta li.prev-next-post .icon, .template-article .articles .meta li.prev-next-post .icon { font-family: 'icons'; font-size: 50px; color: ; line-height: 16px; text-indent: 0px; text-transform: lowercase; }
  .template-blog .articles .meta li.prev-next-post .next .icon, .template-article .articles .meta li.prev-next-post .next .icon { text-indent: 2px; }
  .template-blog .articles .meta li.prev-next-post .previous .icon, .template-article .articles .meta li.prev-next-post .previous .icon { text-indent: -11px; } }
.template-blog .articles .meta.mobile, .template-article .articles .meta.mobile { display: none; }
@media (max-width: 719px) { .template-blog .articles .meta.mobile, .template-article .articles .meta.mobile { display: block; border-top: 1px solid   ; border-bottom: none; float: none; margin-bottom: 0; margin-top: 10px; } }
.template-blog .articles .meta.mobile li.author, .template-blog .articles .meta.mobile li.tags, .template-article .articles .meta.mobile li.author, .template-article .articles .meta.mobile li.tags { display: none; }
@media (max-width: 719px) { .template-blog .articles .meta.mobile li.author, .template-blog .articles .meta.mobile li.tags, .template-article .articles .meta.mobile li.author, .template-article .articles .meta.mobile li.tags { display: block; width: 50%; margin: 0; padding: 20px 0; }
  .template-blog .articles .meta.mobile li.author label, .template-blog .articles .meta.mobile li.tags label, .template-article .articles .meta.mobile li.author label, .template-article .articles .meta.mobile li.tags label { margin-top: 5px; } }
@media (max-width: 480px) { .template-blog .articles .meta.mobile li.author, .template-blog .articles .meta.mobile li.tags, .template-article .articles .meta.mobile li.author, .template-article .articles .meta.mobile li.tags { width: 100%; text-align: center; } }
@media (max-width: 719px) { .template-blog .articles .meta.mobile li.author, .template-article .articles .meta.mobile li.author { float: left; padding-left: 20px; }
  .template-blog .articles .meta.mobile li.author .avatar-wrap, .template-article .articles .meta.mobile li.author .avatar-wrap { float: left; width: 46px; height: 46px; margin: 0 10px 0 0; }
  .template-blog .articles .meta.mobile li.author .avatar, .template-article .articles .meta.mobile li.author .avatar { width: 46px; } }
@media (max-width: 480px) { .template-blog .articles .meta.mobile li.author, .template-article .articles .meta.mobile li.author { float: none; }
  .template-blog .articles .meta.mobile li.author .avatar-wrap, .template-article .articles .meta.mobile li.author .avatar-wrap { float: none; margin: 0 auto 10px; } }
@media (max-width: 480px) { .template-blog .articles .meta.mobile li.tags, .template-article .articles .meta.mobile li.tags { padding-top: 0px; } }
.template-blog .articles .meta.mobile li.share-buttons, .template-article .articles .meta.mobile li.share-buttons { display: block; width: 100%; padding-top: 30px; margin-bottom: 30px; float: left; text-align: center; border-top: 1px solid ; }
.template-blog .articles .meta.mobile li.share-buttons .share-wrap, .template-article .articles .meta.mobile li.share-buttons .share-wrap { width: auto; height: 20px; margin: 0 8px; }
.template-blog .articles .article, .template-article .articles .article { border-top: 1px solid   ; padding-top: 40px; margin-bottom: 25px; }
@media (max-width: 719px) { .template-blog .articles .article, .template-article .articles .article { border-top: none; margin: 0 0 30px; padding: 0; } }
.template-blog .articles .article.first, .template-article .articles .article.first { border-top: none; padding-top: 0; }
@media (max-width: 719px) { .template-blog .articles .article .article-content, .template-article .articles .article .article-content { width: 100%; } }
.template-blog .articles .article .article-content .title, .template-article .articles .article .article-content .title { display: block; }
@media (max-width: 719px) { .template-blog .articles .article .article-content .title, .template-article .articles .article .article-content .title { font-size: 36px; } }
.template-blog .articles .article .article-content .rte img, .template-article .articles .article .article-content .rte img { max-width: 100%; }
.template-blog .articles .article .title, .template-article .articles .article .title { margin-top: -3px; margin-bottom: 20px; }
.template-blog .articles .article .title, .template-blog .articles .article .title a, .template-article .articles .article .title, .template-article .articles .article .title a { color: ; font-family:   ;  font-size: 46px; font-size:   ; font-weight: 700; line-height: 1.1; }
.template-blog .articles .article .title a:hover, .template-article .articles .article .title a:hover { color: ; }
.template-blog .articles .pagination, .template-article .articles .pagination { width: 75%; float: right; display: block; }
@media (max-width: 719px) { .template-blog .articles .pagination, .template-article .articles .pagination { display: none; } }
.template-blog .mobile .pagination, .template-article .mobile .pagination { margin-bottom: 45px; padding-bottom: 0; display: none; }
@media (max-width: 719px) { .template-blog .mobile .pagination, .template-article .mobile .pagination { display: block; } }


.template-blog .page-title { text-align: center; border-bottom: none; padding-top: 30px; }
.template-blog .page-title .label { font-size: 36px; }
.template-blog .page-title p { font-size: 18px; max-width: 800px; margin: 10px auto 0px; }

.template-blog .post-wrapper { margin-left: -50px; margin-top: 25px; }
.template-blog .post-wrapper .post-item-wrap { display: inline-block; width: 33%; vertical-align: top; margin-bottom: 30px; }
@media (max-width: 1199px) { .post-wrapper .post-item-wrap { width: 32.5%!important; } }
@media (max-width: 719px) { .post-wrapper .post-item-wrap { width: 100%!important; } }
.template-blog .post-wrapper .post-item-wrap .post-item { padding-left: 50px; }
@media (max-width: 719px) { .template-blog .post-wrapper .post-item-wrap .post-item { padding: 0 15px 0 50px; }}
  .template-blog .post-wrapper .post-item-wrap .post-item .excerpt p, .related-articles .rte p { margin: 0; }
h3.post-title { text-align: left; }
.template-blog .post-wrapper .post-item-wrap .post-item img { width: 100%; }
.template-blog .post-wrapper .post-item-wrap .post-item img:hover { opacity: 0.9; }
.template-blog .post-wrapper .post-item-wrap .post-item h3.post-title { font-size: 16px; line-height: 1.2em; margin: 10px 0px 5px; }
.template-blog .post-wrapper .post-item-wrap .post-item .meta { font-size: 12px; text-transform: uppercase; color: ; }

.post-wrapper { margin-left: -50px; margin-top: 25px; }
.post-wrapper .post-item-wrap { display: inline-block; width: 33%; vertical-align: top; margin-bottom: 30px; }
.post-wrapper .post-item-wrap .post-item { padding-left: 50px; }
.post-wrapper .post-item-wrap .post-item .excerpt p, .related-articles .rte p { margin: 0; }
.post-wrapper .post-item-wrap .post-item img { width: 100%; }
.post-wrapper .post-item-wrap .post-item img:hover { opacity: 0.9; }
.post-wrapper .post-item-wrap .post-item h3.post-title { font-size: 16px; line-height: 1.2em; margin: 10px 0px 5px; }
.post-wrapper .post-item-wrap .post-item .meta { font-size: 12px; text-transform: uppercase; color: ; }

.hide { display: none!important; }

@media (max-width: 1024px) {

  .template-blog .post-wrapper .post-item-wrap { width: 33.333333%; }
}

@media (max-width: 800px) {
  .template-blog .post-wrapper .post-item-wrap { width: 50%; }
}

/*@media (max-width: 550px) {
  .template-blog .post-wrapper { margin-left: 0px; }
  .template-blog .post-wrapper .post-item-wrap { width: 100%; }
  .template-blog .post-wrapper .post-item-wrap .post-item { padding-left: 0px; }
}*/


.template-blog .filter-section { background: #f2f2f2; font-size: 16px; margin-top: 20px; }
.template-blog .filter-section ul { padding: 10px 20px; }
.template-blog .filter-section li { display: inline;}
.template-blog .filter-section li .label { font-weight: bold; text-transform: uppercase; padding-right: 15px; }
.template-blog .filter-section li a { color: ; padding: 15px 2px; }
.template-blog .filter-section li a:hover, .template-blog .filter-section li a.active { text-decoration: underline; color: ; }

@media (max-width: 719px) {
  .template-blog .filter-section { font-size: 16px; }
  .template-blog .filter-section ul { padding: 10px 20px; text-align: center; }
  .template-blog .filter-section li { display: inline-block; }
  .template-blog .filter-section li:first-child { width: 100%; }
  .template-blog .filter-section li a { padding: 0px 7px; }
}

.tag-background { background-color: #fafafa; padding: 15px 0; margin-top: 10px; }
.tag-wrapper { text-align: center; }
.tag-wrapper ul { margin-bottom: 0; }
.tag-wrapper ul li { display: inline; padding: 0 7px; font-size: 14px;text-transform: capitalize; }

.left-two-columns-wrapper.row {
  margin-top: -40px;
}

ul.bullets { list-style-type: disc;  }
ul.bullets li { font-size: 1.2em; font-weight: 300; color: #999 }

.read-more-wrapper { margin-left: -10px; }

.read-more-block { display: inline-block; width: 33%; }

.read-more-block img { width: 100%; }

.author.block { margin-bottom: 40px; width: 75%;}

.date.block { margin-bottom: 40px; }

.article img { width: 100%; }

.blog-quote { text-align: center; font-size: 20px; color: #d91c5c; font-style: italic; padding: 20px 0; }

@media (max-width: 719px) {
  .read-more-block { display: inline-block; width: 49%; }
}

.view-case-studies { text-align: center; background-color: #f6f6f6; padding: 34px 0; margin-left: -10px; border-top: 1px solid #dadada; }
.view-case-studies h2 { display: inline; margin-right: 20px; color: #444444; }
.view-case-studies button { font-size: 18px; }

.form-wrapper { width: 70%; margin: 20px auto; }

.template-blog .collection-directions { background-color: #fafafa; padding: 15px 15px 13px; }

@media only screen and (max-width: 767px) {
  .template-blog .collection-directions .sod_select { margin: 20px 0 0; }
  .template-blog .collection-directions .large-3 { text-align: center; margin: 20px 0 0; }
  .template-blog .pagination { float: none; }
}

/*  4.8 - Cart
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
textarea#cart-notes-area { height: 100px; width: 160%; border-color: #D91C5C;}
.template-cart .main-content { padding: 0; max-width: 1200px; margin: 0 auto; }
.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; }
.template-cart .empty-cart.row h2 { font-size: 1em; }
.template-cart .empty-cart.row a:link { text-decoration: underline; }
.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; }
@media only screen and (min-width: 768px) { .template-cart .cart-table tr th, .template-cart .cart-table tr td { padding: 0.75em 0.83333em; } textarea#cart-notes-area { height: 100px; width: 160%!important; } }
.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; }
.template-cart .cart-table .title { display: none; }
@media only screen and (min-width: 768px) { .template-cart .cart-table .title { display: table-cell; } textarea#cart-notes-area { height: 100px; width: 100%!important; } }
.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; } textarea#cart-notes-area { height: 100px; width: 100%!important; } }
.lt-ie9 .template-cart .cart-table th.image { width: auto; }
.template-cart .cart-table .image img { max-width: none; }
.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: 100%; } textarea#cart-notes-area { height: 100px; width: 100%!important; } }
.template-cart .order-notes .container { display: inline-block; width: 100%; }
.template-cart .order-notes h3 { text-align: left; color: #D91C5C;}
.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%; } textarea#cart-notes-area { height: 100px; width: 100%!important; } }
.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; } textarea#cart-notes-area { height: 100px; width: 100%!important; } }
.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: 0px solid #ebebeb; } textarea#cart-notes-area { height: 100px; width: 100%!important; } }
.lt-ie9 .template-cart .continue-shopping { border-top: 0px solid #ebebeb; }
.template-cart .shipping-calculator { 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; } textarea#cart-notes-area { height: 100px; width: 100%!important; } }
.lt-ie9 .template-cart .shipping-calculator .button { padding: 12px 24px; }
.template-cart .shipping-calculator #address_zip { margin-bottom: 30px; }
.security { margin-top: 20px; }
@media only screen and (max-width: 768px) { textarea#cart-notes-area { height: 100px; width: 100%!important; } }


/*  4.9 - Customer Accounts
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.account-content .row { max-width: 57.5em; margin: 0; }
.account-content .row.large { max-width: 83.33333em; }
.account-content #create_customer, .account-content #customer_login { max-width: 330px; }
.account-content h2 { text-transform: uppercase; font-weight: normal; font-size: 1.16667em; }
.account-content a, .account-content a:link { text-decoration: underline; }
.account-content #customer_sidebar { text-align: right; }
.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; }


/* 5 - Vinyl Impression theme
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* General
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
section.main-content {
  padding: 0;
  margin: 0 auto;
}

.template-blog section.main-content {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}

.template-article section.main-content {
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}

header.main-header.margin {
  margin-top: 145px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  header.main-header.margin {
  margin-top: 0;
}
}

h2 {
  font-size: 1.7em;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}
h3 {
    color: #999;
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
ul {
  list-style-type: none;
    padding: 0;
}
p {
  font-weight: 100;
    margin-bottom: 10px !important;
    font-size: 1em;
  color: #999;
}
blockquote {
  border: 0;
}
.main-content .social-share,
.scalable-wrap,
.template-index .widgets.feat-promo,
.product-slider,
.install-wrap {
    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
}
.review-box,
.ask-box,
.testimonials,
.stats-inner,
.customise-inner,
.top-collections-grid,
.contact-wrap,
.page-get-in-touch iframe,
.questions-wrap,
.reviews-wrap,
.videos-wrap,
.artwork-wrap,
.homepage-icons,
.bit-about,
.featured-promo,
.rec-proj-inner,
.reasons,
.meet-the-team,
.how-it-started,
.masking-tape,
.install-video,
.template-product .main-content header,
.services-wrap,
.materials-wrap,
.case-studies-wrap,
.office-case-wrap,
.case-study-wrap,
.service-wrap,
.material-wrap,
.rel-case-wrap,
.services-offered,
.some-clients,
.map-wrap,
.process,
.scalable,
.template-page .main-content .social-share.row .columns,
.template-product article.row,
.template-search .main-content .row,
.okendo-main-widget,
.template-product .similar-products {
  max-width: 1200px;
    min-width: 600px;
    margin: 0 auto;
  width: 100%;
    overflow: hidden;
    position: relative;
}
.get-project-quote,
.header-wrap,
.question-wrap,
.customise {
    min-width: 600px;
}
.template-product article.row,
.homepage-icons,
.recent-projects,
.services-offered,
.bit-about,
.some-clients,
.office-case-wrap,
.process,
.material-wrap,
.service-wrap,
.videos-wrap,
.questions-wrap,
.how-it-started,
.masking-tape,
.install-video,
.meet-the-team-wrap,
.reasons,
.artwork-wrap,
.reviews-wrap,
.case-studies-wrap,
.case-study-wrap,
.contact-wrap {
  padding: 35px 25px;
}



button, .button, a.button {
    margin: 0;
    background: none repeat scroll 0 0 #d91c5c;
    border-radius: 5px;
    font-size: 1.2em;
    line-height: 1;
    padding: 12px 30px 10px;
    text-transform: uppercase !important;
}
.middle {
  float: left;
}
.left-side,
.right-side {
  float: left;
    width: 50%;
    text-align: right;
}
.right-side {
  text-align: left;
}
.left-text,
.right-text {
  float: left;
    width: 50%;
}
.left-text {
  padding-right: 1%;
}
.right-text {
  padding-left: 1%;
}
.main-footer {
    margin-top: 0;
}
.content-grid {
  width: 100%;
}
.template-index .slider .slide .caption a.button,
.template-index .top-collections .collection-item h4,
.page-office-branding .case-studies-item h4,
.template-product article .add-to-cart .button,
.customise-form .collapsibleContainerTitle div,
button, .button, a.button,
ul.tabs li a,
.case-studies-item h2.title,
.non-shop .get-project-quote .content a,
.rel-item h3.title,
.template-index .top-collections .content .collection-item h2.title,
.template-index .widgets .recent-projects .get-project-quote .content a,
.template-list-collections .main-content .collection-item h2.title,
.template-page .main-content .collection-item h2.title {
    font-family: 'Oswald',sans-serif;
    font-weight: normal;
}

/* Image grids
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.grid-row {
  width: 100%;
    overflow: hidden;
}
.wide-left {
  width: 66.333333%;
    margin-right: 1%;
}
.std-right {
  width: 32.666666%;
    margin-right: 0;
}
.std-left-mid {
  width: 32.666666%;
    margin-right: 1%;
}
.wide-right {
  width: 66.333333%;
    margin-right: 0;
}

/* Headers
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.non-shop .header-wrap {
  position: relative;
    overflow: visible;
}
.non-shop.office .header-tint {
  background-color: #d91c5c;
}
.non-shop.about .header-tint {
  background-color: #D91C5C;
}
.non-shop .header-tint {
  opacity: 0.9;
    width: 100%;
    height: 300px;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 20;
}
.non-shop .tint-wrap {
  height: 300px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.non-shop .tint-wrap img {
  opacity: 1;
  max-width: 100%;
  display: block;
  width: 100%;
  min-height: 240px;
}
.page-office-branding .tint-wrap {
  height: 240px;
}
.non-shop .main-header {
    z-index: 100;
    position: relative;
    top: 0;
    left: 0;
}
.non-shop .main-header-nav {
    z-index: 100;
}

.non-shop .header-tint .page-title  {
  /*padding-top: 65px;*/
    padding-bottom: 70px;
    position: relative;
    z-index: 110;
}
@media only screen and (max-width: 377px) {
  .non-shop .header-tint .page-title  {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 768px) {

  img.main-logo {
  max-width: 239.188px;
    height: auto!important;
}
}


.non-shop .header-tint .page-title h1 {
  color: #fff;
    font-size: 4.5em;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
  margin-bottom: 0;
    margin-top: 6px;
    opacity: 1;
    line-height: 1.1;
}
img.main-logo {
  max-width: 239.188px;
    height: 80px;
}
.non-shop img.main-logo {
  max-width: 239.188px;
    height: 80px;
}
.non-shop .header-tint .page-title h2 {
    margin-top: 7px;
  color: #fff;
    font-size: 2.5em;
    font-weight: 200;
    text-align: center;
  margin-bottom: 0;
    margin-top: 19px;
    opacity: 1;
    text-transform: none;
    line-height: 1.1;
}
.non-shop .main-header .search-account a,
.non-shop .main-header .search-account a:link,
.non-shop .main-header .mobile-tools a,
.non-shop .main-header .cart .cart-link,
.non-shop .main-header .main-menu .widescreen > ul > li > a,
.non-shop .main-header a,
.non-shop .main-header a:link,
.non-shop .main-header a:visited,
.non-shop .main-header a:hover {
  color: #444;
}
.non-shop .main-header .mobile-menu .nav-item a,
.non-shop .main-header .main-menu-dropdown-panel ul li a {
  color:  #d91c5c  ; }

.non-shop .main-header-nav .search-account a,
.non-shop .main-header-nav .search-account a:link,
.non-shop .main-header-nav .mobile-tools a,
.non-shop .main-header-nav .cart .cart-link,
.non-shop .main-header-nav .main-menu .widescreen > ul > li > a,
.non-shop .main-header-nav a,
.non-shop .main-header-nav a:link,
.non-shop .main-header-nav a:visited,
.non-shop .main-header-nav a:hover {
  color: #444;
}
.non-shop .main-header-nav .mobile-menu .nav-item a,
.non-shop .main-header-nav .main-menu-dropdown-panel ul li a {
  color:  #d91c5c  ; }


/*  Homepage Icons / Services Offered / Bit About / How It Started
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.homepage-icons {
  padding-bottom: 10px;
}
.bit-about h3,
.how-it-started h3 {
  margin-bottom: 30px;
}
.how-it-started h4,
.bit-about h4 {
  font-size: 1.6em;
}
.how-it-started h4,
.how-it-started p,
.bit-about h4,
.bit-about p {
    font-weight: 300;
    width: 100%;
    text-align: left;
    margin: 0;
    color: #999;
    line-height: 1.6;
}
.homepage-icons h4,
.homepage-icons p,
.services-offered h4,
.services-offered p {
  width: 25%;
    float: left;
    font-size: 1em;
    text-transform: uppercase;
    text-align: center;
}
.services-offered p {
    padding: 0 20px 0;
}
.services-offered img,
.homepage-icons img {
  margin: 10px 0;
    padding: 0 3px;
    max-width: 100px;
}

/*  Sliders
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-index .slider .slide .caption {
  visibility: visible;
  padding: 30px;
  top: 0;
  margin: 0!important;
  height: 100%;
}
.template-index .slider .slide .caption h2.title {
    font-size: 3.2em;
    margin-bottom: 4px;
    text-align: left;
    color: #D91C5C;
    text-transform: none!important;
    margin-top: 20%;
}

@media only screen and (min-width: 769px) and (max-width: 1040px) {
	.template-index .slider .slide .caption h2.title {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 2.2em;
    margin-top: 35%;
}
  .template-index .slider .slide .caption a.button {
  background: none;
    font-size: 1.6em;
    text-transform: none!important;
    border-radius: 0;
    padding: 15px;
    font-family: 'Lato';
    color: #d91c5c!important;
    border: 2px solid #d91c5c;
}
  .template-index .slider .slide .caption a.button:hover {
  background-color: #d91c5c!important;
  color: #fff!important;
}
}

@media only screen and (max-width: 768px){
	.template-index .slider .slide .caption h2.title {
    margin-top: 0px;
    margin-bottom: 7px;
    font-size: 2.2em;
}
  .template-index .slider .slide .caption a.button {
  background: #d91c5c;
    font-size: 1.6em;
    text-transform: none!important;
    border-radius: 0;
    padding: 20px;
    font-family: 'Lato';
}

  .template-index .slider .slide .caption a.button:hover {
  background-color: #d91c5c!important;
  color: #fff!important;
}
  .template-index .slider .slide .caption {
  visibility: visible;
  padding: 15px 20px;
  top: 0;
  margin: 0!important;
  height: 100%;
  background-color: #EAE7E9;
}
}
.template-index .slider .slide .caption h3.sub-title {
  font-size: 1.6em;
    line-height: 1.7;
    text-align: left;
    text-transform: none;
    margin-bottom: 10px;
    color: #444;
    font-weight: 400;
}
.template-index .slider .slide .caption a.button {
    background: none;
    font-size: 1.6em;
    text-transform: none!important;
    border-radius: 0;
    padding: 15px;
    font-family: 'Lato';
    color: #d91c5c!important;
    border: 2px solid #d91c5c;
}

.template-index .slider .slide .caption a.button:hover {
  background-color: #d91c5c!important;
  color: #fff!important;
}

.margin-right { margin-right: 10px!important; }

.button .fa { font-size: 0.8em!important; }

.fa { margin-right: 7px; }

.template-index .slider .slide .caption .bg {
  opacity: 0;
}
.template-index .quote-slider {
    position: absolute;
    top: 50px;
    right: 20px;
  width: 45%;
    height: 200px;
    float: right;
    background-color: #444;
}
.product-slider {
  padding-top: 20px;
    padding-bottom: 20px;
}
 .product-slider.bit {
  background: none repeat scroll 0 0 #fff;
    border: 0;
}
blockquote {
  font-size: 1.2em;
    line-height: 1.5;
    margin-top: 0;
    font-style: normal;
    margin: 0 20px 0 20px;
}
.product-slider.bit .image-wrapper {
  text-align: left;
}
.product-slider.bit p.pink {
  color: #d91c5c;
  padding-top: 20px;
    font-size: 1.2em;
}
.product-slider.bit .bold {
  font-weight: 900;
}
.product-slider.bit .owl-prev,
.product-slider.bit .owl-next {
    margin-top: -20px;
}
.product-slider .header h2 {
  font-size: 1.7em;
    margin-bottom: 0;
    font-weight: 500;
}
.product-slider .header h3.sub-title {
    font-weight: 500;
    color: #9d9d9d;
}
.product-slider .content .product-item {
  display: inline-block;
}
.product-slider .content .product-item .caption .title {
  margin-top: 20px;
  margin-bottom: 10px;
    font-size: 0.9em;
  font-weight: 500;
}
.product-slider .content .product-item .caption .price {
  font-weight: bold;
    text-transform: lowercase;
}
.product-slider .content .owl-theme .owl-controls {
    margin: 0;
}



.slider-2 { border-bottom: 1px solid #ebebeb; }
@media only screen and (min-width: 768px) { .slider-2 { border-bottom: none; } }
.slider-2 { border-bottom: none; }
.slider-2 .flex-video-2 { padding-bottom: 45%; }
.slider-2 .video-2 .caption-2, .slider-2 .video-2 .video-src-2 { display: none; }
.slider-2 .video-2 .play-button-2 { 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%; }
.slider-2 .video-2 .play-button-2:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; }
.slider-2 .video-2 .play-button-2 .triangle-2 { -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; }
.slider-2 .owl-controlls-2 { margin-top: 0; }
.slider-2 .row-2 { position: relative; padding: 0; }
.slider-2 .slide-2 { position: relative; }
.slider-2 .slide-2 img { display: inline-block; width: 100%; }
.slider-2 .slide-2 .caption-2 { visibility: hidden; margin: 20px 20px 10px; position: static; padding: 20px; }
@media only screen and (min-width: 768px) { .slider-2 .slide-2 .caption-2 { padding: 20px; } }
.slider-2 .slide-2 .caption-2 { padding: 20px; }
.slider-2 .slide-2 .caption-2.right { float: none !important; }
.slider-2 .slide-2 .caption-2 .bg-2 { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color:  #ffffff ; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
@media only screen and (min-width: 768px) { .slider-2 .slide-2 .caption-2 .bg-2 { display: block; } }
.slider-2 .slide-2 .caption-2 .bg-2 { display: block; }
.slider-2 .slide-2 .caption-2 .title-2 { color:  #444444 ; position: relative; margin-top: 0; font-size: 1em; padding-bottom: 0; line-height: 1.2; }
.slider-2 .slide-2 .caption-2 .sub-title-2 { color:  #444444 ; position: relative; font-size: 0.83333em; font-weight: 300; }
.slider-2 .slide-2 .caption-2 a.button { color:  #ffffff ; background:  #444444 ; position: relative; font-family:  'Lato', sans-serif ; font-size: 0.83333em; text-transform: none; margin-bottom: 0; }
.slider-2 .slide-2 .caption-2 a.button:hover { color:  #ffffff ; background:  #d46b8f ; }
@media only screen and (min-width: 768px) { .slider-2 .slide-2 .caption-2 { position: absolute; max-width: 350px; margin: 20px 55px 30px; padding: 15px; }
  .slider-2 .slide-2 .caption-2 .title-2 { font-size: 1.16667em; }
  .slider-2 .slide-2 .caption-2 .sub-title-2 { font-size: 1em; }
  .slider-2 .slide-2 .caption-2 a.button-2 { font-size: 0.83333em; }
  .slider-2 .slide-2 .caption-2.top { top: 125px; margin-top: 0; }
  .slider-2 .slide-2 .caption-2.middle { top: 50%; margin-top: 0; }
  .slider-2 .slide-2 .caption-2.bottom { bottom: 0; }
  .slider-2 .slide-2 .caption-2.left { left: 0; }
  .slider-2 .slide-2 .caption-2.center { left: 50%; margin-left: 0; }
  .slider-2 .slide-2 .caption-2.right { right: 0; }
  .slider-2 .slide-2 .caption.bottom.right { bottom: 45px; } }
@media only screen and (min-width: 1280px) { .slider-2 .slide-2 .caption-2 { max-width: 400px; padding: 20px; }
  .slider-2 .slide-2 .caption-2 .title-2 { font-size: 1.5em; }
  .slider-2 .slide-2 .caption-2 .sub-title-2 { font-size: 1.16667em; }
  .slider-2 .slide-2 .caption-2 a.button-2 { font-size: 1em; } }


.slider-2 .slide-2 .caption-2 {
  visibility: visible;
  padding: 30px;
  top: 0;
  margin: 0!important;
  height: 100%;
}
.slider-2 .slide-2 .caption-2 h2.title-2 {
    font-size: 3.2em;
    margin-bottom: 4px;
    text-align: left;
    color: #D91C5C;
    text-transform: none!important;
    margin-top: 20%;
}

@media only screen and (max-width: 1040px) {
.slider-2 .slide-2 .caption-2 h3.sub-title-2 {
  display: none;
}
}

@media only screen and (min-width: 769px) and (max-width: 1040px) {
	.slider-2 .slide-2 .caption-2 h2.title-2 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 2.2em;
    margin-top: 35%;
}
  .slider-2 .slide-2 .caption-2 a.button-2 {
  background: #d91c5c;
  font-size: 1.2em;
  text-transform: none!important;
  border-radius: 0;
  padding: 12px;
  font-family: 'Lato';
}
}

@media only screen and (max-width: 768px){
	.slider-2 .slide-2 .caption-2 h2.title-2 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 2.2em;
}
  .slider-2 .slide-2 .caption-2 a.button-2 {
  background: #d91c5c;
  font-size: 1.2em;
  text-transform: none!important;
  border-radius: 0;
  padding: 12px!important;
  font-family: 'Lato';
}
  .slider-2 .slide-2 .caption-2 {
  visibility: visible;
  padding: 15px 20px;
  top: 0;
  margin: 0!important;
  height: 100%;
  background-color: #EAE7E9;
}
}
.slider-2 .slide-2 .caption-2 h3.sub-title-2 {
  font-size: 1.6em;
    line-height: 1.7;
    text-align: left;
    text-transform: none;
    margin-bottom: 10px;
    color: #444;
    font-weight: 400;
    margin-bottom: 20px;
}
.slider-2 .slide-2 .caption-2 a.button-2 {
    background: #d91c5c;
    font-size: 1.6em;
    text-transform: none!important;
	border-radius: 0;
    padding: 20px;
    font-family: 'Lato';
}

.slider-2 .slide-2 .caption-2 .bg-2 {
  opacity: 0;
}
.quote-slider-2 {
    position: absolute;
    top: 50px;
    right: 20px;
    width: 45%;
    height: 200px;
    float: right;
    background-color: #444;
}



/*  Featured Promo
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-index .widgets .featured-promo .row {
  padding: 40px 100px 30px;
}
.template-index .widgets .featured-promo .row .columns {
  height: auto;
    width: 50%;
    padding: 0 2em;
}
.template-index .widgets .featured-promo .row h3.title {
  margin-bottom: 20px;
    font-size: 1.7em;
    font-weight: 500;
    text-align: left;
}
.template-index .widgets .featured-promo .row .description {
  line-height: 1.6em;
    font-size: 1.1em;
    color: #9d9d9d;
}

/*  Top Collections
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-index .main-content .top-collections {
  padding: 30px 0;
   margin: 0 auto;
    overflow: hidden
}
.template-index .top-collections .collection-item {
  z-index: 50;
    width: 32.6666%;
    margin-right: 1%;
    float: left;
    display: inline;
    position: relative;
}
.template-index .top-collections .collection-item.last {
  margin-right: 0;
}
.template-index .top-collections .collection-item .image-wrapper {
  position: relative;
}
.template-index .top-collections .collection-item .inner {
    position: absolute;
  border-right: 3em solid transparent;
    border-top: 3em solid #666;
  z-index: 100;
  top: 1px;
    left: 1px;
    width: 70%;
}
.template-index .top-collections .collection-item h2 {
  top: 0;
    left: 0;
    padding-top: 5px;
    padding-left: 20px;
    font-size: 1.4em;
    color: #fff;
    z-index: 150;
  position: absolute;
    font-weight: 100;
}

/*  Some Clients
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.some-clients .cp-gallery-item {
  float: left;
    width: 12.5%;
}
.some-clients .cp-gallery-item img {
  width: 100%;
    height: auto;
}

/*  Recent Projects
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.rec-proj-wrap {
  position: relative;
    width: 100%;
    height: 570px;
    overflow: hidden;
}
.rec-proj-wrap > img {
  opacity: 1;
  max-width: 100%;
    display: block;
  width: 100%;
    min-height: 600px;
    z-index: 10;
}
.rec-proj-tint {
  background: #3a4c57;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 20;
    opacity: 0.9;
    height: 100%;
  width: 100%;
}
.small-promos {
  opacity: 1;
}
.recent-projects {
  position: absolute;
    top:0;
    left:0;
    width: 100%;
}
.recent-projects .image-text-widget img {
  opacity: 1;
    z-index: 100;
    position: relative;
}
.recent-projects .image-text-widget {
  position: relative;
    opacity: 1;
}
.recent-projects .image-text-widget .white-layer {
  width: 100%;
    top: 0;
    left:0;
    z-index: 1000;
    position: absolute;
    height: 100%;
    opacity: 0;
    background-color: #fff;
}
.recent-projects h2 {
    color: #fff;
}
.recent-projects .small-promos .columns {
  padding: 3px;
    opacity: 1;
}
.recent-projects h2,
.recent-projects h3,
.recent-projects .small-promos h4 {
  opacity: 1;
    z-index: 200;
    position: relative;
}
.recent-projects .small-promos h4 {
    text-transform: uppercase;
    font-weight: 100;
    color: #9d9d9d;
    padding: 15px;
    height: 20px;
    text-align: center;
}
.template-index .widgets .recent-projects .small-promos h4 {
    color: #fff;
    font-weight: 500;
}

/*  Social Feeds
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.social-feeds {
  padding-top: 50px;
    padding-bottom: 50px;
}
.social-feeds h3 {
    font-weight: 500;
}
.template-index .widgets .social-feeds .row {
  padding-top: 0;
}
.template-index .widgets .social-feeds .columns {
    padding-bottom: 0;
}

/* Social Share
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-page .main-content .social-share.row {
  width: 100%;
    max-width: 100%;
}
.template-page .main-content .social-share.row .columns {
  float: none;
}
.main-content .social-share {
    padding: 20px 0;
    text-align: center;
}
.main-content .social-share h2.title {
  margin-bottom: 20px;
}

/* Customise form
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.customise-form {
    position: relative;
    height: 140px;
    width: 100%;
    overflow: hidden;
}
.customise-form > img {
    opacity: 1;
  max-width: 100%;
    display: block;
  width: 100%;
}
.customise-form .customise-tint {
    opacity: 0.9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 20;
    font-family: 'Lato';
    background:none repeat scroll 0 0 #d91c5c;
}
.customise-form .collapsibleContainer {
    border: 0;
    display:none;
}
.customise-form .collapsibleContainerTitle div {
  color: #d91c5c;
    cursor:pointer;
    text-align:center;
    text-transform: uppercase;
    text-shadow:0 1px rgba(0,0,0,0.4);
    transition:all 0.2s linear 0;
  background: #fff;
    border-radius: 5px;
  text-transform: uppercase;
    font-size: 1.5em;
    font-size: 18px;
    font-weight: bold;
  line-height: 0.8;
    padding: 12px 30px 10px;
    text-shadow: 0 0px rgba(0, 0, 0, 0.4);
    display: inline;
    position: absolute;
    top: 41px;
  left: 50%;
    margin-left: 10px;
}
.collapsibleContainerTitle {
    font-family: 'Lato';
    height: 120px;
    background:none repeat scroll 0 0 #d91c5c;
    color:#fff;
    display: block;
    margin-bottom: 0;
}
.collapsibleContainerContent {
    padding: none;
}
.customise-form .customise {
    width: 100%;
    padding: 42px 30px;
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
}
.customise-form .customise .left-side,
.customise-form .customise .right-side {
  position: relative;
    z-index: 150;
    opacity: 1;
}
.customise-form .customise h2 {
  font-size: 1.7em;
  margin-bottom: 0;
    text-transform: uppercase;
    text-align: left;
    color: #d91c5c;
  opacity: 1;
    font-weight: 500;
    margin-top: 13px;
    margin-left: 20px;
    position: relative;
    z-index: 300;
}
.customise-form .customise h2 a,
.customise-form .customise h2 a:link {
  color: #d91c5c;
    opacity: 1;
}
.customise-form .customise h4 {
  font-size: 1.7em;
    text-transform: uppercase;
    padding-right: 20px;
    font-weight: 500;
    color: #fff;
    text-align: right;
    line-height: 1.2em;
    margin-bottom: 5px;
    position: relative;
    z-index: 200;
    opacity: 1;
}
.customise-form .customise h5 {
    float: right;
    color: #fff;
    font-size: 1.5em;
    padding-right: 20px;
    margin-bottom: 0;
    line-height: 1em;
  position: relative;
    z-index: 200;
    text-transform: uppercase;
    opacity: 1;
}
.customise-form button {
  color: #d91c5c;
    background-color: #fff;
    margin-top: -13px;
    padding: 14px 30px 12px;
    font-weight: bold;
}
.customise-form button:hover {
  background-color: #777;
    color: #fff;
}

/* 5.5 Get Quote banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.get-project-quote {
  padding: 42px 30px;
    position: relative;
    z-index: 100;
    overflow: hidden;
}
.get-project-quote h2 {
  font-size: 1.7em;
  margin-bottom: 0;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    font-weight: 500;
    margin-top: 13px;
    margin-left: 20px;
}
.get-project-quote h2 a,
.get-project-quote h2 a:link {
  color: #fff;
}
.get-project-quote h4 {
  font-size: 1.7em;
    text-transform: uppercase;
    padding-right: 20px;
    font-weight: 500;
    text-align: right;
    line-height: 1.2em;
    margin-bottom: 5px;
    color: #fff;
}
.non-shop .get-project-quote h4 {
  color: #000;
}
.non-shop.page-about-us .get-project-quote h4 {
  color: #fff !important;
}
.get-project-quote h5 {
    float: right;
    color: #9d9d9d;
    font-size: 1.5em;
    padding-right: 20px;
     margin-bottom: 0;
    line-height: 1em;
}
.get-project-quote button {
    margin-top: -13px;
    padding: 14px 30px 12px;
    font-weight: bold;
}

/* 5.6 Tabs
================================================== */
ul.tabs {
    display: block;
    margin: 0 0 10px 0;
    padding: 0;
    border-top: 0;
    list-style-type: none;
    width: 100%;
}
ul.tabs li {
    display: block;
    width: 50%;
    padding: 0;
    float: left;
    margin-bottom: 0;
    text-align: center;
    border-bottom: 2px solid #777;
    overflow:hidden;
}
ul.tabs li a {
    display: block;
    text-decoration: none;
    padding:  13px 20px 8px;
    line-height: 1;
    background: #efefef;
    color: #777;
    font-size: 1.5em;
    text-transform: uppercase;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius:0px;
    margin: 0 2px;
    font-size: 14px;
}
ul.tabs li a.active {
    background-color: #777;
    list-style-type: none;
    color: #fff;
}
ul.tabs li:first-child a {
    margin-left: 0; }
ul.tabs li:last-child a {
}
ul.tabs-content { color: #9d9d9d; padding: 0; margin: 30px 0 0; display: block; border: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { list-style-type: none; display: block; border: 0;}

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.tabs:after {
    clear: both; }
ul.tabs {
    zoom: 1; }
ul.tabs-content blockquote {
    border: none;
    padding-left: 0;
    color: #000;
    margin: 10px 0 3px;
}

/*  Stats Banner
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.stats-wrap {
  position: relative;
    width: 100%;
  height: 240px;
    z-index: 0;
    overflow: hidden;
}
.stats-wrap > img {
  opacity: 1;
  max-width: 100%;
    display: block;
  width: 100%;
    z-index: 10;
}
.stats-content {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 20;
    height: 100%;
  width: 100%;
}
.stats-inner {
    padding:0 30px;
}
.circles-wrap {
    position: absolute;
    top:0;
    left:0;
    z-index: 100;
  padding: 0 30px;
    width: 100%;
}
.circles-wrap .one,
.circles-wrap .two,
.circles-wrap .three {
  width: 33.3333%;
    position: relative;
    z-index: 200;
  float: left;
}
.circles-wrap .circles {
  margin: 40px auto 0;
    width: 160px;
    height: 160px;
  border-radius: 80px;
    opacity: 0.9;
    background-color: #fff;
    position: relative;
    z-index: 200;
}
.stats-content h3 {
    width: 33.3333%;
    float: left;
    font-size: 1.5em;
    position: relative;
    z-index: 500;
    margin: 70px 0 0;
}
.stats-content h4 {
    width: 33.3333%;
    float: left;
    font-size: 3.5em;
    text-align: center;
  position: relative;
    z-index: 500;
    color: #d91c5c;
}

/*  Talk to Us
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-content .talk-to-us {
  position: relative;
    max-width: 1200px;
    min-width: 600px;
    margin: 0 auto;
    padding: 0 100px;
}
.talk-to-us h2 {
    color: #fff;
    font-weight: 500;
  font-size: 1.7em;
}
.talk-to-us-wrap {
  max-width: 100%;
    background: #d91c5c;
}
.talk-to-us .content img {
  height: auto;
    width: 200px;
    margin-right: 50%;
}
.talk-to-us .content p img {
  height: 100%;
    width: auto;
    margin-right: 0;
}
.talk-to-us .content p {
  color: #fff !important;
    font-weight: 300;
    font-size: 1.3em;
}

/*  Related Case Studies
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.rel-case-wrap {
  padding: 10px 25px;
}
.rel-case-header {
    padding: 0;
    border-top: 1px solid #dadada;
}
.non-shop .main-content .rel-case-grid {
  padding: 0;
}
.rel-case-header h2 {
    font-size: 1.5em;
    margin-top: 15px;
  margin-bottom: 10px;
    text-align: left;
}
.rel-item {
  padding: 1px;
  z-index: 50;
    margin-top: 0;
    margin-bottom: 1%;
  width: 24%;
    margin-right: 1.33333%;
    float: left;
    position: relative;
}
.rel-item.last {
  margin-right: 0;
}
.rel-item .image-wrapper {
    width: 100%;
}
.rel-item .image-wrapper p {
  margin: 0;
}
.rel-item .caption {
  display: block;
}
.rel-item .inner {
    position: absolute;
  border-right: 3em solid transparent;
    border-top: 3em solid #D91C5C;
  z-index: 100;
  top: 1px;
    left: 1px;
    width: 75%;
    margin-top: 0;
}
.rel-item h3 {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 1.3em;
    font-weight: 100;
    left: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 8px;
    position: absolute;
    top: 0;
    z-index: 150;
}

/*  Testimonials Boxes
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.test-wrap {
  position: relative;
    width: 100%;
    overflow: hidden;
}
.test-wrap > img {
   opacity: 1;
  max-width: 100%;
    display: block;
  width: 100%;
    min-height:320px;
    z-index: 10;
  position: absolute;
    top: 0;
    left: 0;
}
.test-tint {
  background: #3a4c57;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 20;
    opacity: 0.9;
  width: 100%;
    height: 100%;
}
.test-inner {
    width: 100%;
  margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
.testimonials {
  text-align: center;
    width: 100%;
    padding: 40px 10%;
    z-index: 50;
    position: relative;
}
.testimonials h2 {
    color: #fff;
}
.testimonials h3 {
    margin-bottom: 20px;
}
.testimonials blockquote {
  color: #fff;
    line-height: 1.4em;
    border: 0;
  font-size: 2em;
    display: inline;
}
.testimonials .pink {
  color: #d91c5c;
}
.testimonials img {
  display: inline;
    vertical-align: -5px;
}
.testimonials p.pink {
  font-size: 1.5em;
    margin-top: 20px;
}
.testimonials h2,
.testimonials h3,
.testimonials blockquote,
.testimonials p,
.testimonials img{
    z-index: 200;
  opacity: 1;
    position: relative;
}

/*  About Us page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.meet-the-team-wrap {
  background-color: #f7f7f7;
    width: 100%;
}
.meet-the-team li,
.meet-the-team h3 {
  margin-bottom: 30px;
}
.meet-the-team ul img {
  float: left;
  padding: 0 20px 20px 0;
}
.meet-the-team ul h3 {
  text-align: left;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 1.5em;
    font-weight: 500;
}
.reasons,
.reasons ul {
  width: 100%;
}
.reasons li {
    float: left;
    width: 33.33%;
    padding: 0 2%;
    text-align: center;
}
.reasons img {
    float: left;
  padding: 0 25px 50px 0;
}
.reasons h4 {
    text-align: left;
    margin-bottom: 10px;
    text-transform: none;
    font-size: 1.6em;
    font-weight: 300;
    color: #444;
    line-height: 1.6;
}
.reasons p {
    text-align: left;
}

/*  Office Branding
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page-office-branding .scalable {
    padding: 30px;
    overflow: hidden;
    width: 100%;
}
.page-office-branding .scalable .right-side h2 {
    text-align: left;
    margin-bottom: 10px;
}
.page-office-branding .scalable .right-side h3,
.process ul h3 {
  font-size: 1.2em;
  margin-bottom: 0;
    text-transform: none;
    text-align: left;
  color: #444;
}
.page-office-branding .scalable .right-side h3 {
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.page-office-branding .scalable .right-side p,
.process ul p {
    color: #999;
    font-size: 1.2em;
    font-weight: 300;
}
.page-office-branding .scalable .content {
    max-width: 1200px;
}
.page-office-branding .scalable .right-side {
    padding: 30px 4% 30px 1%;
}
.page-office-branding .scalable .left-side img {
  width: 100%;
  padding: 0 5%;
    height: auto;
}
.process .left-text {
  width: 40%;
    padding-right: 5%;
}
.process .right-text {
  width: 60%;
}
.process ul {
  width: 100%;
}
.process ul li {
  width: 25%;
    padding: 20px 1.5% 20px 0;
    float: left;
}
.process ul li.last {
    padding-right: 0;
    margin-right: 0;
}
.process ul img {
  width: 100%;
    height: auto;
    margin: 0;
    float: left;
}

/* Vinyl Impression Collection List / Collection pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-collection header .breadcrumbs.colored-links a,
.template-collection header .breadcrumbs.colored-links a:hover,
.template-collection header .breadcrumbs.colored-links a:visited,
.template-collection header .breadcrumbs.colored-links a:link {
  color: #000;
    font-weight: 500;
}
.template-collection .main-content .three-quarter {
  width: 75%;
}
.template-collection .main-content .content-wrap {
    padding: 20px 25px 0;
    max-width: 1200px;
    min-width: 600px;
    margin: 0 auto;
}
.template-collection header .breadcrumbs {
  float: right;
    padding: 25px 0 0 0;
}
.template-collection header.row,
.template-list-collections header.row {
  padding: 0 25px;
}
.template-collection .columns,
.template-list-collections .columns {
  padding: 0;
}
.template-collection .main-content header,
.template-list-collections .main-content header {
  max-width: 1200px;
    min-width: 600px;
    margin: 0 auto;
}



.template-collection .main-content header .columns-wrap,
.template-list-collections .main-content header .columns-wrap {
    overflow: hidden;
}

.template-collection .office-banner {
    margin-bottom: 0px;
}


.template-collection header .page-title,
.template-list-collections header .page-title {
    font-size: 1.7em;
    font-weight: 500;
    margin-bottom: 0;
  text-transform: uppercase;
}
.template-collection header .page-subtitle,
.template-list-collections header .page-subtitle {
  font-size: 1.2em;
  font-weight: 500;
  text-transform: uppercase;
  color: #999;
    margin-bottom: 20px;
}
.template-list-collections .main-content .row.main {
  padding: 20px 25px;
    max-width: 1200px;
    min-width: 600px;
}

.page-custom-wall-stickers-and-design-service .main-content .row.main {
  padding: 20px 25px;
    max-width: 1200px;
    min-width: 600px;
}

.page-custom-wall-stickers-and-design-service .main-content .row {
  margin: 0 auto;
}


.template-index .main-content .row.main {
  padding: 0px 25px 20px 25px;
    max-width: 1200px;
    min-width: 600px;
}

.template-list-collections .main-content .collections-grid {
  margin: 20px auto 0;
}
.collection-item {
  padding: 1px;
  z-index: 50;
    margin-top: 0;
    margin-bottom: 1%;
    float: left;
    position: relative;
}
.template-list-collections .main-content .collection-item .image-wrapper {
  position: relative;
    width: 100%;
}
.template-list-collections .main-content .collection-item .image-wrapper img {
  width: 100%;
    height: auto;
}


.template-index .main-content .collection-item .image-wrapper {
  position: relative;
    width: 100%;
}
.template-index .main-content .collection-item .image-wrapper img {
  width: 100%;
    height: auto;
}

.template-404 .main-content .collection-item .image-wrapper {
  position: relative;
    width: 100%;
}
.template-404 .main-content .collection-item .image-wrapper img {
  width: 100%;
    height: auto;
}

.template-list-collections .main-content .collection-item .caption {
  display: block;
}
.template-list-collections .main-content .collection-item .inner {
  border-right: 3em solid transparent;
    position: absolute;
    border-top: 3em solid #D91C5C;
  z-index: 100;
  top: 1px;
    left: 1px;
    width: 70%;
    margin-top: 0;
}

.template-page .main-content .collection-item .inner {
  border-right: 3em solid transparent;
    position: absolute;
    border-top: 3em solid #D91C5C;
  z-index: 100;
  top: 1px;
    left: 1px;
    width: 70%;
    margin-top: 0;
}


.template-list-collections .main-content .collection-item h2 {
  top: 0;
    left: 0;
    padding-top: 8px;
    padding-left: 15px;
    font-size: 1.3em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    z-index: 150;
  position: absolute;
    font-weight: 100;
}
.template-collection .main-content .one-quarter {
    width: 22%;
    padding: 0 20px 20px 20px;
    background-color: #fafafa;
    margin-bottom: 20px;
}
.template-collection .main-content .one-quarter ul ul {
}
.template-collection .main-content .product-grid .product-item {
    width: 33.333333%;
    padding-left: 20px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    margin-right: -3px;
}

  @media only screen and (max-width: 768px) {
  .template-collection .main-content .product-grid .product-item {
    width: 50%;
}
}



.template-collection .main-content .product-grid {
    width: calc(100% + 20px);
    margin-left: -20px;
}
.template-collection .main-content .product-grid .product-item .caption {
    margin-bottom: 15px;
    margin-top: 10px;
}
.template-collection .main-content .product-grid .caption .title {
  font-size: 1.1em;
  font-weight: 500;
    margin-top: 10px;
  margin-bottom: 5px;
    text-align: left;
}
.template-collection .main-content .product-grid .caption .price {
  font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}
.template-collection .main-content .description {
    color: #999;
  padding-right: 20px;
    margin: 15px 0 0;
}
.template-collection .main-content .description p {
  margin-bottom: 0;
}

/*  Product page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.template-product .main-content .thumbs .row {
  padding: 0;
}
.template-product .columns {
  padding: 0;
}
.template-product .main-content header .columns {
    border-bottom: 1px solid #dadada !important;
}
.template-product .main-content header {
  padding: 0 25px;
}
.template-product header .breadcrumbs {
  float: right;
    padding: 0;
  margin-bottom: 12px;
    margin-top: 0px;
}
.template-product header .breadcrumbs.colored-links a,
.template-product header .breadcrumbs.colored-links a:hover,
.template-product header .breadcrumbs.colored-links a:visited,
.template-product header .breadcrumbs.colored-links a:link {
  color: #000;
    font-weight: 500;
}
.template-product .main-content .thumbs .thumb {
    padding: 0;
    margin: 0;
  margin-left: 1.5%;
  margin-right: 1.5%;
    text-align: center;
    margin-bottom: 5px;
    min-height: 100px;
    outline: 0 none;
}
.template-product .main-content .thumbs {
  width: 100%;
}
.template-product .main-content .thumbs .thumb img {
  width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.template-product .main-content .thumbs .thumb.alpha {
  margin-left: 0;
}
.template-product .main-content .thumbs .thumb.omega {
  margin-right: 0;
}
.template-product .main-content .product-info {
  padding: 0 0 0 3.5em;
}
.template-product article .page-title {
    text-transform: uppercase;
  font-size: 2.5em;
    font-weight: 500;
    margin-bottom: 10px;
}
.template-product article .prices p {
  margin-bottom: 0;
}
.template-product article .prices .actual-price {
  font-size: 2.4em;
    color: #d91c5c;
    font-weight: bold;
}
.template-product .main-content .product-info .incl {
  text-transform: uppercase;
  color: #999;
  font-size: 1.2em;
  font-weight: 500;
}
.template-product article .quantity {
  margin-right: 42px;
}
.template-product article .add-to-cart .button {
    background: #d91c5c;
    border-radius: 5px;
  text-transform: uppercase;
    font-size: 2.1em;
  line-height: 1;
    font-size: 18px;
    padding: 18px 45px 18px;
}
.template-product article .yotpo-bottomline {
  margin: 10px 0;
}
.template-product article form.cart-form {
  margin-top: 20px;
}
.template-product .main-content .description {
  margin-top: 40px;
    width: 96%;
}
.template-product .main-content .similar-products {
  padding: 40px 0 30px;
}
.template-product .main-content .similar-products .product-item {
  padding: 0 5px;
}
.template-product .main-content .similar-products .caption .title {
  font-size: 0.9em;
  font-weight: 500;
}
.template-product .main-content .similar-products .caption .price {
  font-size: 0.8em;
    font-weight: bold;
    margin-top: 0;
}
.template-product .main-content .promoted-products-box .yotpo-main-title {
  text-align: center;
}
form.custom .custom.dropdown.single-option-selector {
  display: none;
}
select#variant-listbox-option-0.single-option-selector.hidden-field {
  display: block !important;
    margin-left: 0;
  position: relative;
  visibility: visible;
    width: 100%;
}
.template-product article .variants {
  max-width: 100%;
}

.yotpo .yotpo-bottomline .yotpo-icon-star, .yotpo .yotpo-bottomline .yotpo-icon-half-star, .yotpo .yotpo-bottomline .yotpo-icon-empty-star {
  color: #fbc60f!important;
}

.delivery-box { background-color: #f6f6f6; padding: 15px 25px; color: #d91c5c; font-size: 17px; margin-bottom: 10px;}

@media only screen and (max-width: 600px){
.delivery-box {
  font-size: 17px;
}
}

.delivery-box ul { margin-bottom: 0; }

.delivery-box li { line-height: 36px; }

.delivery-box a { color: #D91C5C; }
.delivery-box a:hover { text-decoration: underline; }


/*  Case Study / Case Studies
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.case-studies-item .caption {
  display: block;
}
.case-studies-item .inner {
  border-right: 3em solid transparent;
    position: absolute;
    border-top: 3em solid #D91C5C;
    z-index: 100;
    top: 1px;
    left: 1px;
    width: 70%;
    margin-top: 0;
}
.case-studies-item h2.title {
    top: 0;
    left: 0;
    padding-top: 8px;
    padding-left: 15px;
    font-size: 1.3em;
    color: #fff;
    margin-bottom: 0;
    z-index: 150;
    position: absolute;
    font-weight: 100;
}
.case-studies-grid {
  margin: 20px auto 0;
}
.overview {
  margin-bottom: 30px;
}
.gallery {
    margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
.gallery {
    margin-top: 30px;
}
}
.gallery-grid {
  margin: 0 auto;
}
.case-studies-item,
.gallery-grid .gallery-item {
  padding: 1px;
  z-index: 50;
    margin-top: 0;
    margin-bottom: 1%;
    float: left;
    position: relative;
}
.case-studies-item .image-wrapper p {
  margin: 0;
}
.case-studies-item .image-wrapper,
.gallery-grid .gallery-item .image-wrapper {
  position: relative;
    width: 100%;
}
.non-shop .main-content .grid-item img,
.gallery-grid .gallery-item .image-wrapper img {
  width: 100%;
    height: auto;
}
.case-study-wrap .overview,
.case-study-wrap .gallery {
  overflow: hidden;
}
.case-study-wrap h4 {
  font-weight: 300;
    width: 100%;
    text-align: left;
    margin: 0;
    color: #999;
    line-height: 1.4;
    font-size: 1.6em;
}
.office-case-wrap,
.case-study-wrap {
    border-bottom: 1px solid #dadada;
  margin-bottom: 50px;
  position: relative;
    z-index: 0;
    overflow: visible;
}
.main-content .download {
  position: absolute;
  bottom: -20px;
    left: 50%;
    margin-left: -185px;
    width: 370px;
    padding: 0 25px;
    z-index: 50;
    background-color: #fff;
    text-align: center;
}
.main-content .download a {
    position: relative;
  z-index: 100;
    font-weight: 500;
    font-size: 1.4em;
    margin: 0 auto;
}
.main-content .download button {
  padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
}
.video { text-align: center; }
.video img { width: 70%!important; max-width: 600px!important; height: auto!important; margin: 0 auto; min-height: 100%!important; }

/*  Services / Materials pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.materials-wrap,
.services-wrap {
  padding: 35px 25px 10px;
}
.page-materials .main-content .materials-item,
.page-services .main-content .services-item {
  margin-top: 0;
    margin-bottom: 3%;
    margin-right: 1%;
  width: 32.6666666%;
    padding: 0;
    float: left;
}
.page-materials .main-content .materials-item.last,
.page-services .main-content .services-item.last {
  margin-right: 0;
}
.page-materials .main-content .materials-item img,
.page-services .main-content .services-item img {
  margin-bottom: 10px;
}
.page-services .main-content .services-item h2,
.page-materials .main-content .materials-item h2 {
  margin-bottom: 10px;
    color: #444;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
}

/*  Material / Service pages
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.main-content .one-quarter .side-menu {
    padding-left: 0;
    margin-bottom: 20px;
}
.main-content .one-quarter .side-menu li {
    list-style-type: none;
}
.main-content .one-quarter .side-menu li.filter {
    margin-bottom: 10px;
}
.main-content .one-quarter .side-menu li span.arrow {
  cursor: pointer;
}
.main-content .one-quarter .side-menu label {
  color: #888;
    font-size: 14px;
}
.main-content .one-quarter .side-menu a:hover {
  color: #444;
  background: url(/cdn/shop/files/lMO8ywg9I9AszznM3jONATwAOlDAJM03QHQgj3XN6XPgKM41iFYozk8670EIAx1vgXEHKeJwZQSpsB13VhQHP7rQrQo27AE_MRcBFOD9LhAAAAAElFTkSuQmCC.png?9579371284446645213) no-repeat 5px 2px;
}
.main-content .one-quarter .side-menu li.current a {
    color: #D91C5C;
    background: url(/cdn/shop/files/lMO8ywg9I9AszznM3jONATwAOlDAJM03QHQgj3XN6XPgKM41iFYozk8670EIAx1vgXEHKeJwZQSpsB13VhQHP7rQrQo27AE_MRcBFOD9LhAAAAAElFTkSuQmCC.png?9579371284446645213) no-repeat 5px 2px;
}

.main-content .one-quarter .collections-menu li a.active {
    color: #D91C5C;
    background: url(/cdn/shop/files/lMO8ywg9I9AszznM3jONATwAOlDAJM03QHQgj3XN6XPgKM41iFYozk8670EIAx1vgXEHKeJwZQSpsB13VhQHP7rQrQo27AE_MRcBFOD9LhAAAAAElFTkSuQmCC.png?9579371284446645213) no-repeat 5px 2px;
}

.main-content .one-quarter .collections-menu li {
  line-height: 1.9;
}
.main-content .one-quarter .collections-menu li a {
  padding: 2px 0 2px 30px;
  background: url(/cdn/shop/files/nocheck.png?9579371284446645213) no-repeat 5px 2px;
  font-size: 1.1em;
  color: #D91C5C;
  line-height: 26px;
}
.main-content .one-quarter .side-menu label {
  cursor: default;
}
.main-content .one-quarter h4 {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 10px;
}
.service-wrap .three-quarter,
.material-wrap .three-quarter {
  width: 75%;
    padding-right: 2%;
}
.service-wrap .one-quarter,
.material-wrap .one-quarter {
  width: 25%;
  padding-left: 2%;
}
.service-wrap .three-quarter img,
.material-wrap .three-quarter img {
  width: 100%;
    margin-bottom: 30px;
}
.service-wrap .three-quarter img {
  margin-bottom: 0;
}
.material-wrap .three-quarter ul {
  margin-bottom: 30px;
    width: 100%;
}
.material-wrap .three-quarter ul img {
  width: 40px;
    height: auto;
    margin: 0 20px 0 0;
    float: left;
}
.material-wrap .three-quarter ul h3 {
    font-size: 1.5em;
    color: #9d9d9d;
    margin-bottom: 10px;
}
.material-wrap .three-quarter ul h4 {
    font-size: 1em;
    color: #000;
    font-weight: 300;
}
.service-wrap h3,
.material-wrap h3 {
  font-size: 1.6em;
    font-weight: 300;
    line-height: 1.4;
    text-align: left;
    text-transform: none;
}
.service-wrap h3, .material-wrap h3,
.service-wrap p, .material-wrap p {
    color: #999;
}

/*  Artwork
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.artwork-wrap {
 padding: 0px 25px!important;
}

.artwork-wrap .left,
.artwork-wrap .middle,
.artwork-wrap .right {
  width: 32%;
    margin-right: 2%;
}
.artwork-wrap .right {
  margin-right: 0;
}
.artwork-wrap img {
  width: 100%;
    margin: 10px 0 20px;
}
.artwork-wrap h2{
  text-transform: uppercase;
    text-align: left;
    margin-bottom: 10px;
}
.artwork-wrap h3 {
  text-align: left;
    font-weight: 500;
    font-size: 1.5em;
    color: #000;
}
.artwork-wrap .logos {
  margin-bottom: 20px;
    overflow: hidden;
}
.artwork-wrap .logos img {
  float: left;
    width: 20%;
    margin-right: 3%;
}
.artwork-wrap ul {
  margin-bottom: 30px;
}
.artwork-wrap ul img {
  width: 40px;
    height: auto;
    margin: 0 20px 0 0;
}
.artwork-wrap li {
    font-size: 1.2em;
    color: #9d9d9d;
    margin-bottom: 10px;
}

@media only screen and (max-width: 650px){
  .artwork-wrap .left,
  .artwork-wrap .middle,
  .artwork-wrap .right {
    width: 100%;
      margin-right: 0%;
  }
}

/*  Videos
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page-videos .videos-wrap h2 {
  margin-bottom: 20px;
    color: #000;
}
.page-videos .main-content .video-item {
    width: 49%;
    margin-right: 2%;
    padding: 0;
    float: left;
}
.page-videos .main-content .video-item.last {
  margin-right: 0;
}
.page-videos .main-content .video-item h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
    text-transform: none;
    text-align: left;
  color: #000;
}
.page-videos .main-content .video-item p {
  font-weight: 300;
}
.page-videos .main-content .video-item iframe {
    width: 100%;
    margin-bottom: 10px;
}
.page-videos .main-content .videos-top {
  margin-bottom: 40px;
    overflow: hidden;
}

/*  FAQs / Reviews
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page-reviews .talk-to-us {
  margin-top: 20px
}
.template-page .main-content .contact-form textarea {
  max-width: none;
    height: 200px;
}
.page-got-a-question .questions-wrap .left-text,
.page-got-a-question .questions-wrap .right-text {
  width: 49.5%;
    text-align: left;
}
.page-got-a-question .questions-wrap .left-text {
    margin-right: 1%;
}
.page-got-a-question .questions-wrap h2 {
    margin-top: 30px;
  margin-bottom: 10px;
    color: #444;
    font-weight: 500;
    text-align: left;
  font-size: 1.7em;
}
.page-got-a-question .questions-wrap p {
    color: #999;
}
.page-got-a-question .ask-box-wrap,
.page-reviews .rev-box-wrap {
  position: relative;
    width: 100%;
    height: 400px;
  overflow: hidden;
}
.page-got-a-question .ask-box-wrap > img,
.page-reviews .rev-box-wrap > img {
    opacity: 1;
  max-width: 100%;
    display: block;
  width: 100%;
    min-height: 400px;
    z-index: 10;
}
.page-got-a-question .ask-box-tint,
.page-reviews .rev-box-tint {
  background: #3a4c57;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 20;
    opacity: 0.9;
    height: 100%;
  width: 100%;
}
.page-got-a-question .ask-inner,
.page-reviews .rev-inner {
    width: 100%;
  margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.page-got-a-question .ask-box,
.page-reviews .review-box {
    text-align: center;
    z-index: 100;
    width: 100%;
    padding: 30px 0 20px;
    position: relative;
}
.page-got-a-question .ask-box h2,
.page-reviews .review-box h2 {
    color: #fff;
}
.page-got-a-question .ask-box h2,
.page-reviews .review-box h2,
.page-got-a-question .ask-box .button,
.page-reviews .review-box button,
.page-got-a-question .ask-box textarea,
.page-reviews .review-box textarea,
.page-got-a-question .ask-box h3,
.page-reviews .review-box h3 {
    position: relative;
    z-index: 100;
    opacity: 1;
}
.page-got-a-question .ask-box textarea,
.page-reviews .review-box textarea {
    margin: 20px 10%;
    width: 80%;
    border-radius: 8px;
    height: 200px;
    padding: 20px;
    font-size: 1.6em;
}
.page-got-a-question .ask-box .button,
.page-reviews .review-box button {
    font-size: 1.4em;
    font-weight: bold;
}

/*  Contact page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.page-get-in-touch form.contact-form {
  padding: 20px;
    margin-bottom: 0;
    height: auto;
}
.page-get-in-touch form .top-right {
  float: right;
    width: 47%;
}
.page-get-in-touch form .top-left {
  width: 47%;
    float: left;
  margin-right: 6%;
}
.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: none;
}
.page-get-in-touch form label {
  font-size: 1.2em !important;
  font-weight: 300;
    position: relative;
    width: 100%;
  color: #999;
  text-transform: uppercase;
}
.page-get-in-touch form span {
    position: absolute;
    top: 0;
    right: 0;
  color: #d91c5c;
}
.page-get-in-touch form #contactFormSubmit {
  width: auto;
}
.page-get-in-touch .contact-wrap {
  padding-right: 0;
}
.page-get-in-touch .main-content .two-third {
  width: 60.6666%;
    float: left;
  margin-right: 6%;
}
.page-get-in-touch .contact-sidebar {
  width: 33.33%;
    float: right;
}
.page-get-in-touch .contact-sidebar .details-box {
  float: right;
    width: 90%;
    padding: 30px 20px;
    background: none repeat scroll 0 0 #f6f6f6;
}
.page-get-in-touch .contact-sidebar h2 {
  font-size: 1.2em;
  font-weight: 300;
    position: relative;
    width: 100%;
  color: #999;
  text-transform: uppercase;
  text-align: left;
}
.page-get-in-touch .contact-sidebar h3 {
  color: #d91c5c;
    font-size: 1.7em;
    margin-bottom: 10px;
    text-align: left;
    text-transform: none;
}
.page-get-in-touch .contact-sidebar h4 {
  font-size: 1.2em;
  font-weight: 300;
    position: relative;
    width: 100%;
  color: #999;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 10px;
}
.page-get-in-touch .contact-sidebar p {
  color: #d91c5c;
    font-size: 1.1em;
  font-weight: 300;
    line-height: 1.1em;
    text-align: left;
}
.page-get-in-touch form .button {
    font-size: 1.4em;
}
.page-get-in-touch form #contactFormWebsite,
.page-get-in-touch form #contactFormMessage,
.page-get-in-touch form input,
.page-get-in-touch form select {
  margin-bottom: 20px;
    width: 100%;
    max-width: none;
}
.page-get-in-touch iframe {
  width: 100%;
}
.page-get-in-touch .map-wrap {
  margin-bottom: 15px;
}

/*  Install page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.masking-tape h3 {
  margin-bottom: 30px;
}
.masking-tape h4 {
  font-size: 1.6em;
    font-weight: 300;
    width: 100%;
    text-align: left;
    margin: 0;
    color: #999;
}
.masking-tape ol {
-webkit-margin-before: 0.5em;
  -webkit-padding-start: 20px;
}
.install-video {
  padding: 40px 30px 60px;
}
.install-video .columns {
  height: auto;
    width: 50%;
    padding: 0 2em;
}
.install-video h3.title {
  margin-bottom: 20px;
    font-size: 1.7em;
    font-weight: 500;
    text-align: left;
    color: #000;
}
.install-video .call-wrap {
    margin: 0 auto;
    width: 100%;
}
.install-video .call-to-action {
  width: 50%;
    text-align: center;
    margin: 20px 0 10px;
    min-width: 200px;
}
.install-video .call-to-action p {
  color: #000;
    text-transform: uppercase;
    font-size: 1.3em;
    margin-bottom: 10px !important;
}
.install-video .call-to-action .button {
  font-size: 1.3em;
}
.install-video .description {
  line-height: 1.5em;
    font-size: 1.5em;
    font-weight: 300;
    color: #999;
    margin-bottom: 10px;
}

/*  Vinyl Impression Media Queries
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media only screen and (min-width: 1131px){
  .template-index .rec-proj-wrap {
    height: 590px;
  }
}
@media only screen and (max-width: 1130px){
    .rec-proj-wrap {
      height: 540px;
    }
}
@media only screen and (max-width: 1100px){
    ul.tabs li a {
      padding-left:  10%;
      padding-right:  10%;
    }
    ul.tabs li a[href="#Description"] {
      padding-left:  2%;
      padding-right:  2%;
    }
}
@media only screen and (max-width: 1040px){
  .template-collection .main-content .three-quarter .product-grid .product-item {
      min-height: 425px;
  }
    .page-get-in-touch .contact-sidebar .details-box h2,
    .page-get-in-touch .contact-sidebar .details-box h3,
  .page-get-in-touch .contact-sidebar .details-box h4,
    .page-get-in-touch .contact-sidebar .details-box p {
      font-size: 1.1em;
    }
    .template-list-collections .main-content .collection-item .caption h2,
    .case-studies-item h2.title {
      font-size: 1.1em;
        padding-top: 10px;
        padding-left: 12px;
    }

      .template-page .main-content .collection-item .caption h2,
    .case-studies-item h2.title {
      font-size: 1.1em;
        padding-top: 10px;
        padding-left: 12px;
    }

      .template-index .main-content .collection-item .caption h2,
    .case-studies-item h2.title {
      font-size: 1.1em;
        padding-top: 10px;
        padding-left: 12px;
    }

  .transparent-menu .main-header .bg {display:block !important;}
  .transparent-menu .main-header-nav .bg {display:block !important;}
  .template-index .slider .slide .caption h3.sub-title {display: none;}
}
@media only screen and (max-width: 1000px){
  .template-index .top-collections .collection-item {
      margin-right: 5px !important;
      width: 32%;
  }
  .non-shop .tint-wrap img {
    /* height: 240px; */
    width: 1000px;
    max-width: none;
  }
}
@media only screen and (max-width: 954px){
  .row.top.clearfix {
  padding-top: 40px;
	}
}
@media only screen and (max-width: 940px){
    .non-shop .talk-to-us h2 {
        top: 28px;
        line-height: 1.2em;
    }
  .non-shop .talk-to-us .content p {
        line-height: 1.2em;
        padding-top: 18px;
    }
    .rec-proj-wrap {
      height: 500px;
    }
}
@media only screen and (max-width: 900px){
  ul.tabs li a {
    font-size: 1em;
    }
    .test-wrap > img {
      height: 600px;
      width: 900px;
      max-width: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 940px){
  .rel-item .inner{
      width: 99%;
    }
  .rec-proj-wrap > img {
      height: 622px;
      width: 940px;
      max-width: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1100px){
    .rel-item h3 {
        font-size: 1.1em;
        padding-top: 10px;
        padding-left: 12px;
    }
}
@media only screen and (max-width: 840px){
    .template-index .top-collections .collection-item .caption h2 {
      font-size: 1.1em;
        padding-top: 10px;
        padding-left: 12px;
    }
    .template-collection .main-content .three-quarter .product-grid .product-item {
      min-height: 360px;
  }
    .reasons img {
        float: none;
        padding: 0 0 20px;
    text-align: center;
    }
     .page-get-in-touch .contact-sidebar .details-box {
        width: 100%;
    }
    .page-get-in-touch .main-content .two-third {
      margin-right: 2%;
    }
    .page-get-in-touch .main-content .contact-sidebar {
      width: 37.3333%
    }
    .template-list-collections .main-content .collection-item .inner,
    .case-studies-item .inner{
      width: 99%;
    }

      .template-page .main-content .collection-item .inner,
    .case-studies-item .inner{
      width: 99%;
    }

      .template-index .main-content .collection-item .inner,
    .case-studies-item .inner{
      width: 99% !important;
    }

        .template-404 .main-content .collection-item .inner,
    .case-studies-item .inner{
      width: 99% !important;
    }


  .contact-wrap .two-third {width: 99% !important;}
  .contact-sidebar { clear:both; width: 99% !important;}
  .form-dropdown iframe { width: 100%; min-height: 900px !important; }
}
@media only screen and (max-width: 767px){
    .row.top.clearfix {
    padding-top: 10px;
	}
    ul.tabs li a {
    font-size: 14px;
    }
    .template-product .main-content .description {
      margin-top: 40px;
      width: 100%;
  }
    ul.tabs li {
      width: 50%;
    }
    .template-collection .main-content footer.row {
      padding-left: 30px;
        padding-right: 30px;
    }
    .rec-proj-wrap {
      height: 1020px;
  }
    .template-index .rec-proj-wrap {
    height: 1050px;
  }
    .recent-projects .small-promos .columns {
      width: 50%;
    }
  .template-index .widgets .featured-promo .row .columns {
      display: block;
        float: none;
    }
    .template-index .top-collections .collection-item .inner {
      width: 80%;
    }
    .template-index .widgets .featured-promo .row .columns {
      width: 100%;
    }
    .template-index .widgets .featured-promo .row .columns .title {
      margin-top: 10px;
    }
    .template-index .widgets .recent-projects .small-promos .caption h4 {
      font-size: 1.3em;
    }
    .template-index .widgets .recent-projects .small-promos .image-text-widget {
      margin-top: 20px;
  }
    .rel-item {
      width: 49.3333%;
    }
    .rel-item.second {
      margin-right: 0;
    }
    .page-office-branding .scalable .right-side {
      padding: 0 1% 0 3%;
    }
    .process ul li {
      width: 50%;
    }
    .process ul li.second {
      width: 50%;
        padding-right: 0;
    }
  .main-footer h2 {text-align:center !important;}
  .template-collection .main-content .three-quarter {width: 100%;}
  .template-collection .main-content .one-quarter {width: 100%;}
  .main-content .services-offered {display: none !important;}
  .page-materials .main-content .materials-item, .page-services .main-content .services-item {width: 100%;}
  .service-wrap .three-quarter, .material-wrap .three-quarter {width: 100%;}
  .service-wrap .one-quarter, .material-wrap .one-quarter {width: 100%}
  .page-got-a-question .questions-wrap .left-text {width: 100%}
  .page-got-a-question .questions-wrap .right-text {width: 100%}
  .team-text {max-width: 100% !important;}
  .shipping-rates-calculator {clear:both; width: 100% !important;}
}
@media only screen and (max-width: 720px){
  .template-collection .main-content .three-quarter .product-grid .product-item {
      min-height: 330px;
  }
    .rel-item h3 {
      font-size: 1.1em;
        padding-top: 10px;
        padding-left: 12px;
    }
}
@media only screen and (min-width: 600px) and (max-width: 767px){
  .rec-proj-wrap > img {
      height: 1050px;
      width: 1586px;
      max-width: none;
    }
}
@media only screen and (min-width: 600px){
	.mobile-view {
		display: none;
	}
  	.non-mob-view {
		display: inline;
	}
}
@media only screen and (max-width: 600px){
  	.mobile-view {
		display: inline;
	}
  	.non-mob-view {
		display: none;
	}
    .install-video .columns {
      width: 100%;
	}
    .install-video h3 {
      margin-top: 15px;
    }
    .template-index .widgets .featured-promo .row {
      padding: 40px 0 30px;
    }
    .some-clients .cp-gallery-item {
      width: 25%;
    }
  .recent-projects .small-promos .columns {
      width: 100%;
    }
    .template-index .top-collections .collection-item {
      width: 98%;
        margin-left: 1%;
      margin-right: 1%;
    }
    .left-text, .right-text {
      width: 100%;
    }
    .review-box,
  .ask-box,
  .testimonials,
  .stats-inner,
  .customise-inner,
  .top-collections-grid,
  .contact-wrap,
  .page-get-in-touch iframe,
  .questions-wrap,
  .reviews-wrap,
  .videos-wrap,
  .artwork-wrap,
  .homepage-icons,
  .bit-about,
  .featured-promo,
  .rec-proj-inner,
  .reasons,
  .meet-the-team,
  .how-it-started,
    .masking-tape,
    .install-video,
  .template-product .main-content header,
  .services-wrap,
  .materials-wrap,
  .case-studies-wrap,
  .office-case-wrap,
  .case-study-wrap,
  .service-wrap,
  .material-wrap,
  .rel-case-wrap,
  .services-offered,
  .some-clients,
  .map-wrap,
  .process,
  .scalable,
  .template-page .main-content .social-share.row .columns,
  .template-product article.row,
  .template-product .yotpo-main-widget,
  .template-search .main-content .row,
  .template-product .similar-products {
        min-width: 0;
    width: 98%;
      padding-left: 1%;
        padding-right: 1%;
  }
  .get-project-quote,
  .question-wrap,
  .customise {
        min-width: 0;
      width: 98%;
        padding-left: 1%;
        padding-right: 1%;
  }
    .test-wrap {
      width: 100%;
    }
    .header-wrap {
      min-width: 0;
      width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .non-shop .main-content .talk-to-us {
      min-width: 0;
      width: 98%;
      padding: 0 1%;
  }

  .template-page .main-content .talk-to-us {
      min-width: 0;
      width: 98%;
      padding: 0 1%;
  }

  .template-collection .main-content .content-wrap {
      min-width: 0;
      padding: 20px 1% 0;
      width: 98%;
  }


    .template-collection .main-content header,
  .template-list-collections .main-content header {
      min-width: 0;
    width: 98%;
      padding-left: 1%;
      padding-right: 1%;
  }

    .template-index .main-content header {
      min-width: 0;
    width: 98%;
      padding-left: 1%;
      padding-right: 1%;
  }

      .template-page .main-content header {
      min-width: 0;
    width: 98%;
      padding-left: 1%;
      padding-right: 1%;
  }

    .template-list-collections .main-content .row.main {
        min-width: 0;
    padding: 20px 1%;
      width: 98%;
  }


      .template-index .main-content .row.main {
        min-width: 0;
    padding: 20px 1%;
      width: 98%;
  }

        .template-page .main-content .row.main {
        min-width: 0;
    padding: 20px 1%;
      width: 98%;
  }

    .homepage-icons {
    padding-left: 0;
      padding-right: 0;
    }
    .office-case-grid .grid-item,
    .case-studies-grid .grid-item,
    .gallery-grid .grid-item {
      width: 100%;
    }
    .right-text {
      margin-top: 20px;
    }
    .template-index .top-collections .collection-item {
      margin-bottom: 10px;
    }
    .rec-proj-wrap {
      height: auto;
    }
    .non-shop .talk-to-us h2 {
      font-size: 1.3em;
      top: 20px;
    }
    .get-project-quote button {
      line-height: 1em;
    }
    .template-list-collections .main-content .collection-item {
      width: 100% !important;
    }

      .template-page .main-content .collection-item {
      width: 100% !important;
    }

      .template-index .main-content .collection-item {
      width: 100% !important;
    }

        .template-404 .main-content .collection-item {
      width: 100% !important;
    }
    .customise-form .customise {
      padding: 30px 15px;
    }
    .customise-form button {
      font-size: 1em;
        padding: 14px 10px 12px;
    }
    .customise-form .customise h4,
    .customise-form .customise h5 {
      font-size: 1.2em;
    }
    .testimonials blockquote {
      font-size: 1.3em;
    }
  .reasons {display: none;}
  .stats-wrap {display:none;}
  .homepage-icons {display:none;}
  .rec-proj-wrap {display:none;}

.masking-tape h4, .masking-tape p, .how-it-started h4, .how-it-started p, .bit-about h4, .bit-about p { text-align: center !important;}
  .test-inner h4 { font-size: 1.4em !important;}


}
@media only screen and (max-width: 533px){
  .page-got-a-question .ask-box-wrap > img,
  .page-reviews .rev-box-wrap > img {
    height: 400px;
      width: 533px;
      max-width: none;
    }
      .form-dropdown iframe { width: 100%; min-height: 1300px !important; }
}
@media only screen and (max-width: 470px){
  .install-video .call-to-action {
    width: 100%;
  }
    .non-shop .header-tint .page-title h1 {
        font-size: 3.5em;
  }
    .main-content .download {
      margin-left: -160px;
      width: 320px;
    }
}

/*  Custom CSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

p {
    font-size: 1.2em;
    font-weight: 300;
    margin-bottom: 10px;
}

.case-studies-item .inner {
  max-width: 225px;
}

.template-index .top-collections .collection-item h2 {
  font-family: "Oswald",sans-serif;
  color: #fff;
    font-size: 1.3em;
    font-weight: 100;
    left: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 8px;
    position: absolute;
    top: 0;
    z-index: 150;
}

.template-index .widgets .featured-promo .row {
    padding: 40px 0px 30px;
}

.get-project-quote h4 {
    color: #fff;
    font-size: 1.4em;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 5px;
  margin-top: 5px;
    padding-right: 20px;
    text-align: right;
    text-transform: uppercase;
}

.get-project-quote h5 {
  text-transform: uppercase;
  font-weight:500;
    color: #9d9d9d;
    float: right;
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 0;
    padding-right: 20px;
}

button, .button, a.button {
  font-size: 1em;
}

.get-project-quote button {
  font-weight: normal;
}

.template-index .widgets .title {
  font-weight: 500;
  font-size: 1.2em;
}

.product-grid .circle {
    background: none repeat scroll 0 0 #D91C5C;
}

.feat-promo {
  display:none;
}

.template-list-collections .main-content .collection-item h2 {
  font-family: "Oswald",sans-serif;
  color: #fff;
    font-size: 1.3em;
    font-weight: 100;
    left: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 8px;
    position: absolute;
    top: 0;
    z-index: 150;
}

.template-page .main-content .collection-item h2 {
  font-family: "Oswald",sans-serif;
  color: #fff;
    font-size: 1.3em;
    font-weight: 100;
    left: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 8px;
    position: absolute;
    top: 0;
    z-index: 150;
}


.test-inner h4 {
  font-size:1.9em;
  color: #fff;
  font-weight: 500;
}

.talk-to-us .content a {
color: #fff;
}

.main-content .talk-to-us {
  text-align: center;
  padding: 35px 0;
}

.talk-to-us .content img {
display: none;
}

.meet-the-team ul img {
  max-width: 170px;
}

.team-text {
  max-width: 50%;
  float:left;
  margin-bottom: 20px;
}

.meet-the-team li {
  clear:both;
  min-height: 150px;
}

.recent-projects .small-promos h4 {
  color: #fff;
  font-weight: 300;
}

.customise-form .customise h4 {
  color: #fff;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 5px;
  margin-top: 5px;
    padding-right: 20px;
    text-align: right;
    text-transform: uppercase;
}

.customise-form .customise h5 {
  font-weight: 500;
     color: #fff;
    float: right;
    font-size: 1.2em;
    line-height: 1em;
    margin-bottom: 0;
    padding-right: 20px;
}

.recent-projects .image-text-widget {
  margin: 0 5px;
}


.template-index .top-collections .collection-item {
  margin-right: 10px;
}

.tweet .e-entry-title {
  color: #999;
}

.yotpo .promoted-products-box .yotpo-main-title {
  font-size: 1.7em !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  color: #444 !important;
   font-family: "Lato",sans-serif !important;
}

.side-menu li a {
  font-size: 1.1em;
  line-height: 1.9em;
  color: #d91c5c;
  padding: 2px 0 2px 30px;
  background: url(/cdn/shop/files/nocheck.png?9579371284446645213) no-repeat 5px 2px;
}

.side-menu li a:hover {
  background: url(/cdn/shop/files/lMO8ywg9I9AszznM3jONATwAO…ZQSpsB13VhQHP7rQrQo27AE_MRcBFOD9LhAAAAAElFTkSuQmCC.png?9579371284446645213) no-repeat 5px 2px;
}

.side-menu li a .current {
  background: url(/cdn/shop/files/lMO8ywg9I9AszznM3jONATwAO…ZQSpsB13VhQHP7rQrQo27AE_MRcBFOD9LhAAAAAElFTkSuQmCC.png?9579371284446645213) no-repeat 5px 2px;
}

.ask-box-wrap {display: none;}

.contactemail a {color: #d91c5c !important;}

.image-wrapper p {margin-bottom: 0 !important;}

.left-text h5 {color: #444; font-size: 1.6em; line-height: 1.4; font-weight: 300; margin-bottom: 0; }

.right-side h4 {
  color: #999;
  font-weight: 300;
  font-size: 1.6em;
  line-height: 1.6;
}

.main-footer .row {max-width: 1200px;}

.social-feeds .row {max-width: 1240px;}

.main-footer h2 {text-align:left;}

.frame::-webkit-scrollbar {
    -webkit-appearance: none;
}

.frame::-webkit-scrollbar:vertical {
    width: 11px;
}

.frame::-webkit-scrollbar:horizontal {
    height: 11px;
}

.frame::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.frame::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

.blog-title h1 {
    margin-top: 20px !important;
    font-size: 2.2em !important;
    font-weight: 500;
    margin-bottom: 20px!important;
    text-transform: uppercase;
    text-align: center;
}

.template-blog .article .middle-column .title, .template-article .article .middle-column .title {
      font-size: 2.7em !important;
    font-weight: 500;
    margin-bottom: 0;
}

.cart-title {
    margin-top: 20px !important;
  margin-bottom: 20px !important;
      font-size: 1.7em !important;
    font-weight: 500;
    margin-bottom: 0;
    text-transform: uppercase;
}

.additional-checkout-buttons {
  margin-top: 20px;
}

.shipping-rates-calculator {
border: 1px solid #ebebeb;
  padding: 20px;
}

.order-notes {
  margin-top: 17px;
  color: #D91C5C;
}

.page-not-found {display:none;}

.search-title {
    margin-top: 20px !important;
  margin-bottom: 20px !important;
      font-size: 1.7em !important;
    font-weight: 500;
    margin-bottom: 0;
    text-transform: uppercase;
}

.search-result h3 {
  text-align: left !important;
}

.main-header .main-menu-dropdown-panel .title {
  text-align: left !important;
}

.main-header-nav .main-menu-dropdown-panel .title {
  text-align: left !important;
}

.main-header .main-menu-dropdown-panel ul li a:hover {
  color: #d91c5c;
}

.main-header-nav .main-menu-dropdown-panel ul li a:hover {
  color: #d91c5c;
}

.left-sidebar h3 {
  text-align: left;
}

.recent-articles {
  text-align: left;
}

.main-header .mobile-menu .nav-item a {
  text-transform: uppercase;
}

.main-header-nav .mobile-menu .nav-item a {
  text-transform: uppercase;
}

.masking-tape .right-text ol {color: #999; font-weight: 300, line-height: 1.6; font-size: 1.2em; margin-top:3px;}

.incl {
  text-transform: uppercase;
}

.currency-picker {
  font-size: 16px;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline;
  //margin-right: 12px;
}

.main-header .search-account .menu {
  text-align: right;
}

.main-header-nav .search-account .menu {
  text-align: right;
}

.non-shop .currency-picker {color: #ffffff !important;}

.font-nav {font-size: 16px;}

.form-dropdown iframe { width: 100%; min-height: 700px; }
.form-dropdown {height: 100%;}
.form-dropdown { display: none; }

.template-index .main-content .collection-item .caption {
    display: block;
}
.template-index .main-content .collection-item .caption {
    display: none;
    height: 101%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.template-index .main-content .collection-item .inner {
  border-right: 3em solid transparent;
    border-top: 3em solid #D91C5C ;
    left: 1px;
    margin-top: 0;
    position: absolute;
    top: 1px;
    width: 70%;
    z-index: 100;
}

.template-index .caption .inner {
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 1;
}

.template-index .main-content .collection-item .caption {
    display: block;
}
.template-index .main-content .collection-item .caption {
    height: 101%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.template-index .main-content .collection-item h2 {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 1.3em;
    font-weight: 100;
    left: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 8px;
    position: absolute;
    top: 0;
    z-index: 150;
}

.template-404 .main-content .collection-item .caption {
    display: block;
}
.template-404 .main-content .collection-item .caption {
    display: none;
    height: 101%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.template-404 .main-content .collection-item .inner {
    border-right: 3em solid transparent;
    border-top: 3em solid #666;
    left: 1px;
    margin-top: 0;
    position: absolute;
    top: 1px;
    width: 75%;
    z-index: 100;
}

.template-404 .caption .inner {
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 1;
}

.template-404 .main-content .collection-item .caption {
    display: block;
}
.template-404 .main-content .collection-item .caption {
    height: 101%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.template-404 .main-content .collection-item h2 {
    color: #fff;
    font-family: "Oswald",sans-serif;
    font-size: 1.3em;
    font-weight: 100;
    left: 0;
    margin-bottom: 0;
    padding-left: 15px;
    padding-top: 8px;
    position: absolute;
    top: 0;
    z-index: 150;
}




.template-index .slider .slide {
  max-height: 500px !important;
}

.quote-tab button {
  	display: none;
  	height: 50px;
  	-webkit-transform-origin: right center;
	-moz-transform-origin: right center;
	-o-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
  	position: fixed;
  	top: 60%;
  	right: 25px;
  	z-index: 300;
	background-color: #d91c5c;
	border-radius: 0;
    border-bottom-left-radius: 5px;
  	border-bottom-right-radius: 5px;
    padding: 10px 20px;
}
.quote-tab button:hover {
	background: #777777;
}
h2.quote-tab {
	color: #fff;
}
@media only screen and (min-width: 768px){
	.quote-tab button{
		display: block;
  	}
}

.quote-tab button {display:none;}

.get-project-quote {max-width: 1200px;}

.get-a-quote {
      margin: 0 auto;
    max-width: 1200px;
    min-width: 600px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.custom-services {
  color: #999;
  font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 0;
    text-align: left;
    text-transform: uppercase;
}



/* ===============================================
// Reveal module
// =============================================== */


.reveal .hidden { display: block !important; visibility: visible !important;}
.product:hover .reveal img { opacity: 1; }
.reveal { position: relative; }
.reveal .hidden {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.reveal:hover .hidden {
  z-index: 900;
  opacity: 1;
}
.reveal .caption {
  position: absolute;
  top: 0;
  display: table;
  width: 100%;
  height: 100%;
  background-color: white; /* fallback for IE8 */
  background-color: rgba(255, 255, 255, 0.7);
  font: 13px/1.6 sans-serif;
  text-transform: uppercase;
  color: #333;
  letter-spacing: 1px;
  text-align: center;
  text-rendering: optimizeLegibility;
}
.reveal .hidden .caption .centered {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 480px) and (max-width: 979px) {
  .reveal .caption {
    font-size: 11px;
  }
}


/*  6.1 - Custom CSS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.center {
  text-align: center;
}


a.button-3 {
  background-color: #d91c5c!important;
    background: none;
    font-size: 1em;
    text-transform: none!important;
    border-radius: 0;
    padding: 15px;
    font-family: 'Lato';
    color: #fff;
    border: 2px solid #fff;
}

a.button-3:hover {
    border: 2px solid #fff;
    color: #fff;
    background: transparent!important;
}

.filter-group .has_selected .active {
    display: none;
}

.filter-group .has_selected .selected {
    display: inherit;
}
.filter-group .selected a {
    font-weight: bold;
}

.filter-group {
    position: relative;
}

.filter-group .filter-clear {
    position: absolute;
    top: 0;
    right: 0px;
    border-radius: 0px;
    padding: 1px 8px;
    background-color: #EEE;
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    color: #d91c5c;
}

.filter-group .filter-clear:hover {
    background-color: #DDD;
}

.filter-group .collection-container
{
    overflow: hidden;
    position: relative;
}

.filter-group .collection-count
{
    position: absolute;
    right: 0px;
}

.filter-group h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 5px;
}

.filter-group ul {
  display: block;
  margin: 0;
}

.filter-group ul li {
  display: block;
}

.filter-group li a {
    display: inline-block;
    margin-left: 6px;
    text-decoration: none;
    padding: 0;
    font-size: 13px;
    color: #D91C5C;
}

.sort-selector {
    margin: 0 10px;
}

i.check-icon {
    background-image: url(/cdn/shop/t/33/assets/checkbox-black-retina.png?16688148682136524049);
    background-position: 0px -176px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 0px 5px 0 0;
    vertical-align: text-top;
    width: 16px;
}

.selected i.check-icon {
    background-position: 0px -144px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.1),
only screen and (min-device-pixel-ratio: 1.1) {
    i.check-icon {
        /* Translate the @2x sprite's dimensions back to 1x */
        background-size: 16px 96px;
        background-position: 0px -32px;
    }

        .selected i.check-icon {
        background-position: 0px 0px;
    }
}

.filter-menu .has_group_selected {
    display: inherit;
}

.filter-group ul {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .filter-menu {
    max-width: 2000px;

  }
}


@media only screen
and (min-device-width : 320px)
  and (max-device-width : 568px) { .twitter-widget { display: none; }}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {.twitter-widget { display: none; }}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) { .twitter-widget { display: none; } }
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : portrait) { .twitter-widget { display: none; } }
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px)
and (orientation : landscape) { .twitter-widget { display: none; }}
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) { .twitter-widget { display: none; }}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) { .twitter-widget { display: none; } }
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) { .twitter-widget { display: none; }}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) { .twitter-widget { display: none; }}



.gal-fil, .coll-filter { display: inline-block; float: left; }
.coll-filter { width: inherit; }

#instafeed a img {
  padding: 5px;
  width: 50%;
}

html.customiser-on body{
  position: fixed !important;
  overflow: hidden !important;
}

#customiser-helper{
      position: fixed !important;
}

#customiser-helper {
    display: none;
    position: absolute;
    top: 0;
    left:0px;
    z-index: 9999999999;
    background: #fff;
}

#customiser-helper #customiser-back {
    height: 30px;
    line-height: 30px;
    color: #000;
    padding: 5px 20px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

#customiser-helper iframe{
  border: 0 !important;
}

select:not([multiple]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: .2em;
    padding-right: 1.5em;
    border-radius: 0px;
    background-color:white;
    padding-left: 0.5em;
}


.template-product .fancybox-wrap{z-index: 999999999;position: fixed !important;top: 25px !important;}
.template-product .fancybox-overlay{z-index:999999;}

.download-button{
text-align:center;
margin-bottom: 20px;
line-height: 30px;
font-size: 20px;
background-image: url(/cdn/shop/files/arrow-down-6-16.png?13957254091109506498);
background-repeat: no-repeat;
background-position: 98% 50%;
}

span.shappify_tb_group_option_label{width:30%; display: inline;}
input.bold_option_child.shappify_tb_group_option_tb{width:70%; display: inline;}

/*new styling*/

.main-header .search-account .searchbar-container {
  width: 400px;
  max-width: none;
}

.main-header .search-account .searchbar-container .text {
  max-width: 100%;
}

.header-phone {
	display: inline-block;
	margin-right: 20px;
  font-size: 14px;
}

.template-product iframe {
	max-width: 100%;
}

.template-product .main-content .thumbs .thumb {
	width: auto;
	max-width: none;
	padding: 0 5px;
}

.template-product .main-content .thumbs .owl-pagination {
	display: none;
}

.template-product .main-content .thumbs .owl-buttons > div {
	font-size: 0;
	background: none;
	width: 15px;
	height: 15px;
	border-left: 3px solid #d91c5c;
	border-bottom: 3px solid #d91c5c;
	border-radius: 0;
	padding: 0;
}

.template-product .main-content .thumbs .owl-prev {
	transform: rotate(45deg);
}

.template-product .main-content .thumbs .owl-next {
	transform: rotate(225deg);
}





/*------------ css of ck itg -------------*/





.searchbar-ck {
  width: 33.33%;
  text-align: center;
}
.searchbar-ck form {
  display: inline-flex;
  align-items: center;
  width: 100%;
  margin: 0;
}
.searchbar-ck form input#ispbxii_0 {
  margin: 0;
  height: 35px;
}

.main_align_ment .columns {
  width: 33.33%;
}
.main-header .search-account {
  width: 33.33%;
  margin-top: 0;
  position: relative;
  padding: 0;
  right: 0;
}
.row.top.main_align_ment {
  display: inline-flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.searchbar-ck form button.glyph.search {
  border-radius: 0px 5px 5px 0px;
  padding: 10px 20px;
}
.searchbar-ck form button.glyph.search:before {
  content: "\e628";
  font-size: 16px;
}

.searchbar-ck input{
  border: none !important;
}
.searchbar-ck  form {
    border: 1px solid #000000;
  border-radius: 5px;
}
    

@media screen and (max-width:768px) {
  .searchbar-ck {
      display: none;
  }
    .main_align_ment .columns {
      width: 100%;
  }
}
 

@media only screen and (max-width: 767px) {
  
  .add-to-cart #add {
    width: 100%;
  }
}
.user-rating-box {padding: 40px; margin-top: 20px; border: 3px solid #efefef; border-radius: 1em;}