/*
* ELEMENTARY
* Copyright 2014, Simon Jones
* www.sdjentertainment.com
* 7/8/14 Version 1.0
*/



/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; }
ol, ul {
	list-style: none; }
blockquote, q {
	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none; }
table {
	border-collapse: collapse;
	border-spacing: 0; }


/* #Basic Styles
================================================== */
body {
	background: #ffffff ;
	font: 14px/25px Trebuchet MS, sans-serif;
	color: #7d7d7d;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
  	font-family: 'Open Sans', sans-serif !important;
  	font-weight: 300;
}


/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
	color: #7d7d7d;
	font-family: 'Open Sans', sans-serif !important;
  	font-weight: 300 !important; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 300; }

h1 { font-size: 2em; line-height: 1.786em; margin-bottom: 1px;}
h2 { font-size: 1.5em; line-height: 1.905em; margin-bottom: 1px; }
h3 { font-size: 1.17em; line-height: 2.125em; margin-bottom: 1px; }
h4 { font-size: 1em; line-height: 1em; margin-bottom: 1px; }
h5 { font-size: .83em; line-height: 2.182em; }
h6 { font-size: .75em; line-height: 2.100em; }

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

p { margin: 0 0 30px 0; }
p img { margin: 0; }

em { font-style: normal; }
strong { font-weight: normal; }
small { font-size: 80%; }
.pull_right { float: right !important; }
.pull_center { text-align: center; }
/*	Blockquotes  
blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: normal; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
*/

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* #Links
================================================== */
a, a:visited { color: #7d7d7d; text-decoration: none; outline: 0; }
a:hover, a:focus { color: #080505; }
p a, p a:visited { line-height: inherit; }

/* #Lists
================================================== */
ul, ol, dl { margin-bottom: 30px; }
ul { list-style: disc; }
ol { list-style: decimal; }
ol, ul { margin-left: 30px; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 1.286em; margin-bottom: 0.857em; }

dt { font-weight: light; }
dd { padding-bottom:1em; margin-left:1em; }
dd:before { content: "\2014 \0020";  }




/* #Images
================================================== */

img.scale-with-grid {
	max-width: 100%;
	height: auto; 
}


/* #Tables
================================================== */
table { 
	width:100%; 
	margin: 0 0 30px 0; 
	border-collapse:collapse; 
	border:1px solid; 
}
table th { 
	font-weight:light; 
	border-style: solid; 
	border: 1px solid;
	color: #7d7d7d;
}
table th, table td { 
	text-align: left; 
	padding: 3px; 
	border:1px solid;
}



/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
div#result_label{
	color: #7d7d7d !important;
	border: 1px solid #ffffff;
	font-weight: 300;
	font-size: 13px;
	background: #ffffff;
	display: inline-block;
	padding: 10px 23px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 30px;
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button.active,
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
	background: #ffffff;
	border-color: #ffffff;
	color: #000000 !important;
	cursor: pointer;
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
	width: 100%;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center; 
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
div#result_label {
	display: none;
  	height: 15px;
  	line-height: 15px;
}
/* #Forms
================================================== */

form {
	margin-bottom: 30px; }
fieldset {
	margin-bottom: 30px; }
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
	border: 2px solid #111;
	font-size: 13px;
	background: none;
	padding: 10px 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 30px;
	line-height: normal;
	outline: none;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 30px;
}
input[type="number"] {
	width: 3em;
}
select {
	height: 40px;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2); 
}
textarea {
	min-height: 60px; }
label,
legend {
	display: block;
	font-weight: light;
	font-size: .83em;
}
select {
	width: 220px; 
}
input[type="checkbox"] {
	display: inline; 
}
label span,
legend span {
	font-weight: 300 !important;
	font-size: 13px;
}


