/*
Quick.Cms default stylesheet
More about design modifications - http://opensolution.org/Quick.Cms/docs/?id=en-design
*/
/* GLOBAL STYLES */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500&display=swap');

:root {
  --main-color: #303f42;
  --sub-color: #303f42;
  --href-color: #957033;
}

body,
body * {
  margin: 0;
  padding: 0;
  border: 0;
}

body,
table {
  color: #5e5e5e;
  font-size: 0.75em;
  font-family: 'Open Sans', Verdana, Arial, sans-serif;
  font-weight: 300;
}

body {
  padding: 0;
  background: #fff;
  text-align: center;
  display: block;
  overflow-x: hidden;
  
}

.input,
select,
textarea {
  padding: 5px 10px;
  border-width: 2px;
  border-style: solid;
  font-size: 12px;
  border-color: #e8eef4;
  font-family: 'Open Sans';
  background: #fdfdfd;
  -webkit-user-select: text;
  -webkit-touch-callout: text;
      user-select: text;
    -webkit-appearance: none;	  

}

textarea {
	display:block;
}

.input.warning-required,
select.warning-required,
textarea.warning-required {
  border-color: #c78688;
}

.submit,
.more {
  background: var(--main-color);
  padding: 10px 10px;
  text-transform: uppercase;
  font-size: 1.133em;
  border-radius: 2px;
  float: right;
  position: relative;
  cursor: pointer;
  font-weight: 400;
  color: #fff;
  
  -webkit-appearance: none;
}

.submit i,
.more i {
  border-left: 1px solid var(--sub-color);
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
}

.continue {
  background: #c0c0c0;
  color: #444;
}

.continue i {

  border-right: 1px solid #7f7f7f;
  border-left: 0;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;

}

.submit:hover,
.more:hover {
  background: #957033;
  color: #222
}

.submit:hover i,
.more:hover i {
  border-color: var(--main-color)
}

.submit:disabled,
.submit:disabled:hover {
  background: #d0d0d0;
  color: #222;
  border-color: #e0e0e0;
}

.submit:disabled i {
  border-color: #b0b0b0;
}

button,
textarea,
input,
select,
a,
img {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;

}

img,
a {
  outline: none;
}

* html .submit {
  padding: 3px 1px !important;
}

* html .input {
  height: 28px;
}

.form {
  background: transparent;
  border: 0px;
}

.form label {
  font-size: 1.23em;
  font-weight: 300;
}

.form label span {
  padding-left: 10px;
  color: #acb3b7;
  font-weight: normal;
}

.hide {
  display: none;
}

.clear {
  float: left;
  width: 100%;
  clear: both;
  margin: 5px 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a {
  color: #5e5e5e;
  text-decoration: none;
}

a:hover {
  color: #2f2f2f;
}

.red {
  color: #cc0000;
  font-weight: 600;
}

#boxes2 .box {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(47%, rgba(246, 246, 246, 1)), color-stop(100%, rgba(237, 237, 237, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 47%, rgba(237, 237, 237, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

#skiplinks {
  position: absolute;
  top: 0px;
  left: 0px;
}

#skiplinks a {
  position: absolute;
  top: -500px;
  left: 0px;
  z-index: 10;
  min-width: 200px;
  padding: 10px;
  color: #fff;
}

#skiplinks a:focus {
  top: 0;
  background: #000;
  color: #fff;
}

.logo-squer {position: relative;width:40px;height:40px;float:left;}
.logo-squer em {display:block;}
.logo-squer em::before {position:absolute;height:20px;width:20px;content:" ";background:#000;transform: rotate(45deg);left:0;}
.logo-squer em::after {position:absolute;height:20px;width:20px;content:" ";background:#000;transform: rotate(45deg);top:32px;left:0;}

.logo-squer span::before {position:absolute;height:20px;width:20px;content:" ";background:#957033;transform: rotate(45deg);left:16px;top:16px}
.logo-squer span::after {position:absolute;height:20px;width:20px;content:" ";background:#957033;transform: rotate(45deg);top:16px;left:-16px;}

.productName .logo-squer {width:40px;height:30px;}
.productName .logo-squer em::before {height:9px;width:9px;left:10px;top:6px;}
.productName .logo-squer em::after {height:9px;width:9px;top:20px;left:10px;}

.productName .logo-squer span::before {height:9px;width:9px;left:18px;top:13px}
.productName .logo-squer span::after {height:9px;width:9px;top:13px;left:2px;}


#container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow-x: hidden;
  float: left;
}

header {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
}

section,
footer {
  clear: both;
  float: left;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

section .section-cn {
  width: 990px;
  margin: 0 auto;
  text-align: left;
}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head1 {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  height: 80px;
  line-height:80px;
  background: #fff;
}

#logo {
  float: left;
  margin: 0px 0 0 0px;
  position: relative;
}

#logo img {
  margin: 20px 20px 0 0;
}


#logo #slogan {
  display: none;
}


/* IE 6 hack */


#contactInfo {
  float: right;
  height: 80px;
  line-height: 80px;
  position: relative;
  color: #000;
  font-size: 1.100em;
}

#contactInfo i {
  font-size: 1.433em;
  margin: 0 2px;
  height: 26px;
  width: 26px;
  line-height: 26px;
  text-align: center;
  cursor:pointer;
}

#contactInfo p {float:left;padding:0 40px;}
#contactInfo p.phone img {height:20px;opacity:0.6;margin:-2px 10px 0 0;}

#contactInfo i.fa-search {
	font-size:1.233em;
	margin-left:10px;
	line-height:63px;
	float:right;
}

#contactInfo a {
  float: right;
  position: relative;
  display: block;
  color: #000;
  margin-left: 10px;
  margin-right: 8px;
}

#contactInfo .ueLink {border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
#contactInfo img {vertical-align:middle;}

#contactInfo .socialLinks {border-left:1px solid #e0e0e0;}
#contactInfo .socialLinks img {height:20px;opacity:0.6;}
#contactInfo .socialLinks a {float:left;margin:0;padding:0 4px;}
#contactInfo .socialLinks a.instagram img {height:16px;}
#contactInfo .socialLinks a.facebook img {height:16px;}

#contactInfo p.menuLinks {padding:0;margin:0 0 0 100px;}

#contactInfo a em {
  position: absolute;
  font-style: normal;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 50%;
  top: 8px;
  right: -5px;
  display: block;
  line-height: 22px;
  background: #957033;
  color:#fff;
}

#nivoControlPanel {
  display:none;
}

#controlCaption {
  height: 150px;
  width: 440px;
  background: #222222;
  z-index: 20;
  display: block;
  position: relative;
  text-align: left;
  float: left;

}

#controlCaption:before {
  height: 150px;
  content: "";
  display: block;
  width: 4000px;
  margin-left: -4000px;
  background: #222;
  position: absolute;
}

#controlCaption:after {
  content: "";
  display: block;
  position: absolute;
  right: -50px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 150px 50px 0 0;
  border-color: #222 transparent transparent transparent;
  background: url('img/shadow-logo.png') -30px 0;
}

#controlRight,
#controlLeft {
  background: var(--main-color);
  display: block;
  width: 64px;
  float: left;
  height: 55px;
  margin: 20px 0 0 25px;
  line-height: 55px;
  position: relative;

}

#controlRight:after,
#controlLeft:after {
  content: "";
  display: block;
  position: absolute;
  right: -20px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 20px 0 0;
  border-color: var(--main-color) transparent transparent transparent;
}

#controlLeft {
  background: var(--sub-color);
  margin: 75px 0 0 -84px;
}

#controlLeft:after {
  border-color: var(--sub-color) transparent transparent transparent;
  background: url('img/shadow-slider.png') -24px 5px;
}

/* SEARCH FORM */
#searchForm {
  display: none;
  border: 1px solid #f0f0f0;
  padding: 5px 5px;
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index: 1001;
  padding: 20px;
  background:rgba(255,255,255,0.9);
}

.search_show {
	margin:0;
  filter: alpha(opacity=80);
  cursor: pointer;
}

#searchForm .search_show:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#searchForm .search_fields {
	margin:80px auto 0;
	width:98%;
	background:transparent;
	position:relative;
	padding:10px 0;
}

#searchForm .search_fields .input {
  float:left;
  border: 1px solid #d0d0d0;
  font: normal 14px Tahoma;
  line-height:36px;
  height:36px;
  margin: 0 10px 0 0;
  padding:0 5px;
  background: #fff;
  width: 60%;
  font-size: 1.433em;
  
}

#searchForm .search_close {
  position:absolute;
  font-size:2.433em;
  top:-40px;right:-20px;
}

#searchForm .search_close:hover {

  cursor: pointer;
}

#searchForm .search_fields .submit {
	float:left;
 margin:0;
 
}

#searchForm .search_fields .submit:hover {
  cursor: pointer;
  background-position: -27px -28px;
}

#pBanner {
  background: #444;
  height: 160px;
  overflow: hidden;
  margin-top: 0px;
  position: relative;
}

#pBanner .section-cn {
  position: absolute;
  font-weight: 300;
  top: 80px;
  width: 990px;
  left: 50%;
  margin: 0 0 0 -495px;
  text-align: left;
}

#pBanner img {
  opacity: 0.3
}

#pBanner .section-cn h1 {
  color: #fff;
  font-weight: 300;
  float: left;
  font-size: 3.617em;
  text-shadow: 1px 1px 0 0 #000;
  opacity: 0.8;
  margin-top: 22px;
}

#pBanner .section-cn .breadcumb {
  float: right;
  margin: -50px 0 0 0;
  color: #efefef;
  font-size: 1.23em;
}

#pBanner .section-cn .breadcumb a {
  color: #efefef;
}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body {
  float: left;
  clear: both;
  margin: 0;
  width: 100%;
}

#body .section-cn {
  overflow: hidden;
  clear: both;
}

/* LEFT COLUMN STYLES */
#column {
  float: left;
  width: 270px;
  padding: 10px 0;
}

