.container {
	max-width: 1260px;
}

/* RESET */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
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;
}

/* RESET END */


/* PAGER */

.content-box .pager-box,
.pager-box {
	margin-right: 4px;

	text-align: right;
}

.content-box .pager-box ul,
.pager-box ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: none;
}

.content-box .pager-box ul li,
.pager-box ul li {
	margin: 0 -4px 0 1px;
	padding: 0;
	display: inline-block;
	background: none;
}

.content-box .pager-box ul li:before,
.pager-box ul li:before {
	display: none;
}

.content-box .pager-box ul li a,
.pager-box ul li a,
.pager-box ul li span {
	border: 2px solid transparent;
	display: block;
	height: 35px;
	width: 35px;

	line-height: 35px;
	color: #232f3c;
	text-align: center;
	text-decoration: none;
}

.content-box .pager-box ul li a.nobg,
.pager-box ul li a.nobg {

}

.content-box .pager-box ul li a.active,
.content-box .pager-box ul li a:hover,
.content-box .pager-box ul li a:active,
.content-box .pager-box ul li a:focus,
.pager-box ul li a.active,
.pager-box ul li a:hover,
.pager-box ul li a:active,
.pager-box ul li a:focus,
.pager-box ul li span {
	border: 2px solid #a1905e;

	color: #a1905e;
}

/* PAGER END */

/* MODULES */

#news-module {

}

#news-module .news-list-item {
	border-bottom: 6px solid #e9e9e9;
	padding-top: 25px;
}

.content-box #news-module .news-list-item.file .dir-column {
	margin-bottom: 0;
}

.content-box #news-module .news-list-item.file {
	position: relative;
	padding-left: 74px;
	clear: both;
}

.content-box #news-module .news-list-item.file:before {
	content: url(./grafika/news-pdf-ico.jpg);

	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -17px;
}

.content-box #news-module .news-list-item.file .align-center.justify-center {

}

#news-module .news-list-item:first-of-type {
	padding-top: 0;
}

#news-module .news-list-item p.right .button,
#news-module p.left .button {
	display: inline-block;
}

#news-module .news-single-item .header1 {
	color: #a1905e;
}

#news-module .news-list-item a {
	text-decoration: none;
}

#news-module .news-list-item .header1,
#news-module .news-list-item .header4,
#news-module .news-single-item .header1 {
	margin: 5px 0;
}

#product-module {

}

#product-module .category-box {
	margin-top: 100px;
	margin-bottom: 0;
}

#product-module .category-box:first-of-type {
	margin-top: 0;
}

#product-module .category-box > * {
	padding: 0 0 0 3px;
}

#product-module .category-box > .container {
	margin-bottom: 0;
	padding: 0;
	width: 90%;
}

#product-module .category-box > :first-child {
	position: relative;
	padding: 0 3px 0 0;
}

#product-module .category-box > div > .text,
#product-module .category-box > .image {
	margin-bottom: 0;
}

#product-module .category-box > div > .text {
	color: #FFF;
	background-color: #232F3C;
}

#product-module .category-box > div > .text:after {
	content: '';

	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 3px;

	background-color: #FFF;
}

#product-module .category-box:nth-child(odd) > .text:after {
	left: 0;
}

#product-module .category-box:nth-child(even) > .text:after {
	right: 0;
}

#product-module .category-box > div > .text .flex {
    -webkit-box-flex:0;
	-webkit-flex: 1 1 0;
	-ms-flex: 1 1 0;
	flex: 1 1 0;

	border: 0;
	margin-bottom: 0;

	font-size: 115%;
}

#product-module .category-box > div > .text .flex .bree {
	margin-bottom: 10px;

	line-height: 90%;
	font-size: 298%;
	text-align: center;
}

#product-module .category-box > .image {
	position: relative;
}

#product-module .category-box > .image:after {
	content: '';

	display: block;
	position: absolute;
	top: 0;
	bottom: 0;

	background-color: rgba(0, 0, 0, 0.2);
}

#product-module .category-box:nth-child(odd) > .image:after {
	right: 3px;
	left: 0;
}

#product-module .category-box:nth-child(even) > .image:after {
	right: 0;
	left: 3px;
}

#product-module .category-box > .image img {
	display: block;
}

#product-module .category-box > .image > div {
	margin-bottom: 0;
	min-height: 337px;

	background-image: url(./grafika/alpha.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

.content-box #product-module.category-list .gallery-box {
	margin-top: 50px;
}

.content-box .gallery-box ul {
	margin-left: 0;
	padding-left: 0;
}

.content-box .gallery-box ul li {
	margin-left: 0;

	background: none;
}

.content-box #product-module.category-list .gallery-box ul li {
	margin-top: 50px;
}

.content-box .gallery-box ul li:before {
	display: none;
}

.content-box .gallery-box ul li a {
	display: block;

	color: #7d7d7d;
	text-decoration: none;
}