/* #Misc - Tags
================================================== */
.tabs { 
	margin-bottom: 30px; 
}
.tabs .tab-titles { 
	padding:0; 
	margin:0; 
}
.tabs .tab-titles li { 
	display:inline-block; 
	margin: 0;
}
.tabs .tab-titles li a { 
	display:inline-block; 
	padding: .5em 1em; 
	letter-spacing:0; 
	border:0; 
	cursor:pointer; 
	border:1px solid #7d7d7d; 
}
.tabs .tab-titles li a.active { 
	color: #080505;
} 
.tabs .tab-content { 
	margin-top:-1px; 
	border: 1px solid #7d7d7d; 
}
.tabs .tab-content > div { 
	padding: 20px; 
	display:none; 
}
.tabs .tab-content p:last-child {
	margin-bottom: 0;
}



pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* #Misc - Toggles & Accordion
================================================== */
.toggle-group {
	margin-bottom: 30px; 
}
.toggle h4 { 
	position:relative; 
	font-size:1em; 
	border-left:0; 
	padding: .8em 0; 
	margin:0; 
	cursor:pointer; 
}
.toggle .toggle-content { 
	display:none; 
	padding:.5em 0 1em 0;
	margin: 0;
} 


/* 	
	#Misc - Responsive videoWrapper
	Wrap embeded video (iframe) in a div with the class of videoWrapper for responsive videos. 
================================================== */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 30px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* #Base 960 Grid
================================================== */

.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }

.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; }

/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }


/* #Large Desktops
================================================== 
@media only screen and (min-width: 1200px)  {

.container                      { width: 1200px;}
.container .column,
.container .columns             { margin-left: 10px; margin-right: 10px; }

.column.alpha, .columns.alpha   { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega   { margin-right: 0; margin-left: 10px; }
    .column.alpha.omega, .columns.alpha.omega {margin-left: 0; margin-right: 0}

.container .one.column          { width: 55px; }
.container .two.columns         { width: 130px; }
.container .three.columns       { width: 205px; }
.container .four.columns        { width: 280px; }
.container .five.columns        { width: 355px; }
.container .six.columns         { width: 430px; }
.container .seven.columns       { width: 505px; }
.container .eight.columns       { width: 580px; }
.container .nine.columns        { width: 655px; }
.container .ten.columns         { width: 730px; }
.container .eleven.columns      { width: 805px; }
.container .twelve.columns      { width: 880px; }
.container .thirteen.columns    { width: 955px; }
.container .fourteen.columns    { width: 1030px; }
.container .fifteen.columns     { width: 1105px; }
.container .sixteen.columns     { width: 1180px; }

.container .one-third.column    { width: 380px; }
.container .two-thirds.column   { width: 780px; }

.container .offset-by-one       { padding-left: 75px; }
.container .offset-by-two       { padding-left: 150px; }
.container .offset-by-three     { padding-left: 225px; }
.container .offset-by-four      { padding-left: 300px; }
.container .offset-by-five      { padding-left: 375px; }
.container .offset-by-six       { padding-left: 450px; }
.container .offset-by-seven     { padding-left: 525px; }
.container .offset-by-eight     { padding-left: 600px; }
.container .offset-by-nine      { padding-left: 675px; }
.container .offset-by-ten       { padding-left: 750px; }
.container .offset-by-eleven    { padding-left: 825px; }
.container .offset-by-twelve    { padding-left: 900px; }
.container .offset-by-thirteen  { padding-left: 975px; }
.container .offset-by-fourteen  { padding-left: 1050px; }
.container .offset-by-fifteen   { padding-left: 1125px; }

}
*/

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                                  { width: 768px; }
    .container .column,
    .container .columns                         { margin-left: 10px; margin-right: 10px;  }
    .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
    .alpha.omega                                { margin-left: 0; margin-right: 0; }

    .container .one.column,
    .container .one.columns                     { width: 28px; }
    .container .two.columns                     { width: 76px; }
    .container .three.columns                   { width: 124px; }
    .container .four.columns                    { width: 172px; }
    .container .five.columns                    { width: 220px; }
    .container .six.columns                     { width: 268px; }
    .container .seven.columns                   { width: 316px; }
    .container .eight.columns                   { width: 364px; }
    .container .nine.columns                    { width: 412px; }
    .container .ten.columns                     { width: 460px; }
    .container .eleven.columns                  { width: 508px; }
    .container .twelve.columns                  { width: 556px; }
    .container .thirteen.columns                { width: 604px; }
    .container .fourteen.columns                { width: 652px; }
    .container .fifteen.columns                 { width: 700px; }
    .container .sixteen.columns                 { width: 748px; }

    .container .one-third.column                { width: 236px; }
    .container .two-thirds.column               { width: 492px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 48px; }
    .container .offset-by-two                   { padding-left: 96px; }
    .container .offset-by-three                 { padding-left: 144px; }
    .container .offset-by-four                  { padding-left: 192px; }
    .container .offset-by-five                  { padding-left: 240px; }
    .container .offset-by-six                   { padding-left: 288px; }
    .container .offset-by-seven                 { padding-left: 336px; }
    .container .offset-by-eight                 { padding-left: 384px; }
    .container .offset-by-nine                  { padding-left: 432px; }
    .container .offset-by-ten                   { padding-left: 480px; }
    .container .offset-by-eleven                { padding-left: 528px; }
    .container .offset-by-twelve                { padding-left: 576px; }
    .container .offset-by-thirteen              { padding-left: 624px; }
    .container .offset-by-fourteen              { padding-left: 672px; }
    .container .offset-by-fifteen               { padding-left: 720px; }
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container { width: 300px; }
    .container .columns,
    .container .column { margin: 0; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { width: 300px; }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 420px; }
    .container .columns,
    .container .column { margin: 0; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { width: 420px; }
}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}