#column .type {
  margin-top: 25px;
  padding: 7px 0 7px 10px;
  color: #fff;
  font-size: 1.75em;
  letter-spacing: 1px;
  background: #8cc128 url('img/menu2_bg.png') repeat-x;
  border: 0;
}

#menu2 {
  display:none;
}

/* LEFT MENU */
#menu2 .type {
  margin-top: 0;
  text-shadow: 0px 1px 1px rgba(65, 72, 80, 0.3), 0px 2px 3px rgba(65, 72, 80, 0.2), 0px 3px 4px rgba(65, 72, 80, 0.1);
}

#menu2 ul {
  padding: 15px 0;
  list-style: none;
  background: #fff url('img/menu2_items_bg.png') repeat-x left bottom;
  border-bottom: 2px solid #8cc128;
}

#menu2 li {
  padding: 4px 0 4px 15px;
  background: url('img/menu2_arrow.png') no-repeat 13px 12px;
}

#menu2 a {
  display: block;
  width: 87%;
  padding: 2px 2% 4px 7%;
  color: #002d41;
  font-size: 1.083em;
  background: none;
}

#menu2 a:hover,
#menu2 .sub1 a:hover {
  color: #598600;
  background: none;
}

#menu2 .selected>a:first-child {
  color: #598600;
  background: none;
}

#menu2 .sub1 {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

#menu2 .sub1 li {
  padding: 2px 0 2px 24px;
  background: url('img/circle.png') no-repeat 11px 10px;
}

#menu2 .sub1 a {
  display: block;
  width: 100%;
  padding: 2px 0;
}


  #mobileMenu {
    right: -420px;
    top: 0;
    bottom: 0;
    position: fixed;
    background: rgba(255, 255, 255, .9);
    width: 420px;
    z-index: 1001;
    display: block;
	

  }

  #mobileMenu ul {
    margin: 0px 0 0 40px;
	list-style:none;
	float:left;width:calc(100% - 40px);
  }

  #mobileMenu ul li {
    font-size: 1.566em;
    text-align: left;
    float: left;
    width: 90%;
	  cursor:pointer;

  }
  
  #mobileMenu .fa-times, #mobileMenu .fa-arrow-left {font-size:2em;float:right;margin:20px;cursor:pointer;}
  
  #mobileMenu ul#langs {margin:20px 0 40px 40px;}
  #mobileMenu ul#langs li {float:left;clear:none;width:auto;font-size:1.2em;padding:5px 8px;}

  #mobileMenu ul#langs li a {padding:0;}
  #mobileMenu ul#langs li.active a {color:#957033;font-size:1.3em;}
  #mobileMenu #menuFooter {position:absolute;bottom:0px;padding:0 0 40px 40px;color:#000000;text-align:left;}
  
  #mobileMenu #menuFooter .socialMedia {float:left;margin:0 0 20px 0px;width:100%;text-align:left;line-height:20px;}
  #mobileMenu #menuFooter .socialMedia img {height:20px;opacity:0.5;vertical-align:middle;}
  #mobileMenu #menuFooter .socialMedia .instagram img {height:16px;}

  #mobileMenu ul li i {
    float: right;
    color: #666;
    line-height: 40px;
    margin-right: 20px;
    padding-left: 20px;
  }

  #mobileMenu ul li a {
    color: #666;
    display: block;
    line-height: 40px;
    padding: 0 10px;
    float: left;
    width: 60%;
  }

  #mobileMenu ul li.back,
  #mobileMenu ul li.back i {
    line-height: 50px;
    border-left: 0;
  }

  #mobileMenu .sub {
    margin: 0 0 0 0;
    position: fixed;
    top: 0;
    bottom: 0;
    background: #fff;
    right: -420px;
	padding-left:00px;
    width: 420px;
  }

/* RIGHT COLUMN STYLES */
#content {
  float: left;
  width: 100%;
  padding: 20px 0 5px;
  text-align: center;
}

#page {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

.contact #content {
  width: 100%;
}

.nb #content {
  padding-top: 70px;
}

/* PAGE TITLE */
#page h1 {
  margin: 18px 0 10px;
  padding-left: 10px;
  background: inherit;
  font-size: 2.417em;
  font-weight: normal;
  background: inherit;
}

/* NAVIGATION PATH - TREE */
#page .breadcumb {
  position: absolute;
  top: -5px;
  padding: 2px 0;
  color: #a6aeb3;
  background: inherit;
  font-size: 1.13em;
  right: 0;
}

#page .breadcumb a {
  background-color: inherit;
  color: #a6aeb3;
  text-decoration: none;
  font-weight: normal;
}

#page .breadcumb a:hover {
  text-decoration: underline;
}

*:first-child+html #page .breadcumb {
  top: -5px;
}

/* IE 7 hack */
* html #page .breadcumb {
  top: -5px;
}

/* IE 6 hack */

/* PAGE CONTENT */
#page div.content {
  padding-top: 5px;
  font-size: 1.383em;
  line-height: 1.6em;
}

#page div.content ul,
#page div.content ol,
#product div.content ul,
#product div.content ol {
  float: left;
  margin: 10px 0 10px 30px;
  padding: 0;
  list-style: none;
  width: calc(100% - 30px);
}

#page div.content li,
#product div.content li {
  margin: 4px 0;
  padding: 0;
  border-left: 0;
}

#page div.content li strong,
#page div.content strong {
  font-weight: 600;
}

#page div.content li:before,
#product div.content li:before {
  content: "\f05d";
  font-family: 'FontAwesome';
  padding-right: 10px;
  color: var(--main-color)
}

#product div.content li:before {
  font-size: 1.233em;
}

#page div.content li img {
  vertical-align: middle
}

#page div.content p {
  padding-bottom: 10px;
}

#page.contactPage div.content {
  clear: both;
}

#page iframe {
  width: 1100px;
  height: 700px;
  margin: 0 50px 20px;
}

.pageFoto {
  float: left;
}

.pageFoto.f50 {
  width: calc(50% - 10px);
  margin: 10px 5px;
}

.pages {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  text-align: center;
  font-weight: 300;
}

.pages li {
  display: inline-block;
  margin: 0 2px;
  padding: 5px 9px;
  border: 0;
  font-size: 1.13em;
  font-weight: 300;
  background: #fff;
  border: 1px solid #EBEBEB;
  text-transform: uppercase;
  cursor: pointer;
}

.pages li:hover {
  color: #1d4078;
}

.pages li.active {
  background: #1d4078;
  color: #fff;
}

.pages li.prev span,
.pages li.next span {
  display: none;
}

#pagesBefore,
#pagesAfter {
  width: 100%;
  float: left;
  clear: both;
  margin: 10px 0;
}

#page1 .articel {float:left;width:42%;}
#page1 .articel h1 {font-weight:600;font-size:1.433em;margin:0;padding:0;color:#000;margin:0 0 40px 0;line-height:1.2em;}
#page1 .articel h1 a {color:#000;}
#page1 .articel p {line-height:1.833em;font-size:1.033em;color:#919191}
#page1 .articel p a {color:#919191}

#page1 #page div.content .mainImage {float:right;position: relative;padding-bottom:100px}
#page1 #page div.content .mainImage::before {width:391px;height:414px;content:" ";background: url(img/dotBorder.jpg);left:-100px;bottom:-100px;display:block;position: absolute;z-index:-1;}

#page1 #page div.content .dzialalnosc {border:5px solid #364652;float:left;position: relative;padding:50px 0px;border-right:0;width:60px;padding-left:20px;margin:60px 0 0;}
#page1 #page div.content .dzialalnosc strong {font-size:4.466em;color:#957033;font-weight:800;float:left;display: block;position: relative;}
#page1 #page div.content .dzialalnosc strong::before {width:5px;height:25px;content: "";background: #364652;position: absolute;top:-55px;left:60px;}
#page1 #page div.content .dzialalnosc strong::after {width:5px;height:25px;content: "";background: #364652;position: absolute;bottom:-55px;left:60px;}
#page1 #page div.content .dzialalnosc p {position: absolute;text-transform: capitalize;color:#000;top:42px;line-height:1.2em;left:110px;}

.imageLeft {float:left;width:30%;}
.imageLeft img {width:100%;}
#page2 #page div.content ul {float:left;width:45%;}
.cboth {clear:both;}

#pTable,
#otherTable {
  float: left;
  width: 90%;
  margin: 20px 5%;
  border-collapse: collapse;
  font-size: 1.133em;
}

#pTable td,
#otherTable td {
  border: 1px solid #e0e0e0;
  text-align: center;
  padding: 6px 5px;
}

#otherTable td {
  text-align: center;
}

#pTable thead .blue td {
  background: #1d4078;
  color: #fff;
}

#pTable tbody tr:nth-child(even),
#pTable thead .names td {
  background: #ebecec
}

#pTable tbody tr:nth-child(odd) {
  background: #FFF
}

#pTable thead .names td {
  font-weight: 600;
  padding: 10px 0;
  color: #222;
}

#pTable tbody td strong {
  color: #F00;
}

#pTable td ul {
  float: left;
  width: 50% !important;
  margin: 10px 0;
}

#pTable td ul li {
  float: left;
  width: 100%;
  text-align: left;
}

#pTable td img {
  float: right;
  height: 160px;
}

#pTable td.center img {
  float: none;
  height: 100% !important;
}

#pTable td.center img.width50 {

  height: auto !important;
  width: 40%;
  margin: 0 5px;

}

.leftImage {
  float: left;
  padding: 20px;
}

/* IMAGES STYLES */
#content .imagesList {
  list-style: none;
}

#content .imagesList li {
  margin: 0 0 15px 0;
  background: inherit;
  color: #5d6771;
  text-align: center;
}

#content .imagesList li div {
  text-align: center;
}

#content .subpagesList img,
#content .imagesList li img {
  padding: 0;
  border: 0;
  display: block;
}

#imagesList1 {
  float: left;
  margin: 10px 20px 0 0px;
}

#imagesList2 {
  clear: right;
  float: right;
  margin: 10px 0 0 20px;
}

