/***************************************************
    PRINT CSS for STUDIO 123
    Author: WEB Marketing (www.wem.hr)
    Media: Print
***************************************************/

*           { margin: 0; padding: 0; list-style: none; outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

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, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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; }
table { border-collapse: collapse; border-spacing: 0; }

/*** HIDE ***/
nav,
#logo,
#searchBox,
.menu-switch,
.details,
.side-items,
.prev,
.next,
.home-banners,
.gallery-flex,
.print,
.share-content,
.article-details,
.discount,
.new,
#pageFooter,
.catalog-options,
.catalog-total,
.main-search-box,
.search-notice { display: none !important; }

/*** GRID ***/
.wrap { 
	width: 100%; 
	margin: 0;
}
.col { 
	float: left; 
	margin-right: 2.564102564102564%;
	word-wrap: break-word;
}
.col:last-child { margin-right: 0 !important; }

/*** GRID - Cols ***/
.c1  { width:   1.709401709401709%; }
.c2  { width:   5.982905982905982%; }
.c3  { width:  10.25641025641026%; }
.c4  { width:  14.52991452991453%; }
.c5  { width:  18.8034188034188%; }
.c6  { width:  23.07692307692307%; }
.c7  { width:  27.35042735042735%; }
.c8  { width:  31.62393162393162%; }
.c9  { width:  35.89743589743589%; }
.c10 { width:  40.17094017094017%; }
.c11 { width:  44.44444444444444%; }
.c12 { width:  48.71794871794871%; }
.c13 { width:  52.99145299145299%; }
.c14 { width:  57.26495726495726%; }
.c15 { width:  61.53846153846153%; }
.c16 { width:  65.8119658119658%; }
.c17 { width:  70.08547008547008%; }
.c18 { width:  74.35897435897435%; }
.c19 { width:  78.63247863247862%; }
.c20 { width:  82.9059829059829%; }
.c21 { width:  87.17948717948717%; }
.c22 { width:  91.45299145299144%; }
.c23 { width:  95.72649572649572%; }
.c24 { width: 100%; margin-right: 0; }

/*** GRID - sub cols ***/
.c12 .col { margin-right: 5.263157894736842%; }
.c12 .c1  { width:   3.508771929824561%; }
.c12 .c2  { width:  12.28070175438596%; }
.c12 .c3  { width:  21.05263157894737%; }
.c12 .c4  { width:  29.82456140350877%; }
.c12 .c5  { width:  38.59649122807017%; }
.c12 .c6  { width:  47.36842105263158%; }

.clear { clear: both; }
.wrap:after, 
.cf:after, 
.paginator-holder ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/*** Typ ***/
body { background: #fff; color: #000; font: 10pt/14pt Arial, Helvetica, sans-serif; }
a { color: #000; text-decoration: none; }

h1 { font-size: 18pt; line-height: normal; font-weight: normal; margin: 0 0 20px; }
h2 { font-size: 16pt; line-height: normal; font-weight: normal; margin: 20px 0 10px 0; }
h3 { font-size: 14pt; line-height: normal; font-weight: normal; margin: 20px 0 10px 0; }
h4 { font-size: 12pt; line-height: normal; font-weight: normal; margin: 20px 0 10px 0; }
h5 { font-size: 11pt; line-height: normal; font-weight: normal; margin: 20px 0 10px 0; }
h6 { font-size: 10pt; line-height: normal; font-weight: normal; margin: 20px 0 10px 0; }

p, blockquote, ul, ol, table { margin: 10px 0; }
ul, ol { padding-left: 25px; }
ul li { list-style: outside square; }
ul li ul li { list-style: outside circle; }
ul li ol li { list-style: outside decimal; }
ol li { list-style: outside decimal; }
ol li ol li { list-style: outside lower-alpha; }
ol li ul li { list-style: outside circle; }

table { border-collapse: collapse; width: 100%; }
th, td { border: 0; border-bottom: 1px solid #999; padding: 10px; }
th { text-align: left; font-weight: bold; }

blockquote { padding: 0 20px; border-left: 1px solid #999; border-right: 1px solid #999; font-style: italic; }

hr { clear: both; margin: 20px 0; height: 1px; color: #999; }

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

.media-wrapper { margin: 20px 0; }
.fluid-wrapper { 
	position: relative; 
	padding-bottom: 56.25%;
	margin: 0 auto;
}
.fluid-wrapper iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border: 0;
}

.typ *:first-child { margin-top: 0; }
.typ *:last-child { margin-bottom: 0; }

/*** DEFAULT / STATIC ***/
#printlogo { display: block; margin-bottom: 40px; }
.intro { font-weight: bold; }
.intro, 
.content, 
.side-content, 
.content-footer { margin-bottom: 30px; }
.side-content { margin-right: 0; }
.side-content { color: #666; }
.content-footer { font-size: 9pt; color: #999; }
#slider { padding-bottom: 30px; }
.slider-item { display: none; }
#featured-products { padding-top: 30px; }

.gallery { float: right; margin-right: 0; margin-left: 2.564102564102564%; margin-bottom: 30px; }
.gallery, 
.gallery-items, 
.gallery-item { height: auto !important; }
.gallery-item { display: none; }
.gallery-item img { display: block; width: 100%; }

.ft-item:nth-child(4n) { margin-right: 0; }

.article-info { margin-bottom: 40px; overflow: hidden; }
.article-info ul { margin: 0; padding: 10px 0; overflow: hidden; }
.article-info li { float: left; width: 25%; padding: 0; margin: 0; list-style: none; }
.article-info p { margin: 0; font-weight: bold; font-size: 12px; }
.article-info-price strong { font-weight: normal; color: #ef0f07; }

.search-results { margin-bottom: 40px; position: relative; z-index: 1; }
.search-item { position: relative; padding: 0 0 20px 4.358974358974359%; margin: 0 0 20px; border-bottom: 1px solid #c4c3c3; }
.search-item:last-child { margin-bottom: 0; }
.search-title { margin: 0 0 15px 0; }
.search-title a { color: #282828; text-decoration: none; }
.search-title a:hover { color: #777; }
.search-no { position: absolute; top: 0; left: 0; }
.search-description { line-height: 1.5em; font-style: italic; margin: 0 0 10px; }
.search-url { margin: 0; }