/*
====================================================================================================================================================
====================================================================================================================================================
#Site Styles
====================================================================================================================================================
====================================================================================================================================================
*/


/* #Stationary
================================================== */
#nav { }
#nav .sixteen {
	text-align: left;
}




.toggleMenu {
    display:  none;
    float: left;
  	margin: 10px 0;
}
.toggleMenu i {
	margin-left: 5px;
}

.nav {
    list-style: none;
     *zoom: 1;
     margin: 0;
  	 text-align: center;
  	padding-bottom: 10px;
    border-bottom: 1px solid #979797;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    min-width: 220px;
}

#nav a:hover, #nav li.active a {
	color: #000000;
}
.nav a {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    border: none;
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif !important;
  	font-weight: 300;
    color: #7d7d7d;
}
.nav a:hover, .nav li.active a { 
	color: #000000;
}
.nav li {
    position: relative;
    margin: 0 15px;
}
.nav li:first-child {
	margin-left: 0;
}
.nav > li {
    display: inline-block;
}
.nav > li > .parent {

}
.nav > li > .parent:after {
	font-family: FontAwesome;
	content: "\f0d7";
	margin-left: 4px;
}
.nav > li li > .parent:after,
.nav > li li li > .parent:after{
  	float: right;
	font-family: FontAwesome;
	content: "\f0da";
    margin-left: 4px;
}
.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px;
    margin: 0;
    border-top: 3px solid #000;
	z-index: 1000;
	min-width: 160px;
	padding: 5px 0;
	background-color: #ffffff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	
}
.nav ul.subcollections, .nav ul.subsubcollections {
	margin: -5px 0 0 -2px;
  	padding: 5px 0;
  	border-top: none;
  	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 0;
  	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0;
  	border-top-right-radius: 3px;
}
.nav ul.subsubcollections {
	left: -9999px !important;
}
.nav li.hover ul.subcollections li.hover ul.subsubcollections {
	left: 100% !important;
}
.nav li ul li {
	margin: 0;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover > ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    position: relative;
    padding: 5px 10px !important;
    z-index: 100;
    color: #7d7d7d !important;
}
.nav li li a:hover {
	color: #000000 !important;
}