.content-box .gallery-box ul li span.image {
	display: block;
	border: 6px solid #e9e9e9;
	position: relative;
	padding-bottom: 100%;
	padding-bottom: calc(100% - 12px);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content-box .gallery-box ul li span.image:after {
	content: '';

	display: block;
	border: 6px solid #e9e9e9;
	position: absolute;
	top: -6px;
	right: -6px;
	bottom: -6px;
	left: -6px;

	background-color: rgba(255, 255, 255, 0);

	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.content-box .gallery-box ul li:hover span.image:after,
.content-box .gallery-box ul li:active span.image:after,
.content-box .gallery-box ul li:focus span.image:after {
	border: 6px solid #a1905e;

	background-color: rgba(255, 255, 255, 0.25);
}

.content-box .gallery-box ul li span.image span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
        background-size: auto 80%;
        background-repeat: no-repeat;
        background-position: center center;
        transition: background-size 200ms;
}

.content-box .gallery-box ul li span.image:hover span {
    background-size: auto 85%;
    transition: background-size 200ms;
}

.content-box .gallery-box ul li img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 10%;
	max-height: 100%;
	height: auto;
	max-width: 100%;
	width: auto;

	transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
/*	-o-transform: all .15s ease-in-out;
	-ms-transform: all .15s ease-in-out;*/

}

.content-box .category-list .gallery-box ul li:hover img,
.content-box .category-list .gallery-box ul li:active img,
.content-box .category-list .gallery-box ul li:focus img {
	transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;

	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);

        -webkit-backface-visibility: hidden;
}

.content-box .gallery-box ul li span.header,
.content-box .gallery-box ul li span.text {
	display: block;
	padding: 0 6px;
}

.content-box .gallery-box ul li span.header {
	margin: 12px 0 8px 0;

	color: #3a4b5c;

	transition: color .15s ease-in-out;
	-moz-transition: color .15s ease-in-out;
	-webkit-transition: color .15s ease-in-out;
}

.content-box .gallery-box ul li:hover span.header,
.content-box .gallery-box ul li:active span.header,
.content-box .gallery-box ul li:focus span.header {
	color: #a1905e;
}

.content-box .category-list .gallery-box ul li span.text {
	display: none;
}

#related-products span.text {
	margin-bottom: 5px;
	height: 25px;
	font-size: 13px;
	line-height: 15px;
}

#product-module.single {

}

#product-module.single > .button.green {
	margin-bottom: 10px;
}

.content-box #product-module.single > .gutters-all-box,
.content-box #product-module.single > .gutters-all-box .gutters-all,
.content-box #product-module.single > .gutters-all-box .gutters-all > .col {
	margin-bottom: 0;
}

#product-module .banner-slider-box {
	margin-bottom: 0;
	padding-bottom: 100%;
}

#product-module .banner-slider-box ul.banner-slider,
#product-module .banner-slider-box ul.banner-slider li {
	margin: 0;
	padding-left: 0;

	background: none;
}

#product-module .banner-slider-box ul.banner-slider li:after {
	display: none;
}

#product-module ul.banner-slider li img {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#product-module ul.banner-slider-nav {
	display: none;
}

.content-box #product-name {
	/* margin-bottom: 0; */
}

.content-box #product-subname {
	margin-top: -25px;
}

#product-foto-slider ul.banner-slider,
#product-foto-slider ul.banner-slider li {
	margin-left: 0;
	padding-left: 0;

	background: none;
}

#product-foto-slider ul.banner-slider li:before {
	display: none;
}

#product-foto-slider div.container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 0 20px;
	margin-bottom: 0;

	z-index: 2;
}

#product-foto-slider .button.green {

}

#product-foto-slider span.label {
	line-height: 100%;
	font-size: 128%;
	font-weight: 300;
	color: #7d7d7d;
	background-color: rgba(255, 255, 255, 0.5);
}

#product-foto-slider ul.banner-slider li span.image {
	display: block;
	border: 6px solid #e9e9e9;
	position: relative;
	padding-bottom: 100%;
	padding-bottom: calc(100% - 12px);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#product-foto-slider ul.banner-slider li span.image:after {
	content: '';

	display: block;
	border: 6px solid #e9e9e9;
	position: absolute;
	top: -6px;
	right: -6px;
	bottom: -6px;
	left: -6px;

	background-color: rgba(255, 255, 255, 0);

	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

#product-foto-slider ul.banner-slider li:hover span.image:after,
#product-foto-slider ul.banner-slider li:active span.image:after,
#product-foto-slider ul.banner-slider li:focus span.image:after {
	border: 6px solid #e9e9e9;

	background-color: rgba(255, 255, 255, 0.25);
}

#product-foto-slider ul.banner-slider li span.image span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#product-foto-slider ul.banner-slider li img {
	padding: 14%;
	max-height: 100%;
	min-width: auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

