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

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.eot');
    src: url('fonts/roboto-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-light-webfont.woff') format('woff'),
         url('fonts/roboto-light-webfont.ttf') format('truetype'),
         url('fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('fonts/roboto-regular-webfont.eot');
    src: url('fonts/roboto-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-regular-webfont.woff') format('woff'),
         url('fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

a,
a img       { outline: none; }
a,
a *         { cursor: pointer; }

a:focus,
a:active,
input:focus,
textarea:focus,
select:focus, 
button:focus, 
button:active { outline: none; }

a img,
fieldset, 
button        { border: none; }

input, 
textarea, 
select        { outline: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border-radius: 0; }
select        { -webkit-appearance: button; -moz-appearance: none; appearance: none; text-indent: 0.01px; text-overflow: ''; }

/*** GRID ***/
.wrap { 
	width: 100%; 
	max-width: 1170px; 
	margin: 0 auto;
}
.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 ***/
.c9 .col  { margin-right: 7.142857142857143%; }
.c9 .c1   { width:   4.761904761904762%; }
.c9 .c2   { width:  16.66666666666668%; }
.c9 .c3   { width:  28.57142857142859%; }
.c9 .c4   { width:  40.4761904761905%; }
.c9 .c5   { width:  52.38095238095241%; }
.c9 .c6   { width:  64.28571428571432%; }
.c9 .c7   { width:  76.19047619047623%; }
.c9 .c8   { width:  88.09523809523814%; }
.c9 .c9   { width: 100%; }

.c18 .c9 .col  { margin-right: 7.142857142857143%; }
.c18 .c9 .c1   { width:   4.761904761904762%; }
.c18 .c9 .c2   { width:  16.66666666666668%; }
.c18 .c9 .c3   { width:  28.57142857142859%; }
.c18 .c9 .c4   { width:  40.4761904761905%; }
.c18 .c9 .c5   { width:  52.38095238095241%; }
.c18 .c9 .c6   { width:  64.28571428571432%; }
.c18 .c9 .c7   { width:  76.19047619047623%; }
.c18 .c9 .c8   { width:  88.09523809523814%; }
.c18 .c9 .c9   { width: 100%; }

.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%; }
.c12 .c7  { width:  56.14035087719298%; }
.c12 .c8  { width:  64.91228070175438%; }
.c12 .c9  { width:  73.68421052631579%; }
.c12 .c10 { width:  82.45614035087719%; }
.c12 .c11 { width:  91.22807017543859%; }
.c12 .c12 { width: 100%; }

.c18 .c12 .col { margin-right: 5.263157894736842%; }
.c18 .c12 .c1  { width:   3.508771929824561%; }
.c18 .c12 .c2  { width:  12.28070175438596%; }
.c18 .c12 .c3  { width:  21.05263157894737%; }
.c18 .c12 .c4  { width:  29.82456140350877%; }
.c18 .c12 .c5  { width:  38.59649122807017%; }
.c18 .c12 .c6  { width:  47.36842105263158%; }
.c18 .c12 .c7  { width:  56.14035087719298%; }
.c18 .c12 .c8  { width:  64.91228070175438%; }
.c18 .c12 .c9  { width:  73.68421052631579%; }
.c18 .c12 .c10 { width:  82.45614035087719%; }
.c18 .c12 .c11 { width:  91.22807017543859%; }
.c18 .c12 .c12 { width: 100%; }
.c18 .c12 .c13 { width:  71.26436781609196%; }
.c18 .c12 .c14 { width:  77.01149425287357%; }
.c18 .c12 .c15 { width:  82.75862068965518%; }
.c18 .c12 .c16 { width:  88.50574712643679%; }
.c18 .c12 .c17 { width:  94.2528735632184%; }
.c18 .c12 .c18 { width: 100%; }

.c14 .col { margin-right: 4.477611940298507%; }
.c14 .c1  { width:   2.985074626865672%; }
.c14 .c2  { width:  10.44776119402985%; }
.c14 .c3  { width:  17.91044776119403%; }
.c14 .c4  { width:  25.37313432835821%; }
.c14 .c5  { width:  32.83582089552239%; }
.c14 .c6  { width:  40.29850746268657%; }
.c14 .c7  { width:  47.76119402985075%; }
.c14 .c8  { width:  55.22388059701493%; }
.c14 .c9  { width:  62.6865671641791%; }
.c14 .c10 { width:  70.14925373134328%; }
.c14 .c11 { width:  77.61194029850746%; }
.c14 .c12 { width:  85.07462686567164%; }
.c14 .c13 { width:  92.53731343283582%; }
.c14 .c14 { width: 100%; }

.c18 .c14 .col { margin-right: 4.477611940298507%; }
.c18 .c14 .c1  { width:   2.985074626865672%; }
.c18 .c14 .c2  { width:  10.44776119402985%; }
.c18 .c14 .c3  { width:  17.91044776119403%; }
.c18 .c14 .c4  { width:  25.37313432835821%; }
.c18 .c14 .c5  { width:  32.83582089552239%; }
.c18 .c14 .c6  { width:  40.29850746268657%; }
.c18 .c14 .c7  { width:  47.76119402985075%; }
.c18 .c14 .c8  { width:  55.22388059701493%; }
.c18 .c14 .c9  { width:  62.6865671641791%; }
.c18 .c14 .c10 { width:  70.14925373134328%; }
.c18 .c14 .c11 { width:  77.61194029850746%; }
.c18 .c14 .c12 { width:  85.07462686567164%; }
.c18 .c14 .c13 { width:  92.53731343283582%; }
.c18 .c14 .c14 { width: 100%; }

.c18 .col { margin-right: 3.448275862068966%; }
.c18 .c1  { width:   2.298850574712644%; }
.c18 .c2  { width:   8.045977011494253%; }
.c18 .c3  { width:  13.79310344827586%; }
.c18 .c4  { width:  19.54022988505747%; }
.c18 .c5  { width:  25.28735632183908%; }
.c18 .c6  { width:  31.03448275862069%; }
.c18 .c7  { width:  36.7816091954023%; }
.c18 .c8  { width:  42.52873563218391%; }
.c18 .c9  { width:  48.27586206896552%; }
.c18 .c10 { width:  54.02298850574713%; }
.c18 .c11 { width:  59.77011494252874%; }
.c18 .c12 { width:  65.51724137931035%; }
.c18 .c13 { width:  71.26436781609196%; }
.c18 .c14 { width:  77.01149425287357%; }
.c18 .c15 { width:  82.75862068965518%; }
.c18 .c16 { width:  88.50574712643679%; }
.c18 .c17 { width:  94.2528735632184%; }
.c18 .c18 { width: 100%; }

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

/*** GLOBAL & Typ. ***/
html { overflow-y: scroll; }
body { 
	background: #fff; 
	color: #333331;
	font: 14px/1 robotoregular, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 1.857em;
	margin: 0 0 30px;
}
h2 {
	font-size: 1.714em;
	margin: 20px 0;
}
h3 {
	font-size: 1.429em;
	margin: 20px 0;
}
h4 {
	font-size: 1.143em;
	margin: 20px 0;
}
h5 {
	font-size: 1em;
	margin: 20px 0;
	font-weight: bold;
}
h6 {
	font-size: 1em;
	margin: 20px 0;
	font-weight: bold;
}

h1, h2, h3, 
h4, h5, h6 { line-height: 1.15em; }

p, 
blockquote { margin: 20px 0; }

blockquote { 
	padding: 0 50px; 
	font-style: italic;
	border-left: 3px solid #fed500;
}

ul, 
ol { margin: 20px 0; }
p + ul, 
p + ol { margin: -10px 0 20px 0; }

ul > li { padding-left: 18px; }
ul > li:before { content: "—"; margin: 0 0 0 -18px; width: 20px; display: inline-block; }
ol > li { list-style: inside decimal; margin-left: 0; }
ol ol > li { list-style-type: lower-latin; }

ul ul { margin-left: 20px; }
ul ol { margin-left: 20px; }
ol ul { margin-left: 20px; }
ol ol { margin-left: 20px; }

.typ ul li, 
.typ ol li { overflow: hidden; width: auto; }

hr {
	display: block;
	clear: both;
	height: 3px;
	background: #fed500;
	color: #fed500;
	border: 0;
	box-shadow: none;
	margin: 30px 0;
}

.table-wrapper { 
	overflow: visible;
	margin: 20px 0;
}
table {
	margin: 0;
	font-size: 1em;
	width: 100%;
}
th, td {
	padding: 15px 20px;
	border-right: 1px solid #fff;
}
th:last-child, 
td:last-child { border-right: 0; }
th { background: #fed500; text-align: left; }
.even td { background: #ededed; }
.odd td { background: #fafafa; }

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; }
.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; overflow: hidden; }
div.table-wrapper div.scrollable table { 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; }

img { max-width: 100%; height: auto; }
.typ img { height: auto !important; }

a { color: #333331; text-decoration: underline; }
a:hover { color: #777; text-decoration: none; }

.typ a[href$=doc],
.typ a[href$=docx],
.typ a[href$=txt],
.typ a[href$=rtf],
.typ a[href$=xls],
.typ a[href$=xlsx],
.typ a[href$=ppt],
.typ a[href$=pptx],
.typ a[href$=pdf],
.typ a[href$=zip],
.typ a[href$=rar],
.typ a[href$=jpg],
.typ a[href$=jpeg],
.typ a[href$=gif],
.typ a[href$=bmp],
.typ a[href$=png],
.typ a[href$=tif],
.typ a[href$=tiff],
.typ a[href$=wav],
.typ a[href$=wma],
.typ a[href$=mp3],
.typ a[href$=avi],
.typ a[href$=divx],
.typ a[href$=mov],
.typ a[href$=mp4],
.typ a[href$=mpg],
.typ a[href$=wmv],
.typ a[href$=flv],
.typ span.external a { padding-right: 20px; display: inline-block; background-repeat: no-repeat; background-position: 100% 2px; }

.typ a[href$=doc], 
.typ a[href$=docx] { background-image: url(../images/css/ext-word.png); }
.typ a[href$=txt], 
.typ a[href$=rtf] { background-image: url(../images/css/ext-txt.png); }
.typ a[href$=xls], 
.typ a[href$=xlsx] { background-image: url(../images/css/ext-excel.png); }
.typ a[href$=ppt], 
.typ a[href$=pptx] { background-image: url(../images/css/ext-ppt.png); }
.typ a[href$=pdf] { background-image: url(../images/css/ext-pdf.png); }
.typ a[href$=zip], 
.typ a[href$=rar] { background-image: url(../images/css/ext-zip.png); }
.typ a[href$=jpg], 
.typ a[href$=jpeg],
.typ a[href$=gif], 
.typ a[href$=bmp],
.typ a[href$=png], 
.typ a[href$=tif], 
.typ a[href$=tiff] { background-image: url(../images/css/ext-img.png); }
.typ a[href$=wav], 
.typ a[href$=wma],
.typ a[href$=mp3] { background-image: url(../images/css/ext-wav.png); }
.typ a[href$=avi], 
.typ a[href$=divx],
.typ a[href$=mov], 
.typ a[href$=mp4],
.typ a[href$=mpg], 
.typ a[href$=wmv],
.typ a[href$=flv]  { background-image: url(../images/css/ext-video.png); }
.typ span.external a { background-image: url(../images/css/ext-external.png); }

.media-wrapper { margin-top: 20px; margin-bottom: 20px; padding: 20px; background: #f8f8f8; width: 560px; max-width: 100%; }
.fluid-wrapper { 
	position: relative; 
	padding-bottom: 56.25%;
	display: block; width: 100%;
}
.fluid-wrapper iframe { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	border: 0;
}
.media-left { float: left; margin-right: 20px; margin-top: 0 !important; }
.media-right { float: right; margin-left: 20px; margin-top: 0 !important; }
.media-center { margin-left: auto; margin-right: auto; }
.media-wide { width: 100% !important; }

.image-left { float: left; margin-right: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-right { float: right; margin-left: 20px; margin-bottom: 20px; margin-top: 0 !important; }
.image-center { margin-left: auto; margin-right: auto; display: block; }
.image-wide { width: 100% !important; }

.image-left img, 
.image-right img, 
.image-center img, 
.image-wide img { display: block; }
.image-center img { margin-left: auto; margin-right: auto; }

.intro { 
	color: #e1b100;
	line-height: 1.5em;
	font-size: 1.214em;
}
.content {
	line-height: 1.5em;
	margin-right: 0;
}
.side-content { 
	line-height: 1.5em;
	color: #e1b100;
	float: right;
	margin-right: 0;
	margin-left: 2.564102564102564%;
	clear: right;
}
.content-footer { 
	font-size: 0.857em;
	line-height: 1.5em;
	color: #787878;
	clear: both;
}

/*** Page gallery ***/
.gallery { 
	float: right; 
	margin-right: 0;
	margin-left: 2.564102564102564%;
}

.gallery-slider {
	position: relative;
}
.gallery-items {
	position: relative;
	overflow: hidden;
	margin: 0 0 6px;
}
.gallery-item {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
}
.gallery-item a {
	display: block;
	position: relative;
}
.gallery-item img {
	display: block;
	width: 100%;
	border: 1px solid #c9c8c8;
}

.img_v { display: block; position: relative; overflow: hidden; height: 100%; background: #c9c8c8; }
.img_v img { display: block; width: auto !important; height: 100% !important; margin: 0 auto; }

.gallery-nav { float: left; }
.gallery-nav ul { margin: 10px 0 0 0; }
.gallery-nav li { 
	float: left; 
	margin: 0 10px 0 0; 
	padding: 0;
}
.gallery-nav a {
	display: block;
	width: 15px; height: 15px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff;
	border: 1px solid #333;
}
.gallery-nav a:hover { background: #fed500; }
.gallery-nav .on a { background: #fed500; border-width: 4px; }

.gallery-controls {
	float: right;
	width: 111px;
}
.gallery-prev, 
.gallery-next {
	width: 55px;
	height: 31px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/css/page-gallery-controls.png);
	background-repeat: no-repeat;
}
.gallery-prev {
	float: left;
	background-position: 0 0;
}
.gallery-prev:hover {
	background-position: 0 -31px;
}
.gallery-next {
	float: right;
	background-position: 0 -62px;
}
.gallery-next:hover {
	background-position: 0 -93px;
}

/*** Flex slider ***/
.flex-viewport { position: relative; z-index: 1; }
.flex-prev, 
.flex-next { position: absolute; z-index: 500; }

.flexslider {margin: 0; padding: 0; position: relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin: 0; padding: 0; background: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: auto; max-width: 100%; margin: 0 auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

.flex-direction-nav { height: 0; }
.flex-direction-nav li { margin: 0; padding: 0; }
.flex-direction-nav a { 
	position: absolute;
	z-index: 200;
	top: 50%;
	margin-top: -18px;
	width: 36px;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
	background-image: url(../images/css/flex-controls.png);
	background-repeat: no-repeat;
}

.flex-prev  { left: 0; background-position: 0 0; }
.flex-prev:hover { background-position: 0 -36px; }
.flex-next { right: 0; background-position: 0 -72px; }
.flex-next:hover { background-position: 0 -108px; }

.gallery-flex { display: none; }
.gallery-flex ul { margin: 0; }
.gallery-flex li:before { display: none; }

.intro, 
.content, 
.side-content, 
.content-footer, 
.gallery { margin-bottom: 40px; }

.intro strong,
.side-content strong { color: #937446; }

/*** Typ. - reset ***/
.typ *:first-child { margin-top: 0; }
.typ *:last-child { margin-bottom: 0; }
nav li:before { display: none; }

/*** LAYOUT ***/
#pageHeader, 
#pageContainer, 
#pageFooter,
#navigation,
#slider { padding-right: 30px; padding-left: 30px; position: relative; }

#pageHeader .wrap { padding: 15px 0 25px 0; position: relative; }
#logo { width: 241px; height: 128px; margin: 0; padding: 0; overflow: hidden; }
#logo a { display: block; width: 241px; height: 128px; text-indent: -9999px; background: url(../images/css/logo.gif) no-repeat 0 0; }

#searchBox { overflow: hidden; position: absolute; right: 0; bottom: 25px; }
#searchBox label,
#searchBox #lblSearch { display: none !important; }
.search-input { width: 220px; height: 30px; padding: 0 5px; border: 1px solid #7e7e7e; float: left; font-size: 12px; font-family: inherit; }
.search-input:focus { border-color: #333331; }
.search-submit { height: 30px; line-height: 25px; background-color: #313131; color: #fed500; font-size: 12px; font-family: inherit; border: none; padding: 0 10px; float: right; margin: 0 0 0 7px; }
.search-submit:hover,
.search-submit:active { background-color: #fed500; color: #313131; cursor: pointer; }

#pageContainer { padding-top: 30px; padding-bottom: 30px; z-index: 2; }
#container { position: relative; z-index: 1; }

.path { margin: 0 0 30px; color: #777; font-size: 13px; }
.path ul { margin: 0; }
.path li { display: inline-block; padding: 0; }
.path li:after { content:"/"; display: inline-block; margin: 0 0 0 4px;  }
.path .on:after { display: none; }
.path a { cursor: default; color: #777; text-decoration: none; }
.path a:link { cursor: pointer; }
.path .on a { color: #000; }

.print { margin: 40px 0 0; }
.print a { float: left; height: 20px; line-height: 20px; color: #41413f; text-decoration: none; }
.print-icon { display: inline-block; width: 20px; height: 20px; overflow: hidden; margin: 0 10px 0 0; background: url(../images/css/print-icon.png) no-repeat 0 0; vertical-align: middle; }
.print a:hover { color: #999; }
.print a:hover .print-icon { background-position: 0 -20px; }

.share-header { margin: -10px 0 20px 0; }
.share-footer { margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #c4c3c3; }
.share { display: block; height: 20px; }

#pageFooter .wrap { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #c4c3c3; }
#footer-container .wrap { background: url(../images/interface/footer-logo.gif) no-repeat right center; }
#impressum .wrap { border: 0; background: url(../images/css/footer-bottom.gif) repeat-x left top; }

.footer-box h3 { font-size: 17px; margin-bottom: 15px; }
.footer-box ul { color: #777; font-size: inherit; margin: 0; padding: 0; }
.footer-box li { margin: 0 0 8px 0; padding: 0; }
.footer-box li:before { display: none; }
.footer-box a { color: #777; text-decoration: none; }
.footer-box a:hover { color: #333331; }

#development { margin: 0; font-size: 0.857em; color: #777; }
#development a { color: #777; text-decoration: none; }
#development a:hover { text-decoration: underline; }

/*** NAVIGATION ***/
#navigation { height: 42px; position: relative; z-index: 9999; }
#navigation .wrap { position: relative; border-bottom: 1px solid #c4c3c3; border-top: 1px solid #c4c3c3; }

#menu { margin: 0; padding: 0; }
#menu li { padding: 0; position: relative; }
#menu li:before { display: none; }
#menu a { display: block; color: #777; text-decoration: none; }

#menu > li { float: left; border-right: 1px solid #fff; font-size: 14px; line-height: 42px; }
#menu > li > a { padding: 0 20px; }
#menu > li.sub > a { padding-right: 30px; position: relative; }
#menu > li.sub > a span { position: absolute; top: 50%; right: 14px; width: 8px; height: 5px; overflow: hidden; background: url(../images/css/menu-arrow.png) no-repeat 0 0; }

#menu li > a:hover,
#menu li:hover > a, 
#menu .on > a, 
#menu .open > a { color: #333; }

#menu ul { position: absolute; top: 42px; left: 0; width: 228px; background: #2f2f2f; display: none; margin: 0; padding: 0; }
#menu .open > ul { display: block; }
.no-touch #menu .sub:hover > ul { display: block; }

#menu ul { padding: 10px 0; }
#menu ul li { font-size: 14px; line-height: normal; }
#menu ul a { padding: 6px 20px; position: relative; color: #fff; }

#menu .sub-1 > ul > li > a > span { position: absolute; top: 12px; right: 13px; width: 5px; height: 8px; overflow: hidden; background: url(../images/css/menu-arrow2.png) no-repeat 0 0; }

#menu .sub-1 > ul li > a:hover,
#menu .sub-1 > ul li:hover > a,
#menu .sub-1 > ul .open > a,
#menu .sub-1 > ul .on > a { background: #fed500; color: #333; }

#menu .sub-1 ul ul { top: -10px; left: 228px; }

/*** HOME ***/
#slider { position: relative; }

#slider .wrap { position: relative; z-index: 3; border-bottom: 1px solid #c4c3c3; }
.slider-items { position: relative; z-index: 1; }
.slider-item { position: relative; display: none; padding: 30px 0; }

.slide-content { color: #fff; font-size: 1.071em; line-height: 21px; z-index: 5; text-transform: uppercase; padding: 0 60px; position: absolute; top: 170px; }
.slide-content h2 { font-family: robotolight; font-size: 63px; margin: 0 0 0 -5px; }
.slide-content h2 + p { margin-top: 0; }
.slide-content a { color: #fff; text-decoration: none; }
.slide-content .details { text-transform: none; font-weight: bold; letter-spacing: -0.05em; font-size: 19px; margin: 25px 0 0 0; }
.slide-content .details a { background-color: #333; color: #fed500; padding: 20px 19px; display: block; float: left; }
.slide-content .details a:hover { background-color: #fed500; color: #333; cursor: pointer; }

.slide-image { margin: 0; overflow: hidden; }
.slide-image a { display: block; position: relative; }
.slide-image img { display: block; max-width: none; position: relative; z-index: 1; }

.prev,
.next { display: block; width: 15px; height: 25px; overflow: hidden; text-indent: -9999px; background-image: url(../images/css/slider-controls.png); background-repeat: no-repeat; position: absolute; bottom: 50px; z-index: 5; }
.prev { background-position: 0 0; right: 45px; }
.next { background-position: -26px 0; right: 20px; }
.prev:hover { background-position: 0 -25px; }
.next:hover { background-position: -26px -25px; }

.side-items { padding: 30px 0; position: relative; }
.side-item { position: relative; min-height: 210px; margin-bottom: 10px; }
.side-item:last-child { margin: 0; }
.side-image,
.side-image a,
.side-image img { display: block; }
.side-title { position: absolute; bottom: 0; left: 0; width: 100%; display: block; font-size: 33px; color: #000; padding: 8px 30px; background: url(../images/css/side-title-bg.png) repeat 0 0; }
.side-title a { color: #000; text-decoration: none; }

.home-box { margin-right: 2.564102564102564%; margin-bottom: 10px; color: #777; font-size: 0.786em; line-height: 1.3em !important; }
.home-box h2 { color: #282828; font-size: 17px; margin: 8px 0 !important; }
.home-box h2 a { color: #282828; text-decoration: none; }
.home-box h2 a:hover { color: #777; }
.home-box p { margin-top: 0; }

#featured-products { padding-top: 15px; margin-top: 15px; border-top: 1px solid #c4c3c3; }
#featured-products h2 { margin-top: 0; font-size: 1.643em; }
.ft-item { text-align: center; font-size: 1em; line-height: 1.5em; margin-bottom: 30px; position: relative; }
.ft-item:nth-child(4n) { margin-right: 0; }
.ft-item .article-title a { color: #333; text-decoration: none; }
.ft-item .article-title a:hover { color: #777; }
.ft-item .article-price { font-size: 1.214em; color: #ef0f07; }
.ft-item .article-price .old-price { color: #7d7d7d; text-decoration: line-through; display: inline-block; }
.ft-item .article-details { margin-top: 15px; }
.ft-item .article-details a { color: #fff; text-decoration: none; text-transform: uppercase; background-color: #333; padding: 6px 20px; display: inline-block; }
.ft-item .article-details a:hover { color: #fed500; }

.discount { display: block; width: 34px; height: 89px; background: url(../images/interface/discount.png) no-repeat 0 0; position: absolute; top: 0; right: 35px; z-index: 5; text-indent: -9999px; }
.new { display: block; width: 34px; height: 143px; background: url(../images/interface/new.png) no-repeat 0 0; position: absolute; top: 0; right: 0; z-index: 5; text-indent: -9999px; }

.home-banners { border-top: 1px solid #c4c3c3; padding: 30px 0 0 0; }

/*** CATALOG ***/
.catalog-options { padding: 20px 0; margin-bottom: 40px; line-height: 36px; border-bottom: 1px solid #c4c3c3; border-top: 1px solid #c4c3c3; }
.sort { padding-left: 20px; }
.sort p, 
.sort-main { display: inline-block; line-height: 36px; vertical-align: middle; }
.sort p { margin: 0 10px 0 0; }
.sort ul { margin: 0; }
.sort li { display: inline-block; margin: 0 10px 0 0; padding: 0; }
.sort li:first-child { margin-right: 40px; }
.sort li:last-child { margin-right: 0; }
.sort li:before { display: none; }
.sort a { background: #fff; border: 1px solid #c4c3c3; color: #000; text-decoration: none; padding: 0 20px; display: block; }
.sort a span { display: inline-block; width: 6px; height: 11px; overflow: hidden; background: url(../images/css/sort-arrow.png) no-repeat 0 0; margin: 0 5px; }
.sort a:hover,
.sort .on a { background: #777; border-color: #777; color: #fff; }
.sort a:hover span, 
.sort .on a span { background-position: 0 -11px; }

.catalog-listing { margin-bottom: 20px; }
.article-box { line-height: 1.5em; text-align: center; }
.article-box:nth-child(4n) { margin-right: 0; }
.article-box:nth-child(4n+1) { clear: left; }

.article-image { margin-bottom: 5px; position: relative; }
.article-image a { display: block; position: relative; }
.article-image img { display: block; width: 100%; }

.article-title a { display: block; color: #000; text-decoration: none; }
.article-title a:hover { color: #666; }

.article-price { margin-bottom: 20px; }
.article-price p { margin: 0; }
.article-price strong { font-weight: normal; color: #ef0f07; }

.article-box .details { padding-bottom: 20px; border-bottom: 1px solid #c4c3c3; }
.article-box .details a { color: #fff; text-decoration: none; text-transform: uppercase; background-color: #333; padding: 6px 20px; display: inline-block; }
.article-box .details a:hover { color: #fed500; }

.catalog-total { margin-bottom: 20px; }

/*** ARTICLE ***/
.page-article .gallery { margin-left: 0; margin-right: 2.5641%; float: left; }

.article-info { margin-bottom: 40px; background: #fed500 url(../images/css/article-intro-border.png) repeat-y 50% 0; overflow: hidden; line-height: 1.2em; font-size: 17px; }
.article-info ul { margin: 0; padding: 10px 0; overflow: hidden; }
.article-info li { float: left; width: 50% !important; padding: 10px 30px; }
.article-info li:before { display: none; }
.article-info p { margin: 0; font-weight: bold; font-size: 12px; }
.article-info-price strong { font-weight: normal; color: #ef0f07; }
.article-info.single { background: none; }
.article-info.single ul { background: #fed500; width: 50%; }
.article-info.single li { width: 100% !important; }

.page-article .discount { position: absolute; z-index: 1000; top: 0; left: 22px; }
.page-article .new { position: absolute; z-index: 1000; top: 0; left: 66px; }

/*** PAGINATOR ***/
.paginator-holder { margin-top: 30px; padding-top: 30px; border-top: 1px solid #c4c3c3; }
.paginator-holder ul { position: relative; height: 45px; margin: 0; }
.paginator-holder li { float: left; padding: 0; margin: 0 5px 0 0; }
.paginator-holder li:before { display: none; }

.paginator a, 
.basic-controls a { display: block; width: 45px; height: 45px; line-height: 45px; background-color: #333; color: #fff; text-decoration: none; text-align: center; }
.paginator a:hover,
.paginator a.on, 
.basic-controls a:hover { background-color: #fed500; color: #000; }

.listPages a { border: none; background: none; font-size: 1.5em; color: #333; }
.listPages a:hover { color: #000; background: none; }

.prevPage, 
.nextPage { position: absolute; top: 0; margin: 0 !important; }
.prevPage a, 
.nextPage a { border: 0; width: 80px; height: 45px; overflow: hidden; text-indent: -9999px; background-image: url(../images/css/paginator.png); background-repeat: no-repeat; }
.prevPage { right: 81px; }
.nextPage { right: 0; }
.prevPage a { background-position: 0 0; }
.prevPage a:hover { background-position: 0 -45px; }
.nextPage a { background-position: 0 -90px; }
.nextPage a:hover { background-position: 0 -135px; }

.basic-list a { text-align: left; width: auto; padding: 0 20px 0 58px; position: relative; }
.basic-list a span { position: absolute; left: 12px; top: 50%; margin-top: -8.5px; width: 29px; height: 17px; overflow: hidden; background: url(../images/css/paginator.png) no-repeat 0 -180px; }
.basic-list a:hover span { background-position: 0 -197px; }

.basic-prev, 
.basic-next { position: absolute; top: 0; margin: 0 !important; }
.basic-prev a, 
.basic-next a { border: 0; width: 80px; height: 45px; overflow: hidden; text-indent: -9999px; background-image: url(../images/css/paginator.png); background-repeat: no-repeat; }
.basic-prev { right: 81px; }
.basic-next { right: 0; }
.basic-prev a { background-position: 0 0; }
.basic-prev a:hover { background-position: 0 -45px; }
.basic-next a { background-position: 0 -90px; }
.basic-next a:hover { background-position: 0 -135px; }

.paginator .off { display: none !important; }
.paginator-holder .nextPage, 
.paginator-holder .basic-next { margin-right: 0; }

/*** SEARCH ***/
.main-search-box { padding: 20px 0; background: none; margin: 0 0 40px; line-height: 56px; border-bottom: 1px solid #c4c3c3; border-top: 1px solid #c4c3c3; }

.main-search { position: relative; }
.main-search-input { display: block; width: 100%; height: 56px; padding: 0 100px 0 20px; background: #fff; border: 1px solid #7e7e7e; font-size: 18px; font-family: inherit; color: #3B3B39; position: relative; z-index: 1; }
.main-search-input:focus { border-color: #333331; }
.main-search-submit { display: block; position: absolute; top: 0; right: 0; z-index: 2; width: 83px; height: 56px; overflow: hidden; text-indent: -9999px; background: url(../images/css/search-submit.png) no-repeat 0 0; border: 0; cursor: pointer; }
.main-search-submit:hover { background-position: 0 -56px; }

.results-dd { text-align: right; }
.results-dd p { display: inline; margin: 0; color: #7e7e7e; }
.results-dd select { margin-left: 10px; width: 80px; height: 36px; background: #fff url(../images/css/menu-arrow.png) no-repeat 70% 55%; border: 1px solid #7e7e7e; font-size: 14px; font-family: inherit; color: #7e7e7e; vertical-align: middle; padding: 6px 10px 6px 10px; }

.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; }
.search-highlight { background: #FFDA50; }

.search-notice p { margin: 0; font-size: 0.857em; }

/*** FIX ***/
.addthis_toolbox { height: 21px; overflow: hidden; }
.addthis_button_facebook_like { margin-right: 10px; }

.share *,
#at15s, 
#at15s *,
#at20mc, 
#at20mc *,
#at3lb, 
#at3lb *,
#at3win, 
#at3win *,
.share *,
#at20mc,
#at20mc * { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

input[type=number]::-webkit-inner-spin-button, 
input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type=date]::-webkit-calendar-picker-indicator { -webkit-appearance: none; display: none; }
input::-ms-clear { width: 0; height: 0; display: none; }

.pc-hide { display: none; }

#printlogo,
.page-home .path { display: none; }

.conversion-box {
	margin-bottom: 20px;
	line-height: 1.5;
	background: #fbfbfb;
	color: #000;
	padding: 20px;
	border-radius: 0;
}

	.conversion-box i {
		margin-right: 5px;
		color: #fff;
		background: #000;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		line-height: 14px;
	}

.article-price del,
.article-price strong {
	display: block;
}