#nav #cart {
	float: right;
	line-height: 18px;
  	margin-bottom: 10px;
}
#cart { 
  	float: left;
	margin-top: 15px;
    margin-left: 50px;
    display: block;
  	
}
#cart .cart-ico { 
	width: 40px;
} 
#nav #cart i {
	display: none;
}
.cart-ico {
	width: 25px;
    position: relative;
    top: 4px;
}
#logo {
  	width: 33%;
    float: left;
    padding-left: 33% !important;
	text-align: center;
	padding: 40px 0 20px;
}
#logo.customer_accounts_enabled {
	padding-top: 2px;
}
#logo h1 {
	margin-bottom: 0;
}

#logo h1 a {
	color: #1f1f1f;
	border: none;
	font-family: 'Open Sans', sans-serif !important;
  	font-weight: 300;
}
#logo h1 a:hover {
	color: #111111;
}
#logo h4 {
	color:  !important;
	font-family: 'Open Sans', sans-serif !important;
  	font-weight: 300;
}


#logo a img {
  	width: 500px;
  	height: 100px;
	display: block;
	margin: 0 auto;
	max-width: 100%;
  	object-fit: scale-down;
}




/*	footer	*/
footer {
	margin-top: 40px;
	
}
#footer .sixteen {
	border-top: 1px solid #111;
	padding: 10px 0;
}
#footer ul {
  	list-style: none;
    margin: 0 auto;
    text-align: center;
}
#footer ul li {
	display: inline;
	margin: 0 25px;
}
#footer ul li:first-child {
	margin-left: 0;
}
#footer a {
	text-transform: uppercase;
	font-size: 13px;
	border: none;
	font-family: 'Open Sans', sans-serif !important;
  	font-weight: 300;
}

ul#footer-social {
	float: right;
	margin-top: 3px;
}
ul#footer-social li {
	margin: 0 5px !important;
}
ul#footer-social li:last-child {
	margin-right: 0;
}
ul#footer-social li a { 
	font-size: 16px;
}









/* #Index
================================================== */
.index-feature {
	margin-bottom: 30px;
	position: relative;
  	clear: both;
}
.index-feature article {
	margin-bottom: 20px;
}
.slides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 10px 0;
	margin: 0;
  	border-bottom: 1px solid #979797;
}
.slides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	margin: 0;
}
.slides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.slides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.centered-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 50%;
	left: 0px;
	opacity: 0.7;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: transparent url("themes.gif") no-repeat left top;
	margin-top: -45px;
}
.centered-btns_nav.next {
	left: auto;
	background-position: right top;
	right: 0px;
}
.centered-btns_tabs {
  text-align: center;
}
.centered-btns_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-right: 5px;
}
.centered-btns_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #ccc;
	background: rgba(0,0,0, .2);
	display: inline-block;
	_display: block;
	*display: block;
	-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
	width: 9px;
	height: 9px;
}
.centered-btns_here a {
	background: #222;
	background: rgba(0,0,0, .8);
}








/* #Blog & Article
================================================== */

#blog-item {}

#blog-item img {
	max-width: 95%;
	margin-bottom: 20px;
}
.time {
	margin-top: 30px;
	padding-bottom: 50px;
	font-size: 12px;
}


#blog-list .product-share {
	
}
#blog-list img {
	max-width: 95%;
	margin-bottom: 20px;
}
.add-comment input {
	width: 180px;
}
.add-comment textarea {
	width: 100%; 
	min-height: 112px;
}


label.has-error {
	color: #e32246;
}
.comment-item {
	border-bottom: 1px solid;
	margin-bottom: 20px;
}
.comment-item p.name {
	margin-bottom: 0;
}
.comment-item span {
  	display: block;
	margin: 10px 0;
}
.comment-item:last-child {
	border-bottom: none; 
}
#cart-price { 
    position: relative;
    top: -5px;
}