#product-foto-slider ul.banner-slider li:hover img,
#product-foto-slider ul.banner-slider li:active img,
#product-foto-slider ul.banner-slider li:focus img {
	/*
	max-height: 85%;
	max-width: 85%;
	*/
}

.content-box #module-form ol,
.content-box #module-form ol li {
	margin-left: 0;
	padding-left: 0;
}

.content-box #module-form ol {
	list-style-type: none;
}

#map a:visited {
	color: #d1c08e;
}

#faq-module {

}

#faq-module h2 a {
	text-decoration: none;
}

#faq-module .button {
	min-width: 108px;

	text-align: center;
}

/* MODULES END */

/* CONTENT-BOX */

.content-box {

}

.header0,
.content-box .header0 {
	line-height: 100%;
	color: #232f3c;
	font-size: 258%;
	font-weight: 400;
	text-transform: uppercase;
}

.header1,
.content-box .header1 {
	line-height: 100%;
	color: #2c3e50;
	font-size: 215%;
	font-weight: 400;
	/* font-family: 'Bree Serif', serif; */
	text-transform: uppercase;
}

.header2,
.content-box .header2 {
	line-height: 100%;
	color: #a1905e;
	font-size: 173%;
	font-weight: 400;
	text-transform: uppercase;
}

.header3,
.content-box .header3 {
	line-height: 140%;
	color: #232f3c;
	font-size: 115%;
	font-weight: 400;
	text-transform: uppercase;
}

.header4,
.content-box .header4 {
	line-height: 100%;
	color: #3a4b5c;
	font-size: 100%;
	font-weight: 400;
	text-transform: uppercase;
}

.content-box hr,
hr {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	clear: both;
	border: none;

	font-size: 1px;
	line-height: 0;
	overflow: visible;
	color: #e9e9e9;
	border-top: 6px solid #e9e9e9;
}

.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6,
.content-box div,
.content-box ul,
.content-box ol,
.content-box p,
.content-box table.text_table,
.content-box table,
.content-box hr {
	margin-bottom: 25px;
}

.h1 {
	line-height: 100%;
	color: #232f3c;
	font-size: 258%;
	font-weight: 400;
	text-transform: uppercase;
}

.h2 {
	line-height: 100%;
	color: #2c3e50;
	font-size: 215%;
	font-weight: 400;
	/* font-family: 'Bree Serif', serif; */
	text-transform: uppercase;
}

.h3 {
	line-height: 100%;
	color: #a1905e;
	font-size: 173%;
	font-weight: 400;
	text-transform: uppercase;
}

.h4 {
	line-height: 100%;
	color: #232f3c;
	font-size: 115%;
	font-weight: 400;
	text-transform: uppercase;
}

.h5 {
	line-height: 100%;
	color: #3a4b5c;
	font-size: 100%;
	font-weight: 400;
	text-transform: uppercase;
}

.content-box ul,
.content-box ol {
	margin-left: 15px;

    list-style-type: none;
	/* list-style-position: inside; */
}

.content-box ul {

}
.content-box ol {
   margin-left: 30px;

   list-style-type: decimal;
}
.content-box ul ul, .content-box ol ul {
   margin-bottom: 0;
   margin-left: 20px;
}
.content-box ol ol, .content-box ul ol {
   margin-bottom: 0;
   margin-left: 20px;
}

.content-box ul > li {
	position: relative;
	padding-left: 16px;
}

.content-box ul > li:before {
	content: '';

	display: block;
	position: absolute;
	top: 4px;
	left: 2px;
	height: 14px;
	width: 9px;

	background: url(./grafika/li.png) no-repeat;
}

.content-box .table-wrapper {
	max-width: 100%;

	overflow-x: auto;
}

.content-box table {
	width: 100%;
	table-layout: fixed;
	overflow: auto;
	border: 0;
	font-size: 100%;
	border-collapse: collapse;
}

.content-box table.full {
	width: 100%;
}

.content-box #product-module.single table {
	width: 100%;
}

.content-box table td {
	font-size: 100%;
	border-collapse: collapse;
	border: 1px solid #E0E0E0;
	background: #FFF;
}

.content-box table.noborder td {
	border: none;
}

.content-box table td,
.content-box table th {
	padding: 5px 15px;
	vertical-align: middle;
}

.content-box table.td-width-50 td,
.content-box table.td-width-50 th {
	width: 50%;
}

.content-box table td p,
.content-box table th p {
	margin-bottom: 0;
}

.content-box table caption {
	padding: 5px 15px;
}

.content-box table thead tr td,
.content-box table tr.header td,
.content-box table tr th {
	background: #232f3c;
	border: 1px solid #FFF;
	font-weight: 400;
	/* color: #7d7d7d; */
	color: #FFF;
	text-align: left;
}

.content-box table tr.color td {
	background: none;
}

.content-box table tr.even td {
	background: none;
}