#imagesList3 {
  float: left;
  clear: both;
  width: 100%;
  margin: 20px 0 20px;
}

#imagesList4 {
  float: left;
  clear: both;
  width: 100%;
  margin: 20px 0 20px;
}

#content #imagesList3 li,
#content #imagesList4 li {
  margin: 0;
  clear: none;
  padding: 0;
  float: left;
  width: 33.3%;
  position: relative;
}

#content #imagesList3 li div,
#content #imagesList4 li div {
  opacity: 0;
  overflow: visible;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 1.13em;
  padding: 4px 10px;
  left: 0;
  right: 0;
}

#content #imagesList3 li:hover div,
#content #imagesList4 li:hover div {
  opacity: 1;
}

#content #imagesList3 li img,
#content #imagesList4 li img {
  display: block;
  width: 100%;
}

#content #imagesList4 li {
  margin: 5px;
  width: calc(33.3% - 10px);
  height: 420px;
  overflow: hidden;
}

#content .galeria #imagesList3 li {
  width: 25%;
}

#content .galeria #imagesList3 li.l1 {
  width: 50%;
}

/* FILES LIST STYLES */
#filesList {
  width: 100%;
  float: left;
  border-collapse: collapse;
  margin: 0 0 20px;
  text-align: left;
}

#filesList a {
  border: 1px solid #f13022;
  line-height: 46px;
  font-size: 1.166em;
  border-radius: 4px;
  color: #f13022;
  margin: 5px;
  padding: 0 10px;
  display: block;
  float: left;
}

#filesList a i {
  font-size: 1.633em;
  vertical-align: middle;
  padding-right: 10px;
}

#filesList li a {
  color: #598601;
  background: inherit;
}

#filesList li a:hover {
  color: #01476f;
  background: inherit;
}

#filesList img {
  margin: 0 8px 0 0;
  vertical-align: middle;
}

#filesList em {
  padding-left: 2px;
  background: inherit;
  color: #5d6771;
  background: inherit;
}

/* SUBPAGES LIST STYLES */
#content .subpagesList {
  float: left;
  width: 100%;
  margin: 7px 0;
}


#content #subList2 article,
#content #subList1 article {
  width: 47.5%;
  padding: 5px 1%;
}

#content #subList2 article h2,
#content #subList1 article h2 {
  background: #EBEBEB;
  padding: 10px 10px;
  font-weight: 300;
  margin-bottom: 10px;
}

#content .subpagesList article {
  float: left;
  margin: 10px 0;
  padding: 0;
  width: 33.3%;
}

#content #subList3 article {
  position: relative;
  margin: 0 5px;
  padding: 0;
  width: calc(25% - 10px);
}

#content #subList3 article h2 {
  font-family: 'Work Sans';
  text-align: center;
  text-transform: uppercase;
  padding: 10px;
  font-size: 1.233em;
  position: absolute;
  padding: 15px 0;
  width: 260px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 1px solid #fff;
  bottom: 20px;
  right: 10px;
  font-weight: 400;
}

#content #subList3 article h2 a {
  color: #fff;
}

#content #subList3 article h2:after {
  content: " ";
  display: none;
  width: 30px;
  height: 2px;
  background: #fff;
  margin: 10px auto;
}

#content .subpagesList article .photo {
  float: left;
  margin: 0 0 10px;
  width: 100%;
  overflow: hidden;
}

#content .subpagesList article .photo img {
  width: 100%;
  transition: transform .4s;
  /* Animation */
}

#content .subpagesList article .photo img:hover {
  transform: scale(1.1);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

#content .subpagesList article div.description {
  padding: 5px 20px;
  text-align: center;
  font-size: 1.13em;
}

#content #subList1 article div.description,
#content #subList2 article div.description {
  text-align: left;
}

#content #subList6 article {
  margin: 0;
  position: relative;
}

#content #subList6 article .photo {
  margin: 0;
}

#content #subList6 h2 {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  width: 95%;
  padding: 5px 0 5px 5%;
  font-weight: 300;
}

#content #subList6 h2 a {
  color: #fff;
}

/* ACCORDING LIST */
.sub-title {
  cursor: pointer;
  margin: 0;
  font-weight: 700;
  font-size: 1.23em;
  border-bottom: 1px solid #EBEBEB;
  float: left;
  width: 96%;
  padding: 20px 2%;
  text-transform: uppercase;
}

.sub-title:after {
  font-family: 'FontAwesome';
  content: '\f067';
  float: right;
  font-size: 0.73em;
  font-weight: 300;
}

.sub-title.active:after {
  font-family: 'FontAwesome';
  content: '\f068'
}

.sub-title.active {
  background: #EBEBEB
}

.sub-content {
  display: none;
  font-size: 1.383em;
  padding: 20px 2%;
  float: left;
  clear: both;
  width: 96%;
}

.sub-content.active {
  display: block;
}

.sub-content .photo {
  float: left;
  margin: 0 20px 0 0;
}

/* TABS LIST */
#subList4 {
  float: left;
  width: 100%;
  margin: 20px 0;
}

.sub-menu {
  float: left;
  clear: both;
  list-style: none;
  width: 20%;
}

.sub-menu li {
  float: left;
  width: 100%;
  clear: left;
  background: #f5f5f5;
  border-bottom: 1px dotted #dbdbdb;
  position: relative;
}

.sub-menu li a {
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  font-size: 1.33em;
  padding: 0 0 0 10px;
}

.sub-menu li.current {
  background-color: var(--main-color);
  z-index: 5;
  color: #fff;
}

.sub-menu li.current a {
  color: #fff;
}

.sub-menu li.current:after {
  content: " ";
  display: block;
  position: absolute;
  right: -5px;
  top: 20px;
  color: #fff;
  border: solid transparent;
  border-right-color: #fff;
  border-top-color: #fff;
  border-width: 5px;
  -ms-transform: rotate(-135deg);
  /* IE 9 */
  -webkit-transform: rotate(-135deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-135deg);
}

.tab-content {
  float: left;
  width: 78%;
  padding: 0 0 0 2%;
  font-size: 1.33em
}

.tab-content {
  display: none;
}

.tab-content .photo {
  float: right;
  margin-left: 20px;
}

.tab-content strong {
  font-weight: 700;
  padding-bottom: 20px;
  display: block;
}

.tab-content ul,
.tab-content ol {
  list-style: none;
  margin: 20px 10px;
}

.tab-content li {
  padding: 4px 10px;
}

.tab-content li:before {
  content: "\f05d";
  font-family: 'FontAwesome';
  padding-right: 10px;
  color: var(--main-color)
}

.tab-content .more {
  margin-top: 5px;
}

#tab-1 {
  display: block;
}

.more {
  font-size: 0.833em;
}


#page div.content .sub-menu {
  float: left;
  margin: 0px;
  padding: 0;
  font-size: 0.733em;
}

#page div.content .sub-menu li {
  margin: 0;
  padding: 0;
}

#page div.content .sub-menu li:before {
  content: "";
  margin: 0;
  padding: 0;
  display: none;
}

#page div.content .sub-menu li li:before {
  content: "\f05d";
  font-family: 'FontAwesome';
  padding-right: 10px;
  color: var(--main-color)
}

#page div.content .sub-menu p {
  padding-bottom: 10px;
}

#page div.content .tab-content {
  font-size: 1em
}


/* OFERTA */ 

.offerItems	{width: 96%; margin:0 auto;}
.offerItems .offerItem {width:20%;background:#303f42;margin:5px;overflow:hidden;position:relative;height:500px;}
.offerItems .offerItem .offerContent {position:absolute;bottom:20px;z-index:101;background:rgba(48,65,65,0.6);width:calc(90% - 20px);margin-left:5%;font-weight:300;padding:20px 10px;text-align:left;}
.offerItems .offerItem .offerContent h2 {white-space: pre-line;color:#fff;font-weight:300;width: 0;text-transform:capitalize;
  overflow: visible;}

#offerList .section-cn {padding:40px 0;}
#offerList .section-cn strong {text-transform:uppercase;font-size:1.833em;font-weight:300;color:#000000;}
#offerList .section-cn h3 {float:right;font-weight:300;color:#6b6b6b;}
 
#offerList ul {list-style:none;}
#offerList li {clear:none;display:inline-block;margin:5px;}
#offerList li button {font-size:0;color:transparent;height:8px;width:8px;background:#cccccc;cursor:pointer;}
#offerList li.slick-active button {background:#364652}

/* PRODUCTS */

#products {
  float: left;
  width: 100%;
  position:relative;
}

#products .list {
  list-style: none;
  width: 100%;
}

#products.productscolumn .list li {
  float: left;
  width: calc(100% - 28px);
  clear: none;
  overflow: hidden;
  margin: 3px;
  padding: 10px;
  position: relative;
  border-bottom:1px solid #e0e0e0;
}

#products.productscolumn .list li img {
  transition: transform .4s;
  width:400px;
  float:left;

}

#products.productscolumn .list li img:hover {
  transform: scale(1.1);
}

#products.productscolumn .list li .photo {
  overflow: hidden;
  margin: 10px 0;
  text-align: center;
  float:left;
  border:6px solid #dce1e3;  
  padding:4px;  

}

#products.productscolumn .list li table {
	width:calc(100% - 450px);
	margin:0;
}

#products.productscolumn .list li.pr .photo, #products.productscolumn .list li.pl table {
	float:right;
}

#products.productscolumn .list li h2 {
	float:left;
  font-size: 1.833em;
  font-weight: 300;
  margin: 0 0 10px;
  padding: 0 0 10px;
  color:#000;
}

#products.productscolumn .list li .price {
  font-size: 1.233em;
  padding: 5px 0;
  float: left;
}

#products.productscolumn .list li .description {
	font-size:1.433em;
	line-height:1.4em;
	float:left;
	width:calc(100% - 450px);
	padding:20px 0;
}

#products.productscolumn .list li .productName {margin-top:30px;float:left;}