/* #Cart
================================================== */
#cart ul {
	margin: 0;
}
#cart ul li {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
#cart ul li:last-child {
	border: none;
}
li#cart-headers { 
	font-size: 15px; 
	font-weight: 300; 
	padding-bottom: 20px !important; 
	margin-bottom: 30px !important;
}
.cart-item img { 
	float: left; 
	margin: 0 20px 0 0 !important; 
	display: block; 
}
.cart-price, .cart-total { 
	line-height: 30px; 
}
.cart-qty input[type="number"] { 
	margin-bottom: 0; 
}
.cart-remove {
	margin-top: 8px;
}
.cart-remove a:hover { 
	zoom: 1; 
	filter: alpha(opacity=100);
	opacity: 1;
}
#cart textarea {
	width: 95%;
}

#cart-overview h3 {
	text-align: right;
	margin: 0 0 30px 0;
}
#cart-overview input,
div#result_label{ 
	float: right; 
	margin: 0 0 10px 50px;
}
#cart-overview a { 
	float: right; 
}

.ajaxified-cart-feedback {}







/* #Collection
================================================== */
#collection-description {
	margin-bottom: 30px;
}
#collection-description p:last-child {
	margin: 0;
}
.collection-filter select {
	margin-bottom: 0;
}

#collection-sort-by {
	float: right;
}

.collection-item {
	text-align: center;
}
.collection-item .image {
	position: relative;
  	height: 
}
.collection-item .image a img {
	display: block;
  	width: 100%;
}
.collection-item h3 {
	line-height: 1.4em;
	margin-bottom: 0;
}
.collection-item h3 a {
	padding: 15px 0 5px 0;
	display: block;
  	
}
.product-mark {
	background: #111;
	color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 20px;
	right: 0;
	padding: 6px 8px;
	line-height: 1em;
	font-weight: 300;
}
.on-sale {
	background: #ff0000;
}







/* #Collection-Listing
================================================== */
.collection-listing {
	text-align: center;
}
.collection-listing .image {
	position: relative;
	height: 320px; /*  needed for imgLiquid jQuery. */
}
.collection-listing .image a img {
	display: block;
	max-width: 100%;
}
.collection-listing h3 {
	line-height: 1em;
	margin-bottom: 0;
}
.collection-listing h3 a {
	padding: 15px 0 5px 0;
	display: block;
}




/* #Product
================================================== */
#product-large-img {
  	float: left;
  	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}
#product-large-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

#thumbs img:hover {
	cursor: pointer;
}

#product-share ul {
	list-style: none;
	margin: 0 0 30px 0;
}
#product-share ul li {
	margin: 0 10px 0 0; 
	display: inline;
	font-weight: 300;
	line-height: 20px;
}
#product-share ul li a {
  	cursor: pointer;
	font-size: 20px;
}
.product-description {
	margin-bottom: 30px;
}
.product-description .tab-content li {
	margin-bottom: .1em;
}

.template-product form {
	margin-bottom: 0;
}
.product-price {
	margin-bottom: 30px;
}
.product-price h3 {
	margin-bottom: 0;
	font-size: 1.5em;
}

#quantity {
	float: left;
}
#addToCart {
	float: right;
}

.right {
	float: right;
}

#related-products {
	margin-top: 30px;
}



/* #Sidebar
================================================== */

#sidebar {}
#sidebar ul {
	list-style: none;
	margin: 0 0 30px 0;
}

.sidebar-collection-item img {
	width: 60px;
	float: left;
	margin-right: 20px;
}


#sidebar-tags a {
	margin-bottom: 5px;
}



/* #Extras
================================================== */

/*	paginate	*/
#paginate {
	clear: both;
	text-align: center;
}
#paginate .previous {
	float: left;
}
#paginate .next {
	float: right;
}

#paginate .active {
	background: #ffffff;
	border-color: #ffffff;
	color: #000000!important;
	cursor: pointer;
}
#paginate .disabled {
   opacity: 0.5;
   pointer-events: none;
   cursor: default;
}