.content-box table.nostyle {
	font-size: 100%;
	width: 100%;
	overflow: hidden;
}

.content-box table.nostyle {
	font-size: 100%;
	border: 0;
	border-collapse: separate;
	border-spacing: 2px;
}

.content-box table.nostyle td {
	padding: 2px 0;
	font-size: 100%;
	border-collapse: collapse;
	border: 0;
	background: none;
}

.content-box table.nostyle tr.header td,
.content-box table.nostyle tr th {
	background: none;
	border: 0;
	font-weight: bold;
	color: #6A7073;
}

.content-box table.nostyle tr.color td {
	background: none;
}

.content-box form {
	text-align: center;
}

.content-box legend {
	display: none;
}

.content-box fieldset {
	padding: 0;
	width: 100%;
}

.content-box fieldset.csc-mailform {
	margin: 0 auto;
	width: 100%;

	text-align: left;
}

.content-box form fieldset ol li,
.content-box form fieldset div {
	margin-bottom: 4px;
}

.content-box label,
.content-box input[type=text],
.content-box input[type=color],
.content-box input[type=date],
.content-box input[type=datetime],
.content-box input[type=datetime-local],
.content-box input[type=email],
.content-box input[type=month],
.content-box input[type=number],
.content-box input[type=range],
.content-box input[type=search],
.content-box input[type=tel],
.content-box input[type=time],
.content-box input[type=url],
.content-box input[type=week],
.content-box textarea,
.content-box select  {

}

.content-box label {
	padding-right: 10px;

	cursor: pointer;
	text-align: right;
	font-size: 100%;
	font-weight: 400;
	vertical-align: top;
	color: 	#7d7d7d;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content-box label.cursor-default {
	cursor: default;
}

.content-box label.mandatory-fields-label {
	float: left;
	margin-left: 13%;
	cursor: default;
}

.content-box input[type=text],
.content-box input[type=color],
.content-box input[type=date],
.content-box input[type=datetime],
.content-box input[type=datetime-local],
.content-box input[type=email],
.content-box input[type=month],
.content-box input[type=number],
.content-box input[type=range],
.content-box input[type=search],
.content-box input[type=tel],
.content-box input[type=time],
.content-box input[type=url],
.content-box input[type=week],
.content-box textarea,
.content-box select  {
	border: 3px solid #E9E9E9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

    padding: 0 10px;

	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
	color: #7d7d7d;
	line-height: 100%;
	background-color: #FFF;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.content-box select {
	padding: 0;
}

.content-box label,
.content-box input[type=text],
.content-box input[type=color],
.content-box input[type=date],
.content-box input[type=datetime],
.content-box input[type=datetime-local],
.content-box input[type=email],
.content-box input[type=month],
.content-box input[type=number],
.content-box input[type=range],
.content-box input[type=search],
.content-box input[type=tel],
.content-box input[type=time],
.content-box input[type=url],
.content-box input[type=week],
.content-box select {
    height: 50px;

    line-height: 50px;
}

.content-box textarea {
	margin-top: 0;
	padding-top: 6px;
	padding-bottom: 6px;
}

.content-box input.csc-mailform-submit,
.content-box input[type=submit] {
	margin-right: 0;
}

.content-box span.select-wrapper,
.content-box span.select-wrapper .customSelect,
.content-box span.select-wrapper .customSelect .customSelectInner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

    height: 50px;
    line-height: 50px;
    font-size: 100%;
}
.content-box span.select-wrapper {
  display: inline-block;
  margin-left: 1px;

  text-align: left;
}
.content-box span.select-wrapper .customSelect {
  border: 3px solid #E9E9E9;
  padding: 0 10px;

  background: url(./grafika/images.png) no-repeat right -1337px #FFF;
}
.content-box span.select-wrapper .customSelect .customSelectInner {

}

.content-box .google-maps-box {
	display: block;
	position: relative;
	border: 6px solid #e9e9e9 !important;
	padding-bottom: 67.5%;
}

.content-box .google-maps-box iframe {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100% !important;
}

.left, .align-left {
	text-align: left;
}

.center, .align-center {
	text-align: center;
}

.right, .align-right {
	text-align: right;
}

.justify, .align-justify {
	text-align: justify;
}