#products.productscolumn .list li.pl .description, #products.productscolumn .list li.pl .productName {
	float:right;
	width:calc(100% - 450px);
}


#products.productscolumn .list li .price em {
  font-style: normal;
}

#products.productscolumn .list li .price strong {
  font-weight: 500;
  padding: 0 2px;
  font-family: 'Work Sans';
}

#products.productscolumn .list li .rabat {
  display: block;
  position: absolute;
  z-index: 10;
  color: #fff;
  background: #e62808;
  font-size: 1.166em;
  line-height: 24px;
  padding: 0 5px;
  top: 30px;
}

#products.productscolumn .list li .rabat:after,
#products.productscolumn .list li .lager:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 12px 0 0;
  display: block;
  position: absolute;
  z-index: 11;
  content: ' ';
  top: 0;
  right: -12px;
  border-color: #e62808 transparent transparent transparent;
}


/* PRODUCT */
#product {
  float: left;
  width: 100%;
}

#product h1 {
  float: right;
  font-weight: 600;
  font-size: 1.933em;
  color: #1d4078;
  text-align: left;
  width: 100%;
  margin: 20px 0 0;
}

#product .breadcrumb {
  float: right;
  width: 100%;
  clear: right;
  text-align: left;
  padding: 20px 0;
}

#product #imagesList1 {
  float: left;
  width: 100%;
  height: 600px;
  line-height: 600px;
  position: relative;
}

#product #defaultDescription {
  position: absolute;
  bottom: 0;
  line-height: 30px;
  width: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
}

#product #imagesList1 img {
  vertical-align: middle;
  width:100%;
}

#product #imagesListPreview {
  float: left;
  width: 100%;
  clear: left;
  list-style: none;
}

#product #imagesListPreview div {
  float: left;
  clear: none;
  width: 90px;
  height: 90px;
  line-height: 90px;
  overflow: hidden;
  margin: 5px;
}

#product #imagesListPreview div img {
  height: 100px;
}

#product #mainBox {
  float: right;
  width: 560px;
}

#product #mainImage {
  float: left;
  width: 600px;
}

#product #mainBox #box {
  border: 1px solid #e0e0e0;
  width: calc(100% - 42px);
  padding: 10px 20px;
  float: left;
  font-size: 1.233em;
  position: relative;
  margin: 0 0 20px;
}

#product #mainBox #box #rabat {
  position: absolute;
  padding: 5px 10px;
  background: #e62808;
  color: #fff;
  top: 0;
  left: 0;
}

#product #mainBox #box #price {
  font-size: 1.133em;
  padding: 0px 0 10px;
}

#product #mainBox #box #price p {
  padding: 3px 0;
}

#product #mainBox #box #price ins {
  text-decoration: line-through;
  color: #222;
  font-weight: 400;
}

#product #mainBox #box #price em {
  font-style: normal;
}

#product #mainBox #box #price strong {
  font-weight: 600;
  padding: 0 5px;
  color: #e62808;
  font-size: 1.233em;
}

#product #mainBox #box #available {
  font-size: 0.9em;
}

.addAnfrage {
  
  margin:20px 0 0;
  padding: 10px;
  font-size: 1.033em;
  background: #1d4078;
  color: #fff;
  cursor: pointer;
  float:right;
  text-transform:uppercase;
  border-radius:3px;
}

.addAnfrage i {border-left:1px solid #e0e0e0;padding-left:10px;margin-left:10px;}

#addBasket {
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
}

#addBasket fieldset {
  width: 600px;
  margin: 70px auto 0;
  background: #fff;
  padding: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

#addBasket fieldset #closeForm {
  text-align: center;
  border-radius: 50%;
  border: 2px solid #cc0000;
  cursor: pointer;
  margin-top: -30px;
  margin-right: -30px;
  background: #fff;
  display: block;
  float: right;
}

#addBasket fieldset #closeForm i {
  line-height: 24px;
  height: 24px;
  width: 24px;
  font-size: 1.433em;
}

#addBasket fieldset p {
  float: left;
  padding: 10px 0 0;
}

#addBasket fieldset .input {
  width: 60px;
}

#addBasket fieldset button {
  margin: 10px 0 0;
}

#addBasket table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.233em;
  text-align: left;
}

#addBasket table td {
  border-bottom: 1px solid #e0e0e0;
  padding: 8px 5px;
}

#addBasket table td label {
  font-size: 1em;
  padding: 0 5px;
  cursor: pointer;
}

#addBasket table thead td {
  border-bottom-width: 3px;
  font-size: 1.033em;
  font-weight: 600;
}

#addBasket table td strong {
  font-weight: 600;
}

#product #productDescription,
#product #moreProductDescription {
  clear: both;
  width: 100%;
  float: left;
  text-align: left;
  font-size: 1.133em;
  line-height: 1.9em;
}

#product #productPageDescription {
  clear: both;
  width: 100%;
  float: left;
  text-align: left;
  font-size: 1.133em;
  line-height: 1.9em;
  margin: 0 0 40px;
}

#product #specification {
  float: left;
  width: 100%;
  clear: both;
  text-align: left;
  margin: 0px 0 10px;
  font-size: 1.233em;
}

#product #specification ul {
  float: left;
  margin: 20px 0 0 30px;
  list-style: none;
  width: calc(100% - 60px);
}

#product #specification li {
  border-top: 1px solid #e0e0e0;
  padding: 10px 5px;
}

#product #specification li span {
  font-weight: 300;
  display: block;
  width: 200px;
  float: left;
  text-align: right;
  padding-right: 10px;
  font-size: 0.9em;
}

#product #specification li strong {
  font-weight: 600;
}

.versionsTable {
  width: 80%;
  border-collapse: collapse;
  font-size: 1.066em;
  margin: 40px 10%;
  float: left;
}

.versionsTable caption {
  text-align: left;
  font-weight: 600;
  font-size: 1.133em;
  line-height: 1.5em;
  padding-bottom: 10px;
}

.versionsTable caption small {
  font-weight: 300;
}

.versionsTable td {
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 10px;
  width: 25%;
  font-size: 1.066em;
}

.versionsTable td strong {
  font-weight: 600;
}

.versionsTable thead td {
  font-weight: 400;
  font-size: 1.133em;
  border:0;
  border-bottom:2px solid #c0c0c0;
  color:#000;
}

.versionsTable tbody tr:nth-child(even) {
  background: #ebecec
}

.versionsTable tbody td em {
	font-style:normal;
}

.versionsTable tfoot td {
	border:0;
	padding:20px 0 0;
}

.versionsTable td.center {
  text-align: center;
}

#product #mainBox #specification ul {
  width: 100%;
  margin: 20px 0 0;
}

.calcButton {
  position:absolute;
  width: 400px;
  border: 1px solid #e0e0e0;
  background: none; 
  cursor: pointer;
  padding: 0;
  right:28px;
  top:-40px;
  
}

.calcButton span {
  position: absolute;
  font-family: 'Work Sans';
  font-weight: 600;
  font-size: 1.333em;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 0px 0 60px;
  text-align: left;
  text-transform: uppercase;
}

.calcButton img {
  width: 100%;
  margin: 0 0 -3px 0;
}

#mainCalc {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1999;
  background: rgba(255, 255, 255, 0.8);

}

#calcTable {
  border-collapse: collapse;
  font-size: 1.233em;
  background: #fff;
  margin: auto;
  width: 600px;
  margin-top: 50px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
}

#calcTable td {
  border: 1px solid #e0e0e0;
  padding: 10px 10px;
}

#calcTable td.name {
  text-align: left;
}

#calcTable td span {
  display: none;
}

#calcTable thead td {
  background: #1d4078;
  color: #fff;
  border-color: #1d4078;
}

#calcTable caption {
  text-align: right;
}

#calcTable .input {
  padding: 5px;
  width: 60px;
  font-size: 0.9em;
}

#calcTable caption button {

  text-align: center;
  border-radius: 50%;
  border: 2px solid #cc0000;
  cursor: pointer;
  vertical-align: middle;
  margin-bottom: -14px;
  margin-right: -14px;
}

#calcTable caption button i {
  line-height: 24px;
  height: 24px;
  width: 24px;
  font-size: 1.433em;
}

/* ANFRAGE FORM */

#anfrageForm {
  float: left;
  width: 100%;
}

#anfrageForm legend {
  font-size: 1.333em;
  line-height: 1.7em;
  float: left;
  width: 100%;
  margin: 0 0 20px;
}

#anfrageForm #orderedProducts {
  float: left;
  width: 54%;
}

#anfrageForm #orderedProducts table {
  width: 100%;
  float: left;
  border-collapse: collapse;
  text-align: left;
  font-size: 1.033em;
}

#anfrageForm #orderedProducts table td,
#anfrageForm #orderedProducts table th {
  padding: 5px;
  border-bottom: 1px solid #e0e0e0;
  font-weight:300;
}

#anfrageForm #orderedProducts table thead td {
  border-bottom: 3px solid #e0e0e0;
}

#anfrageForm #orderedProducts table tbody th {
	color:#000;
	font-weight:400;
}

#anfrageForm #orderedProducts table .input {
  font-size: 1em;
  width: 40px !important;
}

.continue {
  float: left;
}

#anfrageData {
  float: right;
  width: 42%;
}

#anfrageData select {
  width: 100px;
  font-size: 1.166em;
}

#anfrageData .input,
#anfrageData textarea {
  width: calc(100% - 14px);
  padding: 6px 5px;
  margin: 0 0 10px;
  font-size: 1.166em;
}


#anfrageData textarea {
  height: 300px;
  font-size: 1.2em;
}

#anfrageData input[type=checkbox]+label {
  display: block;
  cursor: pointer;
}

#anfrageData p {
  padding: 5px 0;
}

#anfrageData label span {
  font-size: 1.133em
}

#anfrageData input[type=checkbox] {
  display: none;
}

#anfrageData input[type=checkbox]+label:before {
  font-family: 'FontAwesome';
  content: "\f00c";
  display: inline-block;
  border: 2px solid #e8eef4;
  width: 1.2em;
  height: 1.2em;
  padding-left: 0.2em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