/*	searchresults "!important" overwrites search.css file Shopify loads on search.liquid template	*/
#searchresults {
	margin: inherit !important;
}
#searchresults form {
	margin-bottom: 30px !important;
}
#searchresults input {
	margin: 0 20px 0px 0 !important;
	width: 50% !important;
}
#searchresults input.button {
	width: inherit !important;
}
#searchresults h3 {
  margin: 0 0 5px 0 !important;
  padding: 0;
} 
#searchresults ol {
	list-style: none;
	margin: 0 0 30px 0 !important;
}
#searchresults li {
  margin: 20px 0;
  clear: both;
}

.result-image {
  float: left;
  margin-right: 15px !important;
}




/*	customer-accounts	*/
.customer-accounts-mobile {
	display: none;
}
#customer-accounts {
  position: relative;
  top: 50px;
}
#customer-accounts ul {
	list-style: none; 
	float: right;
	margin: 0; 
}
#customer-accounts ul li {
	float: left;
	margin-left: 15px;
	margin-bottom: 0;
}
#customer-accounts ul li a,
#customer-accounts ul li span{
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 18px;
	border: none;
	padding: 10px 0;
	font-family: 'Open Sans', sans-serif !important;
  	font-weight: 300;
	color: #7d7d7d;
}
#customer-accounts ul li a:hover {
	color: #000000;
}




/*	newsletter	*/
#newsletter {
	text-align: center;
}
#newsletter h4 {
	display: inline-block;
	margin-right: 30px;
}
#newsletter form {
	display: inline-block;
}
#newsletter form, #newsletter input, #newsletter button {
	margin: 0;
}
#newsletter input {
	display: inline-block;
}



/*  alert box 	*/
.alert-box {
    color:#555;
    border-radius:10px;
    font-family: 'Open Sans', sans-serif !important;
    font-size:14px;
    padding:15px 20px;
    margin-bottom: 30px;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	background:#ffecec ;
    border:1px solid #f5aca6;
}
.alert-box span {
    font-weight:light;
    text-transform:uppercase;
}
.error {
    background:#ffecec ;
    border:1px solid #f5aca6;
}
.success {
    background:#e9ffd9;
    border:1px solid #a6ca8a;
}
.warning {
    background:#fff8c4;
    border:1px solid #f2c779;
}
.notice {
    background:#e3f7fc;
    border:1px solid #8ed9f6;
}




#contact-page form input {
	max-width: 190px !important;
}
#contact-page form textarea {
	height: 112px;
	width: 430px !important;
}
.nav { display: none; }  
.nav-desk { display: block; }
.cart-mob { display: none; }
#footer a .fa { 
    font-size: 25px;
    color: #989898;
  	position: relative; 
  	top: 1px;
  	margin: 0 15px;
  }