.clear,
.content-box .clear {
	margin-bottom: 0;

	clear: both;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.clear-both, .clear-1 {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.upper {
	text-transform: uppercase;
}

.lower {
	text-transform: lowercase;
}

.display-none {
	display: none;
}

.no-margin-bottom,
.content-box .no-margin-bottom {
	margin-bottom: 0;
}

strong,
b {
	font-weight: 700;
}

em,
i {
	font-style: italic;
}

sup,
sub {
	font-size: 60%;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: bottom;
}

img.preloader-bg {
	background-image: url(./grafika/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.open-sans {
	font-family: 'Open Sans', sans-serif;
}

.bree {
	/*font-family: 'Bree Serif', serif;*/
}

/* CONTENT-BOX END */

/* ELEMENTS */

.flex {
}

.flex-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex-wrap {
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.justify-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.items-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.home-box-inner {
	position: relative;

	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

img.home-box-image-bg {
	display: block;
}

.home-box-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.home-box-content.text {
	padding: 50px 25px 50px 25px;
}

.home-box-content[data-link] {
	cursor: pointer;

	transition: background .15s ease-in-out;
	-moz-transition: background .15s ease-in-out;
	-webkit-transition: background .15s ease-in-out;
}

.home-box-content[data-link]:hover,
.home-box-content[data-link]:active,
.home-box-content[data-link]:focus {
	background-color: rgba(255, 255, 255, 0.15);
}

.home-box-content.text.content-box > div,
.home-box-content.text.content-box > div .content {
	margin-bottom: 0;
}

.home-box-content .header {
	line-height: 100%;
	font-size: 217%;
	text-align: center;
}

.button,
.content-box .button {
	border: 0;
	display: block;
	padding: 15px 20px;

	color: #FFF;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	background-color: #232F3C;
	z-index: 2;
}

.button.green,
.content-box .button.green {
	border: 2px solid #a1905e;

	color: #a1905e;
	background-color: #FFF;
}

.home-box-content .button {
	border: 2px solid #FFF;
	margin-top: 20px;
	padding-top: 8px;
	padding-bottom: 8px;

	color: #FFF;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0);

	transition: background .15s ease-in-out;
	-moz-transition: background .15s ease-in-out;
	-webkit-transition: background .15s ease-in-out;
}

.home-box-content.text .header {
	text-align: left;
}

.home-box-content.text .button {
	margin-top: 0;
}

.home-box-content .button:hover,
.home-box-content .button:active,
.home-box-content .button:focus,
.home-box-content[data-link]:hover .button,
.home-box-content[data-link]:active .button,
.home-box-content[data-link]:focus .button {
	background-color: rgba(255, 255, 255, 0.25);
}

.button:hover {
	animation: shake .5s ease-in-out;
}

@keyframes shake {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-5px);
  }

  40% {
    transform: translateX(5px);
  }

  60% {
    transform: translateX(-5px);
  }

  80% {
    transform: translateX(5px);
  }

  100% {
    transform: translateX(0);
  }
}

.shadow {
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0);
	-moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0);
	box-shadow: 0 0 10px 3px rgba(0,0,0,0);

	transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}

.shadow:hover,
.shadow:active {
	-webkit-box-shadow: 0 0 10px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 0 10px 3px rgba(0,0,0,0.15);
	box-shadow: 0 0 10px 3px rgba(0,0,0,0.15);
}

/* ELEMENTS END */

body {
	line-height: 150%;
	color: #7d7d7d;
	font-family: 'Open Sans', sans-serif;
	font-size: 87.5%;
	background-color: #232F3C;
	overflow-x: hidden;
}

body a,
body a:link,
body a:visited {
	color: #a1905e;
	text-decoration: none;
}

body a:hover {
	color: #a1905e;
	text-decoration: underline;
}

#h1 {
	display: block;
	position: relative;
	margin-top: 16px;
	margin-left: 60px;
	min-height: 88px;

	color: #a1905e;
	z-index: 2;
}

#h1 > a {
	height: 100%;

	color: #a1905e;
	text-decoration: none;
}

#h1 > a > span {
	position: relative;
	margin-right: 20px;
	padding-right: 6px;
}

#h1 > a > span:after {
	content: '';

	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	height: 100%;
	width: 1px;

	background-color: #dddddd;
}

#h1 > a > span > span {
	display: block;

	line-height: 100%;
	font-size: 215%;
}

#h1 > a > span > span:nth-child(1) {
	letter-spacing: 20px;
}

#h1 > a > span > span:nth-child(2) {
	font-size: 200%;
	letter-spacing: 1px;
}

#h1 > a > span > span:nth-child(3) {
	color: #232f3c;
}

#h1 > a > img {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
}

#h1 > a img:first-of-type {
	margin-right: 30px;
}

#header-right {
	margin-top: 16px;
	margin-right: 60px;
}

form#search-form {
	position: relative;
	margin-left: 35px;
}

form#search-form input {
	height: 28px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

form#search-form input[type="text"] {
	border: 2px solid #dddddd;
	padding: 0 5px;
	width: 28px;

	font-size: 87.5%;
	color: #2c3e50;
	background: none;
	opacity: 0;

	transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

form#search-form input[type="text"]::-webkit-input-placeholder {
   	color: #dddddd;
   	opacity: 0;

	transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
}

form#search-form input[type="text"]:-moz-placeholder {
   	color: #dddddd;
   	opacity: 0;

	transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
}

form#search-form input[type="text"]::-moz-placeholder {
   	color: #dddddd;
   	opacity: 0;

	transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
}