#anfrageData #g-recaptcha {
  margin: 20px 0;
}

#anfrageData input[type=checkbox]+label:active:before {
  transform: scale(0);
}

#anfrageData input[type=checkbox]:checked+label:before {
  background-color: MediumSeaGreen;
  border-color: MediumSeaGreen;
  color: #fff;
}

#anfrageData input[type=checkbox]:disabled+label:before {
  transform: scale(1);
  border-color: #aaa;
}

#anfrageData input[type=checkbox]:checked:disabled+label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

/* CONTACT & ASK FORM */

.contactPage #ContactForm {
  float: right;
  width: 55%;
  margin: 10px 0 10px 20px;
  padding: 0;
}
.contactPage #ContactForm fieldset {padding:0;margin:0;}

#ContactForm .input,
#ContactForm textarea {
  width: calc(96% - 14px);
  margin: 0 0 10px;
  padding: 10px 2%
}

#ContactForm .code {
  width: 75%;
  float: right;
}

#ContactForm #oZip {
  width: calc(30% - 14px);
}

#ContactForm #oCity {
  width: calc(62% - 8px);
}

#ContactForm #oAnrede {
  width: 20%;
}

#ContactForm textarea {
  height: 200px;
}

#ContactForm img {
  float: left;
  margin: 5px 0 0 0;
}

#ContactForm .submit {
  float:right;
}

#ContactForm .datenschutzbestimmungen,
#anfrageForm .datenschutzbestimmungen {
  padding: 5px 0;
  font-size: 1.233em;
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#ContactForm .datenschutzbestimmungen a,
#anfrageForm .datenschutzbestimmungen a {
  color: #1d4078;
}


#g-recaptcha, #anfrageData #g-recaptcha {float:left;clear:both;margin:0 0 0 -46px;position:relative;left:0;padding:0;}

.contactPage .contact_data {
  float: left;
  border: 1px solid #eeeeee;
  width: 36%;
  padding: 30px 2%;
  margin: 10px 0 0;
  font-size: 1.33em;
}

.contactPage .contact_data p {
  float: left;
  width: 90%;
  border-bottom: 1px solid #eeeeee;
  padding: 30px 0 40px 10%;
  position: relative;
}

.contactPage .contact_data p:before {
  font-family: 'FontAwesome';
  position: absolute;
  left: -8px;
  top: 30px;
  font-size: 2em;
  color: #eeeeee;
}

.contactPage .contact_data .cData {
  padding-top: 0;
}

.contactPage .contact_data .cData:before {
  content: "\f041";
  top: 0;
}

.contactPage .contact_data .cPhone:before {
  content: "\f095";
}

.contactPage .contact_data .cPhone em {
  display: inline-block;
  width: 100px;
  font-style: normal;
}

.contactPage .contact_data .cData em {
  display: block;
  font-style: normal;
  font-size: 0.9em;
  padding: 5px 0;
}
.contactPage .contact_data .cData small {display:block;}

.contactPage .contact_data .cEmail:before {
  content: "\f0e0";
  top: 30px;
}

.contactPage .contact_data p.cEmail {
  border: 0;
  padding: 35px 0 0 10%;
}

.contactPage .contact_data .cName {
  color: #000;
}

.contactPage .contact_data span {
  display: block;
  padding: 10px 0;
  font-size: 1.1em;
}

/* GOOGLE MAPS */
#mapa {
  float: left;
  clear: both;
  width: 100%;
  height: 500px;
  margin: 0px 0 0;
  padding: 0;
}

#mapa div.tooltip {
  height: 65px;
  width: 240px;
}

/* BOXES */
#boxes1 {
  float: left;
  width: 100%;
  clear: both;
  margin: 100px 0 -10px;
  position: relative;
  z-index: 101;
}

#boxes1 .box {
  float: left;
  background: var(--main-color);
  width: 20%;
  text-align: center;
  padding: 40px 2%;
  color: #1f1f1f;
  position: relative;
}

#boxes1 .box .icon {
  height: 100px;
  line-height: 100px;
  background: #fff;
  border-radius: 50%;
  width: 100px;
  padding: 20px;
}

#boxes1 .box img {
  max-width: 80px;
  vertical-align: middle;
}

#boxes1 .box h2 {
  font-weight: 300;
  font-size: 1.63em;
  padding: 10px;
}

#boxes1 .box h2 a {
  color: #1f1f1f;
}

#boxes1 .box h2 a:hover {
  color: #000;
}

#boxes1 .box .content {
  font-size: 1.133em;
  padding: 0px 40px;
  display: none;
}

#boxes1 .box.i2,
#boxes1 .box.i4 {
  background: var(--sub-color);
}

#boxes1 .box.i1 {
  margin-left: 1.5%;
}

#boxes1 .box a.more {
  display: block;
  position: absolute;
  bottom: -12px;
  font-size: 1.266em;
  background: #383838;
  text-transform: uppercase;
  color: #efefef;
  width: 80px;
  padding: 4px 0;
  left: 50%;
  margin-left: -40px;
}

#boxes1 .box a.more:hover {
  background: #1f1f1f;
}

#boxes2 {
  width: 100%;
  text-align: center;
  margin: 10px 0;
  float: left;
  clear: both;
}

#boxes2 .box {
  float: left;
  width: 18%;
  padding: 20px 2%;
  margin: 0 1% 0 0;
  color: #1f1f1f;
  position: relative;
  border: 1px solid #d7d7d7;
}

#boxes2 .box .icon {
  background: #fff;
  border-radius: 50%;
  border: 1px solid #e0e0e0;
  width: 110px;
  height: 110px;
  line-height: 110px;
  margin: 0px auto 20px;
}

#boxes2 .box img {
  max-width: 70px;
  max-height: 70px;
  vertical-align: middle;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

#boxes2 .box h2 {
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 10px;
}

#boxes2 .box h2,
#boxes2 .box h2 a {
  color: #000;
}

#boxes2 .box .content {
  border-top: 1px solid #fff;
  padding-top: 10px;
}

#pageBoxes {
  float: left;
}

#pageBoxes .box {
  float: left;
  width: calc(25% - 10px);
  margin: 5px;
}

#pageBoxes .box .icon {
  width: 100%;
  overflow: hidden;
}

#pageBoxes .box img {
  width: 100%;
}

#pageBoxes .box h2 {
  font-weight: 400;
  text-align: center;
  font-size: 0.933em;
}


.message {
  padding: 50px 0;
  text-align: center;
  border: 1px solid #e0e0e0;
  font-size: 1.33em;
}

.message#succes {
  margin: 50px 0;
}

.message h3 {
  background: inherit;
  color: #cc0000;
  font-weight: normal;
  font-size: 1.8em;
}

.message a {
  font-size: 1.133em;
}

#ContactForm .message {
  padding: 0 0 10px;
  text-align: center;
}

#ContactForm .message {
  font-size: 0.8em;
}

/* NEWS */
#news {
  width: 100%;
  height: auto;
  margin: 0;
  clear: both;
  padding: 20px 0;
  text-align: left;
  background: #f9f9f9;
}

#news #news-ds {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
}

#news #news-ds .title,
#random-comments .title {
  float: left;
  font-weight: 300;
  font-size: 2.23em;
  float: left;
  padding: 5px 0px 5px 0;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  text-align:left;
  font-weight:400;
  color:#000;
}



#news #news-ds .description {
  clear: both;
  float: left;
  font-size: 1.083em;
  text-align: justify;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
}

#news .articles {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

#news article, .newsList article {
  float: left;
  position: relative;
  padding: 0;
  margin: 0;
  height: auto;
  width: calc(33% - 20px);
  margin: 0px 10px;
  height:320px;
  overflow:hidden;
}

#news article.ns-1, .newsList article.ar-1 {
	border:3px solid #957033;
	padding: 40px 30px;
	width: calc(33% - 86px);
	height:240px;
}

#news article.ns-1 .date, .newsList article.ar-1 .date {
	color:#636363;
	font-size:1.133em;
}


#news article.ns-1 .h2, .newsList article.ar-1 h2 {
	color:#636363;
	font-size:1.133em;
}

#news article .mask, .newsList article .mask {
  position:absolute;
  bottom:50px;
  background:#967032;
  
}

#news article .mask h2 a, .newsList article .mask h2 a {color:#fff;text-transform:uppercase;padding:10px 15px;display:block;}

#news article .photo {
  margin: 0;
  padding: 0;
  position: relative;
}

#news article .photo a {
  padding: 0;
  margin: 0;
}

#news article .photo a img, .newsList article img {
  padding: 0;
  margin: 0;
  border: 0;
  display: block;
  width: 100%;
}

#news article h2, .newsList article .mask h2 {
  font-weight: 300;
}

#news article.ns-1 h2, .newsList article.ar-1 h2 {
	color:#000;
	font-size:1.566em;
	font-weight:500;
	padding:10px 0;
}
#news article.ns-1 .description, .newsList article.ar-1 .description {
	font-size:1.233em;
	padding:20px 0 0;
	line-height:1.6em;
}

#news article .lernMore {position:absolute;bottom:30px;color:#000;font-size:1.233em;}
/* COMMENTS */
#Comments {
  float: left;
  width: 100%;
  margin: 20px 0;
  padding: 0;
  border-top: 1px solid #eeeeee;
}

#Comments .title {
  font-weight: 300;
  font-size: 1.83em;
  padding: 10px 0;
  position: relative;
}

#Comments .title:after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 2px;
  background: var(--main-color);
}

#Comments form {
  width: 28%;
  float: left;
  margin: 20px 0 0;
}

#Comments form .input,
#Comments form textarea {
  width: 95.8%;
  margin: 0 0 10px;
  padding: 5px 2%
}

#Comments form .code {
  width: 75%;
  float: right;
}

#Comments form textarea {
  height: 200px;
}

#Comments form img {
  float: left;
  margin: 5px 0 0 0;
}

#Comments form .submit {
  clear: both;
}