#footer a:hover .fa { 
  	color: #000000; 
}
.size_table { display: none; }
.size_table-title { 
  	display: inline-block;
    margin: 0 0 20px;
    padding-bottom: 1px;
    border-bottom: 1px solid;
}
.size_table-title:hover { border-color: transparent; cursor: pointer; }
.size_table table { width: 100% !important; }
.size_table table tr td { text-align: center; }
/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  #nav { display: none; }
  #customer-accounts { top: 0px; }
  .toggleMenu { 
    width: 20%; 
    float: left; 
    font-size: 23px;
    margin-top: 20px;
  }
  #logo {
    width: 60%;
    float: left;
    padding-left: 0px !important;
    padding-bottom: 0px;
  }
  #logo a img {
    object-fit: cover;
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
  }
  .cart-mob { 
    width: 20%;
    float: none !important;
    margin: 0px !important;
    display: inline-block !important;
    position: relative;
    text-align: right;
    margin-top: 5px;
  }
  #cart-price { font-size: 10px; }
  #footer ul li { margin: 0 20px; }  
  #footer a .fa-vk { margin-left: 0px; }
  .cart-mob img { width: 35px; }
  
	/*	nav		*/
	.nav .active {
        display: block;
    }
    .nav {
	    clear: both;
        float: none;
      	text-align: left;
        margin-bottom: 20px;
    }
    .nav > li {
        float: none;
        margin: 0;
      	display: block;
    }
    .nav li .parent:after {
		float: right;
	}
	.nav > li > .parent:after,
	.nav > li ul > li > .parent:after,
    .nav > li ul > li ul > li > .parent:after{
    	font-family: FontAwesome;
		content: "\f0d7";
		margin-left: 4px;
    }
	.nav > li.hover > .parent:after,
	.nav > li.hover ul > li.hover > .parent:after,
    .nav > li.hover ul > li ul > li.hover > .parent:after{
		font-family: FontAwesome;
		content: "\f0d8";
	}
	.nav > li ul,
	.nav > li ul > li ul {
  		padding: 0 !important;
  	}
    .nav ul {
        display: block;
        width: 100%;
    }
    .nav li ul {
    	border-top: none;
    	-webkit-box-shadow: none;
		box-shadow: none;
		margin-bottom: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}
    .nav > li.hover > ul , .nav li li.hover > ul {
        position: static;
    }
	
	.nav ul.subcollections, .nav ul.subsubcollections {
  		margin: 0;
    	border-radius: 0;
    	-webkit-border-radius: 0;
    	-moz-border-radius: 0;
  	}

    .nav li li a {
    	padding: 10px 15px !important;
	}
	.nav li li li a {
  		padding: 10px 15px 10px 25px !important;
  	}
  	.nav li li li li a {
  		padding: 10px 15px 10px 35px !important;
  	}
	#nav #cart span {
		display: none;
	}
	#nav #cart i {
		display: inline ;
		margin-right: 5px;
	}
	
	#customer-accounts li {
		display: none;
	}
	#customer-accounts li.customer-accounts-mobile {
		display: inherit !important;
		position: relative;
	}
 

	
	/*	footer	*/
	ul#footer-social {
		float: left;	
      	width: 100%;
		margin-top: 10px;
	}

	
	/*	homepage	*/
	.index-feature {
		margin-bottom: 30px !important;
	}
	
	/*	collections	*/
	.collection-filter select {
		margin-bottom: 30px;
	}
	
	
	/*	products	*/
	#thumbs {
		margin-bottom: 30px;
	}
	#thumbs img {
		width: 85px!important;
		margin: 0 20px 20px 0!important;
	}
	
	/*	cart	*/
	li#cart-headers { 
		display: none; 
	}
	.cart-item { 
		padding-bottom: 20px;
	}
	.cart-item img { 
		max-width: 80px; 
	}
	.cart-price { 
		display: none!important; 
	}
	.cart-remove a {
		float: right;
	}
	.cart-qty, .cart-total, .cart-remove {
		width: 33%!important; 
		float; left; 
	}
	.cart-total { 
		text-align: center; 
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
	/* thubms  */
	#thumbs img {
		width: 55px!important;
		margin: 0 20px 20px 0!important;
	}
	
}
pre {
  display:block;
  background: #eee;
  padding: 17px 20px 21px 20px;
}
pre {
  overflow: auto;
  border: solid 1px #9AACAE;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300;
  color: #292929;
  background: #EFEFEF;
  padding: 5px;
  font-size: 13px; 
  line-height: 1.2em;
  margin-bottom: 30px;
}
#insales-panel button, #insales-panel a.is-icon {
  color: #eee !important;
  padding: 0;
  margin-bottom: 0;
  width: 30px;
}
span.description-search {
	float: left;
}
span.description-search li {
	line-height: .7;  
}
span.description-search p {
	margin-bottom: 0;
}

#captcha_challenge {
	margin-bottom: 10px;
}

.jqZoomPup {
	overflow:hidden;
	background-color: #fff;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	z-index:10;
	cursor: crosshair;
}

.hidden { display: none !important; }