form#search-form input[type="text"]:-ms-input-placeholder {
   	color: #dddddd;
   	opacity: 0;

	transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-webkit-transition: all 2s ease-in-out;
}

form#search-form:active input[type="text"],
form#search-form:focus input[type="text"],
form#search-form:hover input[type="text"],
form#search-form :focus input[type="text"],
form#search-form input[type="text"]:focus {
	width: 200px;

	color: #2c3e50;
	opacity: 1;
}

form#search-form:hover input[type="text"]::-webkit-input-placeholder,
form#search-form input[type="text"]:focus {
   	opacity: 1;
}

form#search-form:hover input[type="text"]:-moz-placeholder,
form#search-form input[type="text"]:focus:-moz-placeholder {
   	opacity: 1;
}

form#search-form:hover input[type="text"]::-moz-placeholder,
form#search-form input[type="text"]:focus::-moz-placeholder {
   	opacity: 1;
}

form#search-form:hover input[type="text"]:-ms-input-placeholder,
form#search-form input[type="text"]:focus:-ms-input-placeholder {
   	opacity: 1;
}

form#search-form input[type="submit"] {
	display: block;
	position: absolute;
	border: 0;
	top: 0;
	right: 0;
	width: 28px;

	background: url(./grafika/images.png) no-repeat -696px 4px;
}

ul#lang-menu {
	position: relative;
	margin-left: 25px;
}

ul#lang-menu:before {
	content: '';

	display: block;
	position: absolute;
	top: -4px;
	bottom: -3px;
	left: 0;
	width: 1px;

	background-color: #dddddd;
}

ul#lang-menu li {
	display: inline-block;
	margin-left: 11px;

	vertical-align: middle;
}

ul#lang-menu li:first-child {
	margin-left: 25px;
}

ul#lang-menu li a {
	display: block;
	height: 17px;
	width: 25px;

	background-image: url(./grafika/images.png);
	background-repeat: no-repeat;
}

ul#lang-menu li a.pl {
	background-position: -750px 0;
}
ul#lang-menu li a.en {
	background-position: -775px 0;
}

#mobile-menu a.link {

}

#mobile-menu ul > li > a.link {
	padding-left: 20px;
}

#mobile-menu ul > li > ul > li > a.link {
	padding-left: 40px;
}

#mobile-menu ul > li > ul > li > ul > li > a.link {
	padding-left: 60px;
}

#mobile-menu ul > li > ul > li > ul > li > ul > li > a.link {
	padding-left: 60px;
}

.mm-list ul {
	padding: 0 !important;
}

.mm-list a {
	color: #FFF !important;
}

.mm-list span {
	display: none !important;
}

#home-boxes-wrapper {
	width: calc(100% + 6px);
	margin: -3px;
}

.banner-slider-box {
	position: relative;

	z-index: 1;
	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main {
	position: relative;
	z-index: 1;
	background: #fff;
}

#main.home .banner-slider-box {
	padding-bottom: 67%;
}

.banner-slider-box a.prev,
.banner-slider-box a.next {
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	height: 50px;
	width: 50px;

	background-color: rgba(255,255,255,0.5);
	background-image: url(./grafika/images.png);
	background-repeat: no-repeat;
	z-index: 2;

}

.banner-slider-box a.prev {
	left: 15px;

	background-position: -900px 0;
}

.banner-slider-box a.next {
	right: 15px;

	background-position: -950px 0;
}

.banner-slider-box a.prev:hover,
.banner-slider-box a.prev:active,
.banner-slider-box a.next:hover,
.banner-slider-box a.next:active {
	background-color: rgba(255,255,255,0.5);
}

#main.home .banner-slider-box a.prev,
#main.home .banner-slider-box a.next {
	display: none;
}

ul.banner-slider {

}

ul.banner-slider li {
	position: absolute;
	height: 100%;
	width: 100%;

	color: #FFF;
	overflow: hidden;
	opacity: 0;
	z-index: 0;

	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

ul.banner-slider li.active {
	opacity: 1;
	z-index: 1;
}

ul.banner-slider li a {
	text-decoration: none;
}

ul.banner-slider li img {
	position: absolute;
	height: auto;
	min-width: 100%;
	max-width: 100%;
	width: auto;
}

ul.banner-slider li span.home-box-content {
	padding: 0 13%;

	line-height: 110%;
	font-size: 344%;
	font-weight: 300;
}

ul.banner-slider-nav {
	display: block;
	position: absolute;
	bottom: 10%;
	left: 6.5%;
	padding: 0 0 0 0;

	text-align: left;
	z-index: 1;
}

ul.banner-slider-nav li {
	display: inline-block;
	margin: 0 4px;

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

ul.banner-slider-nav li.active {
	margin: 0 8px;
}

ul.banner-slider-nav li a {
	display: block;
	border: 2px solid #FFF;
	height: 9px;
	width: 9px;

	text-indent: -9999px;
	background-color: rgba(161, 144, 94, 0);
	overflow: hidden;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

ul.banner-slider-nav li a.active {
    -ms-transform: scale(2,2); /* IE 9 */
    -webkit-transform: scale(2,2); /* Safari */
    transform: scale(2,2);

	background-color: rgba(161, 144, 94, 1);
}

.home-box.flex.flex-column > .container  {
	padding-top: 3px;
}

.home-box.flex.flex-column > .container:first-of-type {
	padding-top: 0;
	padding-bottom: 3px;
}

#private-brands-box .home-box-content {
	padding-bottom: 7%;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

#private-brands-box .header {
	line-height: 120%;
}

#private-brands-box .header span.bree {
	font-size: 150%;
	color: #b7a68a;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

#private-brands-box p {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 0 0 10% 0;

	font-size: 129%;
	/* font-family: 'Bree Serif', serif; */
	color: #a1905e;
	text-align: center;
}

#stock-exchange-box .header + div > p {
	margin-bottom: 5px;
}