#random-comments {
  padding: 0px;
}

#random-comments .section-comment,
#random-comments .section-image {
  float: left;
  width: 50%;
}

#random-comments .section-image {
  background: #1d4078;
  height: 300px;
}

#random-comments .title {
  text-align: center;
  margin: 0 0 10px
}

#random-comments article,
#comments-list article {
  position: relative;
  background: #EBEBEB;
  padding: 20px 2.5%;
  font-size: 1.133em;
  text-align: left;
  margin: 20px 2.5%;
  clear: both;
  float: left;
  width: 90%;
}

#random-comments article:after,
#comments-list article:after {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  top: 100%;
  border: solid transparent;
  border-top-color: #EBEBEB;
  border-left-color: #EBEBEB;
  border-width: 10px;
  left: 5%;
  bottom: -10px;
}

#random-comments article span,
#comments-list article span {
  font-weight: 700;
  position: absolute;
  bottom: -40px;
  left: 0%;
  font-size: 1.13em
}

#random-comments article span em,
#comments-list article span em {
  font-weight: 300;
  font-size: 0.83em;
  font-style: normal;
}

#comments-list {
  float: right;
  width: 70%;
}

#comments-list article {
  background: #EBEBEB;
  font-size: 1.13em;
  margin-bottom: 40px;
}

#comments-list article:after {
  border-top-color: #EBEBEB;
  border-left-color: #EBEBEB;
}

#comments-list .empty-list {
  text-align: center;
  font-size: 1.333em;
  padding: 20px 40px;
  border: 1px solid #d7d7d7;
  margin: 0 0 40px;
}


#ue a, #ue-new  a {display:block;border:1px solid #e5e5e5;padding:20px;text-align:center;}
#ue a img {display:inline-block}

#ue-new {margin:15px 0 0;}
#ue-new img {height:50px;display:inline-block;}
#ue-new table td {text-align:center;}

#ue a img.fu-Icon, #ue-new a img.fu-Icon {float:left;}
#ue a img.ue-Icon, #ue-new a img.ue-Icon {float:right;}


/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */

footer {
  clear: both;
  font-size: 1.063em;
  background: #fff;
}

footer .section-cn {
  width: 990px;
  margin: 0 auto;
  padding: 22px 0;
  overflow: hidden;
  color: #050505;
}

footer #info {
  float: right;
  width: 30%;
  font-size: 1.233em;
  padding: 50px 0 0;
}

footer #info a {
  display: block;
  float: right;
  padding: 9px 18px;
  background: var(--main-color);
  text-transform: uppercase;
  font-size: 0.8em;
  color: #fff;
  margin: 20px 0 0;
}

footer #info a:hover {
  background: var(--sub-color)
}

footer #contact {
  float: left;
  width: 50%;
}



footer #contact div {
  padding: 20px 0 30px 0px;
  float: left;
  width:100%;
}

footer #contact ul {
  float: left;
  margin: 10px 0 0 90px;
  padding: 0;
  list-style: none;

  width:40%;
  clear:none;
}


footer #contact li {
  padding: 0 0 0px;
  margin: 0;
  line-height:30px;
  display: block;
  width:100%;
  float:left;
  
}
footer #contact p {margin:0;}
footer #contact p.logo-squer {float:left;margin-left:30px;}

footer #contact .cName {
  font-size: 1.133em;
  padding:6px 0 0 20px;
  float: left;
}

footer #contact .cName strong {font-weight:500;font-size:1.233em;}
footer #contact .cName span {display:block;margin:40px 0 0;font-size:0.9em;}


footer #contact li span {
  display: block;
  width:30px;
  text-align:center;
  float:left;
}

footer #contact li img {vertical-align: middle;}


footer #footerMenu {
  float: right;
  width: 46%;
  margin-left: 0%;
  padding: 30px 0 0;
}

footer #footerMenu ul {
  list-style: none;
}

footer #footerMenu li {
  float: left;
  width:50%;
  margin: 0 0px;
  padding:0;
}

footer #footerMenu li::before {
  content: "»";
  float:left;
  padding:2px 0 0;
  font-size: 1.133em;  
  color: #a0a0a0;  
}

footer #footerMenu a {
  color: #a0a0a0;
  padding: 4px 10px;
  display: block;
  float: left;
  font-size: 1.133em;
}

footer #footerMenu a:hover {
  color: var(--main-color);
  border-color: var(--main-color);
}


footer .bf {
  clear: both;
  font-size: 0.9em;
  background: #fff;
  font-family: Tahoma;
  border-top:1px solid #cacaca;
}

#copy {
  float: left;
  padding: 10px 0px 0;
}

#design .open {
  display: block;
  padding: 5px 0 0;
}

#design .webpixel {
  color: var(--main-color)
}

#design {
  float: right;
  padding: 0 0px;
  text-align: right;
}


@media print {

  /* PRINT STYLES */
  * {
    color: #000 !important;
    background: #fff !important;
    border-color: #444 !important;
    border-width: 1px !important;
    text-shadow: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  body {
    margin: 1cm 0;
  }

  #container {
    width: 17.2cm;
    height: auto;
  }

  #head1 .container,
  #head1 {
    height: auto;
  }

  #logo {
    padding: 0 0 0.2cm;
  }

  #head1 .container,
  #head2 .container,
  #body .container,
  #foot .container {
    border-width: 0px !important;
  }

  #body {
    clear: none;
  }

  #body .container {
    overflow: visible;
  }

  #logo #title,
  #page h1 {
    padding: 0;
  }

  #page h4 {
    position: relative;
    top: 0;
  }

  #header .container,
  #body .container,
  #foot .container,
  #content,
  #page {
    float: none;
    width: 17.2cm;
    padding: 0;
    margin: 0;
  }

  #column,
  #head2,
  #back {
    display: none;
  }
}

#cokkies {
  position: fixed;
  bottom: 5px;
  right: 20px;
  width: 700px;
  text-align: left;
  font-size: 1.133em;
  line-height: 1.6em;
  padding: 20px;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid var(--main-color);
  display: none;
  z-index:1001;
}

#cokkies p {
  float: left;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: table-cell
}

#cokkies p.image,
#cokkies p.buttons {
  width: 15%;
  vertical-align: middle;

}

#cokkies p.image img {
  width: 60%;

}

#cokkies p.buttons {
  width: 25%;
}

#cokkies p.buttons span,
#cokkies p.buttons a {
  float: right;
  display: block;
  padding: 5px 0;
  width: 90%;
  background: var(--main-color);
  color: #fff;
  text-align: center;
  margin: 0 0 10px;
  font-size: 0.933em;
  cursor: pointer;
}

#cokkies p.text {
  width: 60%;
}

#cokkies strong {
  font-weight: 600;
}

/* PLUGINS */
#fbSlide {
  position: fixed;
  top: 25%;
  left: -254px;
  width: 309px;
  z-index: 99;
  -webkit-transition-duration: .6s;
  /* Safari */
  transition-duration: .6s;
}

#fbSlide #fbTitle {
  background: url('img/facebook.png') no-repeat;
  width: 55px;
  height: 160px;
  float: right;
}

#fbSlide #fbContent {
  background: #3d579d;
  color: #fff;
  width: 234px;
  float: left;
  height: 258px;
  padding: 10px;
}

#fbSlide #fbContent iframe {
  background: #fff
}

#fbSlide:hover {
  left: -1px;
}


#page #pageDescription h2 {font-weight:400;color:#000;}
#page #pageDescription h3 {font-weight:400;color:#000;}
#page #pageDescription h2 a {color:#000;}
#page #pageDescription strong {color:#000;}

#page .colorsKostka, #page .twoTable {border-spacing:20px;border-collapse:separate;}
#page .colorsKostka img, #page .twoTable img {width:100%;margin:0;padding:0;}
#page .colorsKostka td {padding:0;margin:0;vertical-align:top;width:33.33%;}
#page .colorsKostka td {text-align:center;font-size:1.333em;font-weight:400;color:#000;}
#page .colorsKostka td strong {background:#f1f1f1;padding:5px 0;display:block;font-size:0.933em;font-weight:300;}
#page .twoTable td {width:50%;}

/* STYLE DLA POSZCZEGÓLNYCH PODSTRON */
#page1 #pageDescription img {
  float: left;
  width: 500px;
}

#page1 #mainTitle {
  text-align: center;
  position: relative;
  height: 100px;
}


#page1 #pageDescription {
  margin: 100px 0 0;
}

#page1 .article {
  width: 56%;
  margin: 20px 0 30px 2%;
  float:left;
  border:1px solid #000;
}

#pageDescription h1 {
  clear: both;
  float: left;
  width: 100%;
  margin: 20px 0;
}

#producteFooter {
  float: left;
  width: 100%;
  position: relative;
  height: 360px;
  margin: 40px 0 0;
}

#producteFooter .producteFooterContent {
  position: absolute;
  width: 1200px;
  margin-left: -600px;
  left: 50%;
}

#producteFooter .producteFooterContent div {
  width: calc(50% - 45px);
  position: relative;
  text-align: left;
  font-size: 1.233em;
}

#producteFooter .producteFooterContent div span {
  margin: 20px 0 0;
  display: block;
  float: left;
}

#producteFooter .producteFooterContent div:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 360px 90px 0 0;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  content: ' ';
  right: -90px;
}

#producteFooter .producteFooterPhoto {
  float: right;
  width: calc(50% + 45px);
  height: 360px;
  background: var(--main-color);
  overflow: hidden;
}


#producteFooter .producteFooterPhoto img {
  width: 100%;
  margin-top: -200px;
  max-width: 1000px;
  opacity: 0.6;
  float: left;
}

#producteFooter ul li:before {
  display: none;
}

#producteFooter ul {
  list-style: none;
  margin: 40px 0 0;
  float: left;
  width: 100%;
}

#producteFooter ul li {
  float: left;
  width: calc(50% - 12px);
  border: 1px dashed #a1a1a1;
  margin: 5px;
  height: 61px;
  font-size: 0.833em;
}

