@charset "UTF-8";

body {
  font-family: 'Raleway-Regular';
  background: #fff;
  margin: 0;
  padding: 0;
}

@font-face {
	font-family: 'Raleway-SemiBold';
	src: url('../fonts/Raleway-SemiBold.eot');
	src: url('../fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Raleway-SemiBold.ttf') format('truetype'),
		 url('../fonts/Raleway-SemiBold.woff') format('woff'),
		 url('../fonts/Raleway-SemiBold.woff2') format('woff2');
}

@font-face {
	font-family: 'Raleway-Regular';
	src: url('../fonts/Raleway-Regular.eot');
	src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Raleway-Regular.ttf') format('truetype'),
		 url('../fonts/Raleway-Regular.woff') format('woff'),
		 url('../fonts/Raleway-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Raleway-Bold';
	src: url('../fonts/Raleway-Bold.eot');
	src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Raleway-Bold.ttf') format('truetype'),
		 url('../fonts/Raleway-Bold.woff') format('woff'),
		 url('../fonts/Raleway-Bold.woff2') format('woff2');
}

@font-face {
	font-family: 'Raleway-Medium';
	src: url('../fonts/Raleway-Medium.eot');
	src: url('../fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/Raleway-Medium.ttf') format('truetype'),
		 url('../fonts/Raleway-Medium.woff') format('woff'),
		 url('../fonts/Raleway-Medium.woff2') format('woff2');
}

a, hr, header, h2, h3, input a, .smallbar, strong {-moz-transition:all 500ms ease-in-out;-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;}

header {font-family:'Raleway-SemiBold';float:left;background:rgba(55,55,55,1);width:100%;padding:10px 0;}

.menu {float:left;width:100%;}
.menu li {float:right;}
.menu a {float:left;color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:11px;text-decoration:none;margin:28px 0 0 25px;}
.menu a:hover {color:#a72920;}

.active {color:#a72920!important;}

.dropdown-menu {width:285px!important;padding:12px 0!important;}
.dropdown-menu a {color:#9E9E9E!important;margin:10px 0 10px 20px;}
.dropdown-menu a:hover {color:#fff!important;}

.logo {float:left!important;text-transform:uppercase;}
.logo a {width:190px;margin:0;}
.logo img {float:left;height:60px;}
.logo strong {font-family:'Raleway-Medium';float:right;width:100px;font-size:16px;margin-top:11px;line-height:20px;font-weight:normal;color:#fff;}
.logo b {font-family:'Raleway-Bold';font-weight:normal;color:#a72920;font-size:32px;}

.lang {margin-left:15.5%;}
.lang a {margin:16px 0 0 20px!important;}
.lang img {width:32px;float:left;}
/*--- Start slider ---*/
.sliderbox {float:left;width:100%;}

.sliderbox img {
  float: left;
  width: 100%;
  position: relative;
  z-index: 9;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	transition: transform .2s ease-out;
}

.slides {
	position:relative;
	float:left;
	width:100%;
	z-index:10;
}

.bx-caption {
  position: absolute;
  width: 35%;
  left: 10%;
  bottom: 28%;
  color: #fff;
  z-index: 9999;
  overflow: hidden;
}

.bx-caption h1 {
  background: rgba(167, 41, 32, 0.7);
  padding: 16px;
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
}

.bx-caption strong {font-family:'Raleway-Bold';font-weight:normal;}

.sliderbox hr {width:10px;height:2px;background-color:#fff;margin:0 auto;border:none;opacity:0;}

.introslider .bx-pager {display:none;}

.subslider .slides {margin-top:-150px;}
.subslider h1 {display:block;font-family:'Raleway-SemiBold';line-height:70px;font-weight:normal;text-transform:uppercase;font-size:50px;color:#fff;text-align:center;letter-spacing:2px;}
.subslider strong {text-transform:none;font-weight:normal;}
.subslider hr {width:60px;height:5px;opacity:1;}
.subslider img {display:inline;height:240px;}
/*--- End slider ---*/
article {float:left;width:100%;}

.right-documents {float:right;width:80%;margin:50px 0 80px 0;}
.right-documents img {display:block;margin:0 auto 50px auto;width:92%;}

.document {float:left;width:100%;margin:50px 0 80px 0;}
.document h2 {font-family:"Raleway-Bold";float:left;width:100%;margin-top:30px;color:#212121;font-size:14px;font-weight:normal;text-transform:uppercase;letter-spacing:1px;}
.document hr {float:left;width:35px;height:3px;background-color:#212121;margin-top:10px;border:none;}
.document p {float:left;width:100%;color:#757575;line-height:24px;font-size:14px;margin-top:20px;}
.document strong {color:#212121;font-family:'Raleway-Bold';}
.document ol, .document ul {float:left;width:100%;margin:20px 0 0 15px;}
.document ol {list-style-type:decimal;}
.document ul {list-style-type:disc;}
.document li {float:left;width:100%;color:#757575;line-height:22px;font-size:14px;margin-top:6px;}
.document li:first-child {margin-top:0;}
.document a {float:left;color:#757575;line-height:22px;font-size:14px;text-decoration:underline;}
.document a:hover {color:#a72920;}
.document form {float:left;width:100%;margin-bottom:30px;}
.document form p {margin-bottom:25px;margin-top:30px;text-align:center;}
.document form h2 {font-size:26px;text-align:center;margin-bottom:10px;}
.document form hr {display:block;margin:0 auto;float:none;}
.document i {text-transform:lowercase;font-style:normal;}
.document img {float:left;width:280px;}

.formbox {display:block;margin:0 auto;width:56%;}
.formbox label {color:#212121;font-size:14px;float:left;width:100%;font-family:"Raleway-Bold";font-weight:normal;}
.formbox input, .formbox textarea {
  float: left;
  width: 100%;
  border: 1px solid #e0e0e0;
  color: #212121;
  font-size: 14px;
  border-radius: 4px;
  background-color: #F8F8F8;
  padding: 12px;
  margin-top: 6px;
  box-shadow: 4px 4px 0 #dee8eb;
  -webkit-box-shadow: 4px 4px 0 #dee8eb;
  -moz-box-shadow: 4px 4px 0 #dee8eb;
}

.formbox textarea {height:200px;resize:vertical;}

.arearow {margin-top:10px;float:left;width:100%;}

.inputrow {width:46%;float:left;margin:10px 0;}
.inputrow:nth-child(2n) {float:right;}

.buttonrow {float:left;width:100%;}

#account {
  color: #fff;
  width: auto;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 4px;
  float: left;
  padding: 16px;
  margin-top: 25px;
  font-family: "Raleway-Bold";
  font-size: 14px;
  box-shadow: 4px 4px 0 #dee8eb;
  -webkit-box-shadow: 4px 4px 0 #dee8eb;
  -moz-box-shadow: 4px 4px 0 #dee8eb;
  background-color: rgba(55, 55, 55, 1);  
}

#account:hover {background-color:#a72920;}

.download {background:url(../images/download.png) 0 0 no-repeat;padding:4px 0 14px 45px;width:100%;margin-top:14px;}

.contact {margin:70px 0 60px 0;}
.contacts {float:left;width:20%;}
.contacts ul {list-style-type:none;margin:10px 0 0 0;}
.contacts h2 {font-size:12px;margin-top:0;}
.contacts li {margin-top:2px;font-size:12px;}
.contacts a {float:none;font-size:12px;}

.bold li {font-family:"Raleway-Semibold";}

iframe {float:left;width:100%;height:500px;}

.dodavatel {float:left;width:100%;}
.dodavatel a {float:left;width:12.4%;margin-right:2.37%;margin-top:27px;border:1px solid #e0e0e0;padding:1%;box-shadow:4px 4px 0 #dee8eb;-webkit-box-shadow:4px 4px 0 #dee8eb;-moz-box-shadow:4px 4px 0 #dee8eb;}
.dodavatel a:nth-child(6n) {margin-right:0;}
.dodavatel img {float:left;width:100%;}
.dodavatel a:hover {box-shadow:0 0 18px #e0e0e0;}

.smallbars {float:left;width:100%;}
.smallbar {float:left;width:33.3336%;height:400px;}
.smallbar a {float:left;width:100%;text-decoration:none;}
.smallbar .img-container img {
	width: 100%;
	height: 400px;
	float: left;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: -webkit-transform .3s ease-out;
	-moz-transition: -moz-transform .3s ease-out;
	-ms-transition: -ms-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
}
.smallbar:hover .img-container img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.img-container {position:relative;display:block;overflow:hidden;}

.smallbar h2 {
  position: relative;
  z-index: 999;
  background: #a72920;
  color: #fff;
  font-family: "Raleway-SemiBold";
  text-transform: uppercase;
  font-size: 16px;
  line-height: 20px;
  float: none;
  margin-top: -47%;
  margin-bottom: 120px;
  padding: 20px 0;
  text-align: center;
  letter-spacing: 1px;
  height: 40px;
}
.smallbar:hover h2 {background:rgba(55,55,55,0.85)!important;}
.smallbar strong {display:block;font-weight:normal;padding:0 7%;}

.logo-led {position:absolute;z-index:999;margin:0;margin:12px;height:60px!important;}

.servicebars {float:left;width:100%;}
.servicebar {float:left;width:100%;text-align:center;margin-top:3px;}
.servicebar h2 {position:relative;float:left;margin-top:-94px;width:100%;color:#fff;font-size:18px;text-transform:uppercase;font-family:'Raleway-Semibold';font-weight:normal;letter-spacing:2px;}
.servicebar strong {display:inline-block;background:rgba(55,55,55,0.8);padding:20px;}
.servicebar img {float:left;width:100%;}

.categories {background:#fff;}

.productbars {float:right;width:80%;}
.productbars .smallbar {width:16.66%;}
.productbars .smallbar .img-container img, .productbars .smallbar {height:180px;}
.productbars .smallbar h2 {font-size:14px;height:0;padding:7px 0 26px 0;margin-top:-60px;}

.minibars {float:none;width:auto!important;display:block;margin-top:10px;}
.minibars .smallbar {width:49%!important;margin-right:2%!important;}
.minibars .smallbar:nth-child(2n) {margin-right:0!important;}
.minibars .smallbar:nth-child(3n) {margin-right:2%!important;}
.minibars .smallbar h2 {font-size:13px;}

.minibars-h2 {font-family:"Raleway-Bold";display:block;color:#212121;font-size:14px;font-weight:normal;text-transform:uppercase;letter-spacing:2px;margin:30px 0 30px 0;}

.other-products {width:100%;}

.realizations {width:100%!important;}
.realizations .smallbar {width:20%;}
.realizations .smallbar .img-container img, .realizations .smallbar {height:220px;}
.realizations .smallbar h2 {font-size:12px;}

.icon {position:relative;background-color:#a72920;margin-top:-189px;margin-left:auto;margin-right:auto;width:20px;height:20px;padding:8px;display:block;}

.leftbar {float:left;width:20%;background:rgba(55, 55, 55, 1);}
.leftbar h2 {
  float:left;
  width:100%;
  color: #fff;
  font-family: "Raleway-SemiBold";
  text-transform: uppercase;
  font-size: 14px;
  padding: 10px 0 9px 0;
  line-height: 32px;
  letter-spacing: 1px;
}

.orange {background-color:#FF9800!important;}
.cyan {background-color:#00BCD4!important;}
.purple {background-color:#673AB7!important;}
.green {background-color:#8BC34A!important;}
.red {background-color:#F44336!important;}
.blue {background-color:#2196F3!important;}
.brown {background-color:#795548!important;}

.leftbar strong {font-weight:normal;}
.leftbar img {float:left;width:26px;margin:3px 10px 0 28px;}
.leftbar ul {float:left;width:100%;list-style-type:none;}
.leftbar li {float:left;width:100%;border-top:1px solid rgba(0, 0, 0, 0.2);}
.leftbar li:first-child {border-top:none;}
.leftbar a {display:block;background:rgba(55, 55, 55, 1);font-size:10px;color:#757575;padding:12px 0px 12px 30px;text-decoration:none;letter-spacing:1px;text-transform:uppercase;}
.leftbar a:hover {background:#424242;}
.leftbar a strong {color:#BDBDBD;}

.infoboxes {float:left;width:100%;margin:90px 0;}
.infobox {width:29.33%;float:left;margin-right:6%;}
.infobox:nth-child(3n) {margin-right:0;}
.infobox h2 {font-family:"Raleway-SemiBold";float:left;width:72.97%;color:#212121;font-size:14px;font-weight:normal;text-transform:uppercase;letter-spacing:2px;}
.infobox:hover h2 {color:#a72920;}
.infobox p {float:left;width:72.97%;color:#757575;line-height:20px;font-size:14px;}
.infobox a {float:left;width:100%;}
.infobox hr {float:left;width:40px;height:3px;background-color:#a72920;margin:12px 0 10px 0;border:none;}
.infobox a:hover hr {width:55px;}

.infobox a img {
  float: left;
  width: 72px;
  margin-right: 5.5%;
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	transition: transform .2s ease-out;
}

.infobox a:hover img {transform:rotate(30deg);}

.footboxes {float:left;width:100%;text-align:center;background:url(../images/bg-footbox.png);padding:50px 0;}
.footboxes a {float:right;width:44%;text-decoration:none;color:#fff;}
.footboxes a:first-child {float:left;}
.footboxes h2 {float:left;width:100%;font-size:24px;font-weight:normal;line-height:28px;text-transform:uppercase;letter-spacing:3px;margin:18px 0 13px 0;}
.footboxes p {float:left;width:100%;line-height:20px;font-size:14px;margin-top:13px;}
.footboxes time {float:left;width:100%;line-height:20px;font-size:14px;margin-top:8px;}
.footboxes b {float:left;width:100%;font-weight:normal;}
.border {float:left;width:100%;}
.footboxes hr {display:block;width:100px;margin:0 auto;background-color:#fff;height:2px;border:none;}
.footboxes a:hover hr {width:50%;}

.footboxes img {
  display: block;
  width: 100px;
  margin: 0 auto;
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform .2s ease-out;
	-moz-transition: -moz-transform .2s ease-out;
	-ms-transition: -ms-transform .2s ease-out;
	-o-transition: -o-transform .2s ease-out;
	transition: transform .2s ease-out;
}

.footboxes a:hover img {transform:rotate(30deg);}

.foot-container {display:block;margin:0 auto;width:900px;}

.contactbox .foot-container {width:800px;}
.contactbox a {width:100%!important;}
.contactbox h2 {font-size:22px;margin:5px 0 18px 0;}
.contactbox p {font-family:Raleway-SemiBold;font-size:28px;letter-spacing:1px;margin-top:22px;}

.leftbox {float:left;width:57%;margin-top:30px;}
.rightbox {float:right;width:40%;}

.realizacia-list ul {float:right;width:100%;}
.realizacia-list li {float:right;width:100%;border-top:1px solid #E0E0E0;padding:30px 0 28px 0;}
.realizacia-list li:first-child {border-top:none;}
.realizacia-list h2, .product-list h3 {font-family:"Raleway-Semibold";float:left;width:100%;color:#212121;font-size:14px;font-weight:normal;text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;}
.realizacia-list p {float:left;width:100%;color:#757575;font-size:14px;font-weight:normal;line-height:20px;letter-spacing:2px;}
.realizacia-list a {color:#a72920;text-decoration:none;font-family:"Raleway-Semibold";}
.realizacia-list a:hover {color:#212121;}

.product-list {margin-top:10px;width:40%;}
.product-list p {float:left;width:100%;margin:0;line-height:26px;font-size:14px;margin-top:15px;letter-spacing:0;}
.product-list strong {font-family:"Raleway-Bold";font-weight:normal;color:#212121;}

.accordions {float:left;width:100%;margin-top:40px;}
.accordions h2 {
  font-family: "Raleway-Bold";
    float: left;
	width: 100%;
	color: #212121;
	text-transform: uppercase;
    font-weight: normal;
	font-size: 14px;
    margin-bottom: 25px;
	letter-spacing: 1px;
	line-height: 22px;
}
#accordion {float:left;list-style-type:none;padding:0;width:100%;}
#accordion h3 {
    display: block;
    background-color: #EEEEEE;
	color: #212121;
    font-weight:normal;
	font-size: 14px;
    margin-bottom: 2px;
    cursor: pointer;
    padding: 16px 20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#accordion h3:hover {background-color:#a72920;color:#fff;}
#accordion strong {font-family:"Raleway-Bold";font-weight:normal;float:left;width:20%;-moz-transition:none;-webkit-transition:none;transition:none;}
#accordion ul {display:none;list-style:none;padding:0;}
#accordion li {float:left;width:100%;}
#accordion li li {float:left;width:100%;background-color:#FAFAFA;padding:40px 0;}
#accordion h4 {font-family:"Raleway-Bold";display:block;color:#a72920;font-weight:normal;font-size:14px;}
#accordion p {float:left;width:50%;line-height:24px;font-size:13px;margin-top:15px;color:#212121;}
#accordion em {font-style:normal;float:left;width:100%;}
#accordion b {font-family:"Raleway-Bold";float:left;font-weight:normal;}
#accordion span {float:right;width:45%;}
#accordion img {float:right;width:36.5%;}
#accordion a {text-decoration:none;}
#accordion a:hover {text-decoration:underline;}
#accordion span a {font-family:"Raleway-Bold";color:#a72920;border-bottom:2px solid #a72920;padding-bottom:2px;}
#accordion span a:hover {text-decoration:none;color:#212121;border-bottom:2px solid #212121;}

.top {margin-top:15px;}

.parameters {float:left;width:100%;}

.parameter {margin:0 20px;}

.downloads {display:block;width:364px;margin:0 auto;}
.downloads a {float:left;font-family:"Raleway-SemiBold";margin:40px 0 0 12px;border-radius:3px;font-size:13px;background-color:#a72920;color:#fff;padding:20px;text-transform:uppercase;text-decoration:none!important;}
.downloads a:first-child {margin-left:0;}
.downloads a:hover {background-color:#212121;}

.variants {margin-top:40px;}
.variants ul {float:left;width:100%;}
.variants li {float:left;width:100%;font-size:14px;color:#757575;line-height:22px;margin-top:10px;}
.variants li:first-child {margin-top:0;}
.variants strong {float:left;font-family:"Raleway-Bold";font-weight:normal;color:#212121;}
.variants em {float:right;width:90%;font-style:normal;}
.variants a {font-family:"Raleway-Bold";color:#a72920;text-decoration:none;}
.variants a:hover {color:#212121;}

.views {float:left;width:100%;margin-bottom:70px;margin-top:20px;}
.view {width:673px;}
/*--- End content ---*/
/*--- Start footer ---*/
.footerbox {float:left;width:100%;background-color:rgba(55, 55, 55, 1);padding:60px 0 45px 0;}

.foot {float:left;width:22%;}
.foot h3 {font-family:"Raleway-Medium";float:left;width:100%;color:#a72920;font-size:12px;font-weight:normal;text-transform:uppercase;letter-spacing:2px;margin-bottom:22px;}
.foot a {color:#9E9E9E;text-decoration:none;}
.foot a:hover {color:#fff;}
.foot ul {float:left;width:100%;}
.foot li {float:left;width:100%;font-size:13px;line-height:24px;color:#9E9E9E;}
.footmenu a {background:url(../images/arrow.png) no-repeat;padding-left:28px;}
.footmenu a:hover {background:url(../images/arrow-hover.png) no-repeat;}
.foot p {float:left;width:100%;font-size:13px;line-height:22px;color:#9E9E9E;margin-bottom:15px;}

.foot-left {margin-right:10%;}

.foot .logo {letter-spacing:1px;text-transform:uppercase;font-size:11px;margin-bottom:20px;}
.foot .logo img {margin-right:12px;}

.phone {margin-top:10px;}

footer {float:left;width:100%;background-color:#212121;padding:18px 0;}
small {float:left;width:100%;text-align:center;color:#757575;font-size:12px;line-height:18px;}
small a {color:#757575;text-decoration:none;text-transform:uppercase;}
small a:hover {color:#fff;}

.oznam {font-family:"Raleway-Semibold";float:left;width:100%;color:#212121;text-align:center;font-size:30px;text-transform:uppercase;letter-spacing:2px;padding:100px 0;}
/*--- End footer ---*/
/*--- Start responsive ---*/
@media only screen and 
    (max-width: 1199px) {
	
	.containers {margin:0 20px;display:block;}
}

@media only screen and 
    (min-width: 1200px) {
	
	.containers {margin:0 auto;display:block;width:1140px;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 767px) {
	
  header {position:relative;background:rgba(55,55,55,1);padding:12px 0 0 0;}
  .navbar .logo {display:none;}
  .menu li {width:100%;}
  .menu a {margin:26px 0 0 0!important;padding-bottom:0!important;}
  .navbar-default .navbar-toggle .icon-bar {background-color:#9E9E9E!important;}
  .navbar-toggle {padding:0!important;margin-top:36px;}
  .navbar-toggle .icon-bar {width:28px!important;height:3px!important;}
  .navbar-toggle {background-color:rgba(55,55,55,1)!important;}
  .logo a {margin:14px 0 0 0!important;}
  .lang a {margin:0!important;}
  .lang {padding-top:28px!important;}
  .navbar-default {padding-bottom:26px!important;}
}

@media only screen and 
	(min-width: 767px) {
	
  .mobile a {display:none;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 899px) {
	
  .lang {margin-left:3.3%;}
  .menu li:nth-child(3) {display:none;}
}

@media only screen and 
	(min-width: 900px) and
	(max-width: 1023px) {
	
  .lang {margin-left:3.5%;}
}

@media only screen and 
	(min-width: 1024px) and
	(max-width: 1100px) {
	
  .lang {margin-left:8.5%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 479px) {
  
  .slides {margin-top:-180px;}
}

@media only screen and 
	(min-width: 480px) and
	(max-width: 579px) {
	
  .slides {margin-top:-100px;}
}

@media only screen and 
	(min-width: 580px) and
	(max-width: 679px) {
	
  .slides {margin-top:-115px;}
}

@media only screen and 
	(min-width: 680px) and
	(max-width: 779px) {
	
  .slides {margin-top:-130px;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 899px) {
	
  .slides {margin-top:-110px;}
}

@media only screen and 
	(min-width: 900px) and
	(max-width: 1023px) {
	
  .slides {margin-top:-130px;}
}

@media only screen and 
	(min-width: 1024px) and
	(max-width: 1199px) {
	
  .slides {margin-top:-160px;}
}

@media only screen and 
	(min-width: 1200px) and
	(max-width: 1300px) {
	
  .slides {margin-top:-200px;}
}

@media only screen and 
	(min-width: 1301px) and
	(max-width: 1400px) {
	
  .slides {margin-top:-220px;}
}

@media only screen and 
	(min-width: 1401px) and
	(max-width: 1500px) {
	
  .slides {margin-top:-240px;}
}

@media only screen and 
	(min-width: 1501px) and
	(max-width: 1600px) {
	
  .slides {margin-top:-370px;}
}

@media only screen and 
	(min-width: 1601px) and
	(max-width: 1700px) {
	
  .slides {margin-top:-390px;}
}

@media only screen and 
	(min-width: 1701px) and
	(max-width: 1800px) {
	
  .slides {margin-top:-410px;}
}

@media only screen and 
	(min-width: 1801px) and
	(max-width: 1900px) {
	
  .slides {margin-top:-430px;}
}

@media only screen and 
	(min-width: 1901px) and
	(max-width: 2000px) {
	
  .slides {margin-top:-450px;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 479px) {
	
  .subslider .slides {margin-top:-100px;}
  .subslider h1 {line-height:26px;font-size:20px;margin-top:22px;}
  .subslider hr {display:none;}
}

@media only screen and 
	(min-width: 480px) and
	(max-width: 599px) {
	
  .subslider .slides {margin-top:-110px;}
  .subslider h1 {line-height:32px;font-size:26px;margin-bottom:12px;}
}

@media only screen and 
	(min-width: 600px) and
	(max-width: 767px) {
	
  .subslider .slides {margin-top:-130px;}
  .subslider h1 {line-height:40px;font-size:36px;margin-bottom:12px;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 1023px) {
	
  .subslider .slides {margin-top:-120px;}
  .subslider h1 {line-height:40px;font-size:36px;margin-bottom:12px;}
}

@media only screen and 
	(min-width: 1024px) and
	(max-width: 1099px) {
	
  .subslider .slides {margin-top:-160px;}
  .subslider h1 {line-height:54px;font-size:50px;margin-bottom:12px;}
}

@media only screen and 
	(min-width: 1100px) and
	(max-width: 1200px) {
	
  .subslider .slides {margin-top:-185px;}
  .subslider h1 {line-height:54px;font-size:50px;margin-bottom:12px;}
}

@media only screen and 
	(min-width: 1201px) and
	(max-width: 1300px) {
	
  .subslider .slides {margin-top:-210px;}
  .subslider h1 {line-height:54px;font-size:50px;margin-bottom:12px;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 767px) {
	
  .infobox {width:100%;margin-right:0;margin-top:40px;}
  .infoboxes .infobox:first-child {margin-top:0;}
  .infobox h2, .infobox p {width:68.79%;}
  .infobox hr {width:15%;}
  .infobox:hover hr {width:18%;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 899px) {
	
  .infobox {width:30.66%;margin-right:4%;}
  .infobox h2, .infobox p {width:62.25%;}
}

@media only screen and 
	(min-width: 900px) and
	(max-width: 1179px) {
	
  .infobox {width:30.66%;margin-right:4%;}
  .infobox h2, .infobox p {width:67.19%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 1000px) {
	
  .foot-container {width:100%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 599px) {

  .footboxes a {width:100%;margin-top:50px;}
  .footboxes a:first-child {margin-top:0;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 767px) {
	
  .foot {width:100%;margin-top:40px;}
  .foot:first-child {margin-top:0;}
  .foot-left {margin-right:0;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 1000px) {
	
  .foot-left {width:27%;margin-right:7%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 479px) {
	
  .dodavatel a {width:44.29%;margin-right:6%;}
  .dodavatel a:nth-child(2n) {margin-right:0;}
}

@media only screen and 
	(min-width: 480px) and
	(max-width: 767px) {
	
  .dodavatel a {width:26.88%;margin-right:6%;}
  .dodavatel a:nth-child(3n) {margin-right:0;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 1199px) {
	
  .dodavatel a {width:12.31%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 599px) {
	
  .contacts {width:100%;margin-top:40px;}
  .contact .contacts:first-child {margin-top:0;}
}

@media only screen and 
	(min-width: 600px) and
	(max-width: 767px) {
	
  .contacts {width:33.3334%;}
  .none1, .none2 {display:none;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 899px) {
	
  .contacts {width:25%;}
  .none1 {display:none;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 599px) {
	
  .formbox {width:85%;}
  .inputrow {width:100%;}
}

@media only screen and 
	(min-width: 600px) and
	(max-width: 899px) {
	
  .formbox {width:85%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 599px) {
	
  .smallbar {width:100%;}
}

@media only screen and 
	(min-width: 600px) and
	(max-width: 899px) {
	
  .smallbar {width:50%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 1100px) {
	
  .smallbar h2 {font-size:14px;margin-top:-230px;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 899px) {
	
  .contactbox .foot-container {width:100%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 479px) {
	
  .leftbar {width:100%;}
  .productbars {width:100%;}
  .productbars .smallbar {width:100%;}
}

@media only screen and 
	(min-width: 480px) and
	(max-width: 599px) {
	
  .leftbar {width:100%;}
  .productbars {width:100%;}
  .productbars .smallbar {width:50%;}
}

@media only screen and 
	(min-width: 600px) and
	(max-width: 767px) {
	
  .leftbar {width:48%;}
  .productbars {width:52%;}
  .productbars .smallbar {width:100%;}
  .other-products {width:100%;}
  .other-products .smallbar {width:33.3334%;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 899px) {
	
  .leftbar {width:36%;}
  .productbars {width:64%;}
  .productbars .smallbar {width:50%;}
  .other-products {width:100%;}
  .other-products .smallbar {width:25%;}
}

@media only screen and 
	(min-width: 900px) and
	(max-width: 1023px) {
	
  .leftbar {width:32%;}
  .productbars {width:68%;}
  .productbars .smallbar {width:33.3334%;}
  .other-products {width:100%;}
  .other-products .smallbar {width:25%;}
}

@media only screen and 
	(min-width: 1024px) and
	(max-width: 1199px) {
	
  .leftbar {width:28%;}
  .productbars {width:72%;}
  .productbars .smallbar {width:33.3334%;}
  .other-products {width:100%;}
  .other-products .smallbar {width:20%;}
}

@media only screen and 
	(min-width: 1200px) and
	(max-width: 1299px) {
	
  .leftbar {width:24%;}
  .productbars {width:76%;}
  .productbars .smallbar {width:25%;}
  .other-products {width:100%;}
  .other-products .smallbar {width:16.66%;}
}

@media only screen and 
	(min-width: 1300px) and
	(max-width: 1399px) {
	
  .leftbar {width:22%;}
  .productbars {width:78%;}
  .productbars .smallbar {width:20%;}
  .other-products {width:100%;}
  .other-products .smallbar {width:16.66%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 767px) {
	
  .servicebar {margin-top:1px;background:#a72920;}
  .servicebar img {display:none;}
  .servicebar h2 {margin-top:0;line-height:22px;}
  .servicebar strong {background:rgba(55,55,55,0);}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 899px) {
	
  .servicebar h2 {margin-top:-63px;font-size:14px;}
}

@media only screen and 
	(min-width: 900px) and
	(max-width: 1023px) {
	
  .servicebar h2 {margin-top:-69px;font-size:14px;}
}

@media only screen and 
	(min-width: 1024px) and
	(max-width: 1100px) {
	
  .servicebar h2 {margin-top:-77px;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 767px) {
	
  .leftbox, .rightbox {width:100%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 479px) {
	
  .minibars .smallbar {width:100%!important;margin-top:20px;}
  .minibars .smallbar:first-child {margin-top:0;}
}

@media only screen and 
	(min-width: 480px) and
	(max-width: 599px) {
	
  .minibars .smallbar {width:50%!important;margin-right:0!important;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 1023px) {
	
  .minibars .smallbar {width:50%!important;margin-right:0!important;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 767px) {
	
  .product-list {margin-top:-15px;margin-bottom:20px;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 599px) {
	
  .variants em {width:80%;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 599px) {
	
  .view {width:100%;}
  .view a {margin:10px 0 0 0;width:100%;padding:20px 0;text-align:center;}
}

@media only screen and 
	(min-width: 600px) and
	(max-width: 767px) {
	
  .view {width:549px;}
  .view a {padding:20px 14px;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 479px) {
	
  .downloads {width:100%;}
  .downloads a {margin:10px 0 0 0;width:100%;padding:20px 0;text-align:center;}
  .downloads a:first-child {margin-top:40px;}
  .view a:first-child {margin-top:30px;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 767px) {
	
  #accordion li li {padding:40px 0;}
  #accordion p {padding-bottom:30px;width:100%;}
  #accordion img {float:none;width:100%;display:block;}
}

@media only screen and 
	(min-width: 240px) and
	(max-width: 767px) {
	
  .bx-caption {display:none;}
}

@media only screen and 
	(min-width: 768px) and
	(max-width: 899px) {
	
  .bx-caption {width:40%;bottom:15%;}
  .bx-caption h1 {font-size:18px;line-height:24px;}
}
/*--- End responsive ---*/