#stock-exchange-box .content-box table {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 10px;
}

#stock-exchange-box .content-box table td {
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding: 2px 10px;

	font-weight: 700;
	background: none;
}

#stock-exchange-box .content-box table tr td:first-child {
	width: 62%;

	text-align: right;
}

#stock-exchange-box table {
	width: 100%;
}

#subpage-banner-box {

}

#subpage-banner-box > * {
	padding: 0 0 0 3px;
}

#subpage-banner-box > :first-child {
	position: relative;
	padding: 0 3px 0 0;

	color: #FFF;
	background-color: #232F3C;
}

#subpage-banner-box > :first-child:after {
	content: '';

	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 3px;

	background-color: #FFF;
}

#subpage-banner-box > :first-child .flex {
	border: 0;
	padding: 0 20px;
	height: 100%;

	font-size: 115%;
}

#subpage-banner-box > :first-child .flex .bree {
	margin-bottom: 10px;

	line-height: 100%;
	font-size: 298%;
	text-align: center;
}

#subpage-banner-box :nth-child(2) {
	position: relative;
}

#subpage-banner-box :nth-child(2):after {
	content: '';

	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 3px;

	background-color: rgba(0, 0, 0, 0.2);
}

#subpage-banner-box img {
	display: block;
}

#main.sub #center {
	padding-top: 80px;
	margin-bottom: 50px;
}

#col-left {
	padding-right: 55px;
	width: 30%;
	float: left;
}

#content {
	min-height: 500px;
	width: 70%;
	float: left;
}

.full-width #content {
	margin: auto;
	float: none;
	width: 100%;
}

ul#aside-menu,
ul#aside-menu ul,
ul#aside-menu li {
	margin-left: 0;
	padding-left: 0;

	background: none;
}

ul#aside-menu {
	border: 6px solid #e9e9e9;
}

ul#aside-menu li:before {
	display: none;
}

ul#aside-menu a {
	display: block;
	position: relative;
	padding-top: 11px;
	padding-bottom: 11px;

	color: #3a4b5c;
	text-decoration: none;
}

ul#aside-menu a:after {
	content: '';

	display: block;
	position: absolute;
	top: 18px;
	height: 10px;
	width: 6px;

	background-image: url(./grafika/images.png);
	background-repeat: no-repeat;
	background-position: -650px 0;
}

ul#aside-menu a.active,
ul#aside-menu a:hover,
ul#aside-menu a:active,
ul#aside-menu a:focus {
	color: #a1905e;
}

ul#aside-menu > li > a {
	padding: 11px 37px 11px 16px;
}

ul#aside-menu > li > a:after {
	right: 14px;
}

ul#aside-menu > li > ul {
	padding: 11px 0;

	background-color: #e9e9e9;
}

ul#aside-menu > li > ul > li > a {
	padding: 6px 37px 6px 40px;
}

ul#aside-menu > li > ul > li > a:after {
	top: 12px;
	left: 26px;
}

ul#aside-menu > li > ul > li > ul {
	margin: 11px 0;
	padding: 11px 0;

	background-color: #e4e4e4;
}

ul#aside-menu > li > ul > li > ul > li > a {
	padding: 6px 37px 6px 64px;
}

ul#aside-menu > li > ul > li > ul > li > a:after {
	top: 12px;
	left: 40px;
}

ol#breadcrumb {
	border-bottom: 6px solid #e9e9e9;
	margin-left: 0;
	padding: 0 0 24px 0;

	list-style-type: none;
	line-height: 100%;
	font-size: 258%;
	color: #232f3c;
}

ol#breadcrumb.container {
	margin-right: auto;
	margin-left: auto;
}

ol#breadcrumb li {
	display: inline;
}

ol#breadcrumb li:before {
	content: '>';

	margin: 0 11px 0 8px;
}

ol#breadcrumb li:first-child:before {
	display: none;
}