#producteFooter ul li h2 {
  font-size: 1.133em;
  padding-left: 10px;
}

#producteFooter ul li h2 a {
  line-height: 51px;
  font-style: normal;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  padding: 0px 0 0 10px;
}

#producteFooter ul li img {
  width: 51px;
  height: 51px;
  margin: 5px;
  float: left;
}

.products-slider {
  float: left;
  width: 100%;

}

.products-slider .productItem {
  margin: 5px;
  position: relative;
}

.products-slider .productItem .photo {
  height: 300px;
  overflow: hidden;
}

.products-slider .productItem .photo img {
  height: 100%;
}

.draw {
  background: none;
  border: 0;
  box-sizing: border-box;
  margin: 1em;
  padding: 1em 2em;
  box-shadow: inset 0 0 0 1px transparent;
  font-size: inherit;
  font-weight: 700;
  position: absolute;
  vertical-align: middle;
  z-index: 99;
  bottom: 0;
  color: transparent;
}

.draw::before,
.draw::after {
  box-sizing: inherit;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

.draw {
  transition: color 0.25s;
}

.draw::before,
.draw::after {
  border: 1px solid transparent;
  width: 0;
  height: 0;
}


.draw::before {
  top: 0;
  left: 0;
}

.draw::after {
  bottom: 0;
  right: 0;
}

.products-slider .productItem:hover .draw {
  color: #444;
  background: rgba(255, 255, 255, 0.7);
}

.products-slider .productItem:hover .draw::before,
.products-slider .productItem:hover .draw::after {
  width: 100%;
  height: 100%;
}

.products-slider .productItem:hover .draw::before {
  border-top-color: #1d4078;
  border-right-color: #1d4078;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.products-slider .productItem:hover .draw::after {
  border-bottom-color: #1d4078;
  border-left-color: #1d4078;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.products-slider button {
  position: absolute;
  z-index: 101;
  top: 150px;
  padding: 10px;
  cursor: pointer;
  background: var(--main-color);
  color: #fff;
  font-size: 1.433em;
}

.products-slider button.next-arrow {
  right: 0;
}

.products-slider button:hover {
  background: var(--sub-color);
}



/* Niewidoczne elementy Mobile */

.mobilBanner
 {
  display: none;
}


/* eBay */ 
.imagesList#imagesList-ebay li {float:left;width:calc(50% - 20px);padding:10px;margin:0;}
.imagesList#imagesList-ebay li img {width:100%;}


/* ALL */

.fullWidth {width:100%;}

@media all and (min-width: 260px) and (max-width: 1200px) {}

@media all and (max-width: 1400px) {
	
#producteFooter .producteFooterPhoto img {
  
  margin-top: -100px;
  width: 800px;
  opacity: 0.6;
  float: left;
}	
	
	
}	


@media all and (max-width: 1300px) {
	
	#controlRight, #controlLeft, .nivo-directionNav {display:none;}	
	
  section .section-cn
  {
    width: 980px;
    margin: 0 auto;
    left: 0;
  }	
  
  #contactInfo .phone, #contactInfo .socialLinks, #contactInfo .ueLink {display:none;}
  
  #logo img {
    margin: 30px 5px 0 10px;
    width: 160px;
  } 

  
#producteFooter .producteFooterPhoto {
  float: right;
  width: calc(50% + 45px);
  height: 360px;
  background: var(--main-color);
  overflow: hidden;
}


#producteFooter .producteFooterPhoto img {
  
  margin-top: -200px;
  width: 800px;
  opacity: 0.6;
  float: left;
}

#producteFooter .producteFooterContent {
  position: absolute;
  width: 900px;
  margin-left: -450px;
  left: 50%;
}


#product #mainBox {
  float: right;
  width: 500px;
}

#product h1 {
  width: 500px;

}

#product #mainImage {
  float: left;
  width: 460px;
  overflow:hidden;
}

#product #imagesList1 {

  height: 500px;
  line-height: 500px;
}



#products.productscolumn .list li img {
  transition: transform .4s;
}

#products.productscolumn .list li img:hover {
  transform: scale(1.1);
}

#products.productscolumn .list li .photo {
  overflow: hidden;
  margin: 10px 0;
  text-align: center;
  position: relative;
}


	
}




@media all and (max-width: 980px) {
	


  #mobileCaption,
  .mobilBanner,
  #menu-display {
    display: inline-block;
  }
  

  section .section-cn,
  #pBanner,
  #pBanner .section-cn {
    width: 100%;
    margin: 0 auto;
    left: 0;
  }

  #pBanner .section-cn h1 {
    font-size: 2.266em;
    margin: 0px 0 0 10px;
	float:left;
	width:calc(100% - 10px);
  }


  #productPage header {
    float: left;
    width: 100%;
    position: relative;
    min-height: 50px;
    background: #fff;
  }

  .mobilBanner {
    display: block;
	width:calc(100% - 30px);
	margin:0 15px;
    height: calc(100vh - 80px);
    background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.45)), url('img/main_bg.jpg');
    background-size: auto 100%;
    background-size: cover;
    background-position: 0px 0;
  }

  .mobilBanner .fa-angle-double-down {
    font-size: 4em;
    color: #fff;
    position: absolute;
	left:45%;
    top: 80vh;
    animation-name: bounce;
    animation-duration: 1.1s;
    animation-iteration-count: infinite;
	z-index:101;

  }

  @keyframes bounce {
    0% {
      margin-top: 0px;
    }

    50% {
      margin-top: 20px;
    }

    100% {
      margin-top: 0px;
    }
  }

  #contactInfo {
    position: relative;
    font-size: 1.233em;
    padding-right: 10px;
    background: transparent;
  }

  #contactInfo i {
    padding-top: 0px;
    line-height: 83px;
    font-size: 1.44em;
    color: #000;
  }

  #contactInfo i.fa-bars {
    float: right;
  }

  #contactInfo:after,
  #contactInfo:before,
  #contactInfo span,
  #producteFooter,
  #productPage #pBanner {
    display: none;
  }

  #logo {
    z-index: 101;
  }



  #menu1 {
    display: none;
  }

  #nivoControlPanel {
    width: calc(100% - 100px) !important;
    margin-left: 0px;
    bottom: 300px;
    left: 0;
    display: block;

  }

  #controlCaption {
    height: 80px;
    width: 260px;
    z-index: 10;
    display: block;
    position: relative;
    text-align: left;
    float: left;
    background: transparent;
  }

  #mobileCaption {
    color: #fff;
    padding: 10px 0 10px 10px;
    font-size: 1.833em;
    font-weight: 400;
	border:5px solid #957033;
	width:70%;
	margin-top:50vh;
  }

  #mobileCaption span {
    display: inline-block;
    font-size: 1.1em;
    padding: 0 0 0 20px;
    margin: 0;
  }

  #controlCaption::before,
  #controlCaption:after {
    display: none;
  }


  #controlRight,
  #controlLeft,
  #footerMenu,
  footer #info,
  .reklamy,
  .breadcumb {
    display: none;
  }

  #page #pageDescription {
    padding: 0 5%;
  }


  .contactPage .contact_data {
    float: left;
    width: calc(86% - 2px);
    margin: 0 5%;
    font-size: 1.533em;
  }

  .contactPage .contact_data p:before {
    left: 0px;
  }

  #cokkies {
    width: calc(100% - 54px);
    left: 5px;
    right: 5px;
    z-index: 1999;
  }

  #cokkies p.text {
    width: 84%;
  }

  #cokkies p.buttons {
    width: 100%;
    clear: both;
    margin: 10px 0;
    text-align: left;
  }

  #cokkies p.buttons span,
  #cokkies p.buttons a {
    float: left;
    padding: 5px 0;
    width: calc(50% - 10px);
    margin: 0px 5px;

  }

  footer #contact {
    width: 100%;
    font-size: 1.133em;
  }

  footer #contact div {
    margin-left: 5px;
    padding-left: 5px;
  }

  footer .bf .section-cn {
    padding: 0;
  }

  #copy {
    float: left;
    padding: 10px 10px 0;
    width: calc(100% - 20px);
    text-align: center;
    font-size: 1.033em;
  }

  #design .open {
    display: block;
    padding: 5px 0 5px;
  }

  #design .webpixel {
    color: #F00;
  }

  #design {
    float: right;
    padding: 10px 0px;
    text-align: center;
    clear: both;
    width: 100%;
    font-size: 1.066em;
  }






  #content #subList3 article {
    width: calc(50% - 10px);
  }
  
  #content #subList3 article h2 {
	width: 90%;
	word-spacing: 100vw;
  }  

  #pTable,
  .versionsTable {
    width: 98%;
    margin: 10px 1%;
    font-size: 0.9em;
    float: left;
    clear: both;
  }

  #pTable td ul {
    width: 100% !important;
  }

  #pTable td img {
    width: 100% !important;
    height: auto;
  }

  #pageBoxes .box {
    float: left;
    width: calc(50% - 10px);
    margin: 5px;
  }

  #Comments .title {
    margin: 0 0 0 10px;
  }

  #Comments #comments-list {
    width: 100%;
  }

  #Comments form {
    float: left;
    width: 90%;
    margin: 20px 5% 0;
  }

  .imagePreview {
    display: none;
  }

  #product #imagesListPreview {
    float: left;
    width: 100% !important;
    margin: 0;
    height: 340px;
	position:relative;
  }

  #product #mainBox {
    float: right;
    width: 100% !important;
  }

  #product #mainImage {
    float: left;
    width: 100% !important;
  }

  #product #imagesListPreview div {
    width: 100%;
    height: 420px;
    line-height: 420px;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  #product #imagesListPreview div img {
    height: 100%;
    max-height: 420px;
    width: auto !important;
    vertical-align: middle;
	margin:0 auto;

  }

  #product h1 {
    width: calc(100% - 10px);
    margin: 0px 0 0 10px;
    font-size: 1.433em;
  }

  #product .breadcrumb {
    display: none;
  }

  #product #mainBox #specification {
    width: 96%;
    margin: 10px 2%;
  }

  #product #mainBox #specification li {
    padding: 3px 0 3px 30px;
  }

  #product #mainBox #specification li span {
    width: calc(100% + 10px);
    text-align: left;
    margin-left: -10px;
    font-size: 0.8em;
  }

  #product #mainBox #specification li:nth-child(even) {
    background: #ebecec;
  }

  #product #mainBox #box {
    padding: 40px 0;
    width: calc(96% - 2px);
    margin: 0 2%;
  }

  #productDescription,
  #moreProductDescription,
  #productPageDescription {
    padding: 10px;
  }

  #productPageDescription #pTable {
    width: 90%;
    float: left;
    margin: 0 0 0 3%;
  }

  .calcButton {
    width: 96%;
    margin: 10px 2%;
  }

  .calcButton span {
    padding: 15px 0px 0;
    text-align: center;

  }

  #calcTable {
    margin: auto;
    width: 90% !important;

  }

  #calcTable td {
    padding: 5px 3px;
    font-size: 0.9em;
  }

  #calcTable thead td {
    font-size: 0.8em;
  }

  #calcTable .input {
    width: 50px;
    font-size: 0.9em;
  }

  #addBasket {
    display: none;
    position: fixed;
    background: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1999;
  }

  #addBasket fieldset {
    width: calc(90% - 20px);
    margin: 30px auto 0;
    padding: 10px;
  }

  #addBasket fieldset #closeForm {
    margin-top: -20px;
    margin-right: -20px;
  }

  #addBasket fieldset #closeForm i {
    line-height: 24px;
    height: 24px;
    width: 24px;
    font-size: 1.433em;
  }

  #addBasket fieldset p {
    float: left;
    padding: 10px 0 0;
  }

  #addBasket fieldset .input {
    width: 50px;
  }

  #addBasket fieldset button {
    margin: 10px 0 0;
    font-size: 0.9em;
  }

  #addBasket table {
    font-size: 1.033em;
  }

  #addBasket table td {
    padding: 6px 5px;
  }

  .leftImage {
    width: 50%;
    margin: 0;
    padding: 0 10px 2px 0;
  }

  .contactPage #ContactForm {
    float: left;
    margin: 0;
    width: 100%;
  }

  .contactPage #ContactForm fieldset {
    padding: 10px;
  }

  .contactPage #ContactForm button {
    margin-right: 10px;
  }

  .contactPage .contact_data {
    font-size: 1.233em;
  }

  #anfrageForm #orderedProducts,
  #anfrageForm #anfrageData {
    width: calc(100% - 20px);
    padding: 10px;
  }

  #anfrageForm #anfrageData {
    margin: 20px 0 0;
  }

  #anfrageForm #orderedProducts legend {
    font-size: 1.066em;
  }

  #anfrageForm #orderedProducts table .name,
  #anfrageForm #orderedProducts table .name {
    width: 46%;
  }

  #anfrageForm #orderedProducts table tfoot button,
  #anfrageForm #orderedProducts table tfoot input {
    font-size: 0.933em;
  }

  .products-slider .productItem .photo {
    height: 360px;
    overflow: hidden;
    text-align: center;
  }

  .products-slider .productItem .photo img {
    height: auto;
    width: 100%;
  }

  #content #imagesList3 li,
  #content #imagesList4 li {
    margin: 5px;
    width: 96%;
  }

  #page iframe {
    width: 100%;
    height: auto !important;
    margin: 0 0px 20px;
  }

#g-recaptcha, #anfrageData #g-recaptcha {float:left;clear:both;margin:0 0 0 0px;position:relative;left:0;padding:0;}

}

@media all  and (min-width: 481px) and (max-width: 980px) {
	
  section .section-cn
  {
    width: 600px;
    margin: 0 auto;
    left: 0;
  }	
  
 
	
}

@media all and (max-width: 500px){
	
  #mobileMenu {
    right: -320px;    
    width: 320px;    
  }	
  
  #mobileMenu .sub {
   
    right: -320px;
	padding-left:00px;
    width: 320px;
  }  
  
  #mobileMenu .sub a {font-size:0.8em;}
 
.mobilBanner {}

#page1 .articel {float:left;width:100%;}

#page1 #page div.content .mainImage {display:none;}
#offerList .section-cn h3 {display:none;}

#offerList .offerItems img {width:100%;}
body {float:left;width:100%;}

#news article {display:none;}

.newsList article {
	width:calc(100% - 20px);
	margin:10px;
}

#news article.ns-1, .newsList article.ar-1 {
	display:block;
	border:3px solid #957033;
	padding: 40px 30px;
	width: calc(100% - 86px);
	height:240px;
}



#news #news-ds .title {padding-left:10px;float:left;margin-bottom:0;width:auto;}
#offerList strong {padding-left:10px;}
 footer #contact ul {width:100%;}

#ue, #ue-new {width:98%;margin:0 1%;} 
#ue a, #ue-new  a {padding:20px 10px;}
#ue a img {height:30px;}

#ue-new {margin:15px 1% 0;}
#ue-new img {height:40px;}

#menu-display {margin-top:20px 0 0;line-height:100px;}

#page .colorsKostka tr {display:block;width:100%;}
#page .colorsKostka td {display:block;width:50%;float:left;}

#subList3 article {width:50%;}

#imagesList1 {display:none;}

#products {float:left;}

#products.productscolumn .list li {
  float: left;
  width: calc(100% - 28px);
  clear: none;
  overflow: hidden;
  margin: 3px;
  padding: 10px;
  position: relative;
  border-bottom:1px solid #e0e0e0;
}

#products.productscolumn .list li img {
  transition: transform .4s;
  width:100%;
  float:left;

}

#products.productscolumn .list li img:hover {
  transform: scale(1.1);
}

#products.productscolumn .list li .photo {
  overflow: hidden;
  margin: 10px 0;
  text-align: center;
  float:left;
  border:6px solid #dce1e3;  
  padding:4px;  
  width:calc(100% - 20px);

}

#products.productscolumn .list li table, #products.productscolumn .list li .description {
	width:100%;
	margin:0;
}

#products.productscolumn .list li.pr .photo, #products.productscolumn .list li.pl table {
	float:left;
}

.m2messure {display:none;}
.versionsTable td {font-size:1.1em;}
 
}

@media all and (min-width: 481px) and (max-width: 989px) {}

@media all and (min-width: 990px) {

  /* MENU TOP */
  #menu1 {
    float: left;
    padding: 0;
    margin: 0 0px 0 70px;
    z-index: 100;
	display:none;
  }

  #menu1 ul {
    margin: 0;
    list-style: none;
    text-align: center;
    position: relative;
  }

  #menu1 li {
    display: inline-block;
    padding: 0;
  }

  #menu1 li:before {
    display: block;
    content: "|";
    position: absolute;
    margin-left: -1px;
    margin-top: 25px;
    font-size: 8px;
    color: #000;
    height: 8px;
  }

  #menu1 .l1:before {
    display: none;
  }

  #menu1 li a {
    float: left;
    padding: 0px 16px 0px;
    font-size: 1.037em;
    text-decoration: none;
    background: transparent;
    text-transform: uppercase;
    color: #a7a9ac;
    line-height: 60px;
    height: 60px;
  }

  #menu1 li a:hover,
  #menu1 .selected a {
    color: var(--href-color);
    text-shadow: none;
  }

  #menu1 .sub1 {

    position: absolute;
    top: 60px;
    border-top: 0;
    float: left;
    z-index: 102;
    float: left;
    padding: 5px 0px;
    display: none;


  }

  #menu1 .sub2 {

    position: absolute;
    border-top: 0;
    margin-top: -5px;
    left: 215px;
    z-index: 102;
    float: left;
    padding: 5px 0px;
    font-size: 0.933em;
    background: 2px solid #ff0;
    display: none;

  }

  #menu1 li:hover .sub1,
  #menu1 .sub1 li:hover .sub2 {
    display: block;
    -webkit-animation: fadeIn 1.2s;
    animation: fadeIn 1.2s;
  }

  @-webkit-keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  #menu1 .sub ul {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    text-align: left;
    background: #222222;
    border: 1px solid #3f3f3f;
  }

  #menu1 .sub ul li {
    float: left;
    clear: left;
    padding: 3px 5px;
    border: 0px;
    width: 210px;
    border-bottom: 1px dotted #4f4f4f;
  }

  #menu1 .sub ul li a {
    padding: 5px 0px 5px 5px;
    text-decoration: none;
    background: none;
    transition-duration: 0.7s;
    color: #a7a9ac;
    width: 205px;
    line-height: 30px;
    height: 30px;
  }

  #menu1 .sub ul li a:hover {
    text-decoration: none;
    transition-duration: 0.7s;
    padding-left: 15px;
    background: var(--main-color);
    color: #fff;
    width: 195px;
  }

  #menu1 .sub ul li:before {
    display: none;
  }

  #menu1 .sub ul li.lL {
    border: 0;
  }





}

@media all and (min-width: 1301px) {

  section .section-cn,
  #nivoControlPanel, 
  #pBanner .section-cn {
    width: 1200px;
    margin: 0 auto;
  }

  #pBanner .section-cn {
    margin-left:-600px;
  }

  
  #head1 .section-cn {
	  width:98%;
	  max-width:1800px;
  }
  
#searchForm .search_fields .input {
  float:left;
  border: 1px solid #d0d0d0;
  font: normal 14px Tahoma;
  line-height:36px;
  height:36px;
  margin: 0 10px 0 0;
  padding:0 5px;
  background: #fff;
  width: 80%;
  font-size: 1.433em;
  
}  


  #nivoControlPanel {
    z-index: 10;
  }

  #boxes1 .box .content {
    display: block;
  }

  #product #imagesListPreview div img {
    object-fit: fill;
    height: 100px;
  }
  
#searchForm .search_fields {
	margin:80px auto 0;
	width:50%;
	background:transparent;
	position:relative;
	padding:10px 0;
}  

}

.center {
  text-align: center;
}