ol#breadcrumb li a {
	color: #232f3c;
	text-decoration: none;
}

ol#breadcrumb li h1 {
	display: inline;
}

#page-title {
	line-height: 100%;
	font-size: 258%;
	color: #232f3c;
}

.content-box #text {
	/* margin-bottom: 0; */
}

.page-3 .content-box #text {
	width: 90%;
}

.content-box #text.additional-margin-bottom {
	margin-bottom: 55px;
}

#logos {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0 64px;
}

#logos img {
	/*
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
	*/
}

#logos .header1 {
	margin: 0 0 30px 0;
}

#logos > div {
	position: relative;
	padding: 0 22px;

	overflow: hidden;
}

#logos .slick-track {
}

#logos button.slick-prev,
#logos button.slick-next {
	display: none;
	border: 0;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	padding: 0;
	height: 14px;
	width: 9px;

	background-image: url(./grafika/images.png);
	background-repeat: no-repeat;
	background-color: #FFF;
	z-index: 2;
	text-indent: -9999px;
}
#logos-container {
	width: 100%;
}

#logos button.slick-prev {
	left: -22px;

	background-position: -850px 0;
}

#logos button.slick-next {
	right: -22px;

	background-position: -860px 0;
}

#main > footer {
	background-color: #232F3C;
}

#footer-top {
	padding: 35px 34px;

	line-height: 140%;
	font-size: 85%;
	color: #FFF;
}

#footer-top a {
	color: #FFF;
	text-decoration: none;
}

#footer-top a.active,
#footer-top a:hover,
#footer-top a:active,
#footer-top a:focus {
	color: #898f95;
}

ul#footer-menu a {
	display: block;
}

ul#footer-menu > li,
#contact-box {
	padding: 0 30px;
}

ul#footer-menu > li > a,
#contact-box h2 {
	line-height: 150%;
	font-size: 115%;
	font-weight: 700;
	text-transform: uppercase;
}

ul#footer-menu > li > ul {
	margin-top: 25px;
}

#contact-box h2 {
	margin-bottom: 25px;
}

#footer-bottom {
	border-top: 5px solid #293542;
	padding: 30px 0;

	font-size: 85%;
	color: #FFF;
}

#footer-bottom > .container {
	padding: 0 64px;
}

#footer-bottom a {
	color: #FFF;
	text-decoration: none;
}

#footer-bottom .header1 {
	margin-left: 7px;

	font-size: 202%;
	color: #898f95;
}

#footer-bottom a.footer-menu2-link {
	margin-right: 15px;
}

#footer-bottom a.footer-menu2-link.active,
#footer-bottom a.footer-menu2-link:hover,
#footer-bottom a.footer-menu2-link:active,
#footer-bottom a.footer-menu2-link:focus {
	color: #898f95;
}

#fancybox-wrap,
#fancybox-wrap * {
	-webkit-box-sizing: unset;
	-moz-box-sizing: unset;
	box-sizing: unset;
}

/*
 * Chart
 */

.chart { background: url('grafika/chars.png') no-repeat 50% 50%; }

.chart-content { position: relative; padding-top: 25px;}
.chart-content #chart-gpw {  }
.chart-content .chart-options {  }
.chart-content .chart-options input,
.chart-content .chart-options select {
	width: 54%;
	box-sizing: border-box;
}

.chart-content .chart-options form {
	text-align: left;
}

.chart-content .chart-separator { padding: 0 20px; }

.chart-content .chart-fields {padding-right: 0; margin: 10px 0;}
.chart-content .chart-fields.first {  }
.chart-content .chart-fields.second {  }
.chart-content .chart-fields.last {  }

.chart-content .chart-label {  }
.chart-content .chart-field { white-space: nowrap; }
.chart-content .chart-row { background: #F2F2F2; margin: 5px 0; padding: 0 15px; }

.chart-content .chart-fields.chart-full form,
.chart-content .chart-fields.chart-full .chart-label,
.chart-content .chart-fields.chart-full .chart-field,
.chart-content .chart-fields.chart-full .chart-range-box { display: block; float: left; white-space: nowrap; padding: 0 5px; margin: 0; width: auto; }
.chart-content .chart-fields.chart-full .chart-range-box { margin-top: 10px; margin-bottom: 10px; }
.chart-content .chart-fields.chart-full { width: 100%; margin-bottom: 0;}
.chart-content .chart-fields.chart-full .chart-label { width: 15%; }
.chart-content .chart-fields.chart-full input.text { width: 125px; }

.chart-full .button {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.formError + input {
	border: 1px solid #ff0000 !important;
}

.scrollToTop{
	display: block;
	width:50px;
	height:47px;
	position:fixed;
	bottom:20px;
	right:40px;
	cursor: pointer;
	z-index: 1000;
	display:none;
	background: url('arrow_up.png') no-repeat;
}
.scrollToTop:hover{
	text-decoration:none;
}