﻿@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriadpro-regular-webfont.eot');
    src: local('☺'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfonty2YJEPL4') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

nav .act > a { font-weight: bold; text-decoration: underline !important; }
body {font-family: Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; line-height: 1.5; color: #000;}
.home {background: url(images/body-bg.jpg) no-repeat 50% 0 transparent;}
.newpage.home {background-image: url(images/body-bg-new.jpg); }
.nohand { cursor: default !important; }

.top {max-width: 980px;	width: auto; margin: 0 auto; padding: 0 0 0 50px; /* overflow: hidden; */ }
	
	.top .logo {float: left; margin: 0; text-align: right; color: #a1a1a1; font-size: 10px; text-decoration: none;}
	.top .logo h1 { margin: 0; padding: 0; }
	.subpage .top .logo {margin: 0 0 10px 0; padding: 0 30px 10px 30px; }
	.subpage .top.logobluejpg .logo	{ background-color: #069FDB;  }
		.top .logo img {display: block;}
		
		.newpage.home .top .logo { padding: 36px 30px 34px 30px; background-color: white; }
		.newpage.home .top .logo img { width: 211px; }
		.newpage.subpage .top .logo img {margin: 35px 0 20px 0; width:211px;} /* margin: 0 0 5px 0 */
	
	.top .right {float: right; margin: 6px 2px 0 0;}
		
		.top .right .lang, .top .right form {float: right;}
		
		.top .right form {border: 1px solid #cdcdcd; padding: 2px 2px 2px 2px; margin: 3px 0 0 0;}
		.subpage .top .right form {border-color: #003464;}
			.top .right form input {outline: 0; font-size: 11px;}
			.top .right form input[type="text"] {border: 0; padding: 0; color: #cdcdcd; width: 130px; background: transparent;}
			.subpage .top .right form input[type="text"] {color: #003464;}
			.top .right form input[type="submit"] {border: 0; padding: 0; width: 17px; height: 15px; background: url(images/sprites.png) no-repeat 0 -15px transparent; text-indent: -3000em;}
			.subpage .top .right form input[type="submit"] {background-position: 0 0;}
		
		.top .right .lang {margin: 7px 50px 0 25px;}
			.top .right .lang a {display: block; height: 13px; line-height: 11px; padding: 2px 0 0 25px; background: url(images/sprites.png) no-repeat 0 -30px transparent; color: #4f687f; text-decoration: none; font-size: 11px;}
			.newpage .top .right .lang a { color: #fff; }
			.top .right .lang a:hover {background-position: 0 -45px;}
			.newpage .top .right .lang a:hover { text-decoration: underline; }
			.top .right .lang a.pl { background-image: url(images/sprites-en.png); }
		
		.top .right nav ul.menu_top_121 {list-style: none; margin: 23px 40px 0 0; padding: 0}
		.top .right nav ul.menu_top_121 { position: relative; }
			
            .top .right nav ul.menu_top_121 .dropdown { background-color: #EBEBEB; list-style: none; margin: 0; padding: 10px; display: none; position: absolute; z-index: 999; 
                
            }
				.top .right nav ul.menu_top_121 .dropdown li { color: black !important; font-size: 15px; text-align: left; float: none; padding: 0; margin: 0; }
					.newpage.home .top .right nav ul.menu_top_121 .dropdown li a { text-decoration: none; color: black !important; }
					.top .right nav ul.menu_top_121 .dropdown li:hover { text-decoration: underline; /* background-color: #059EDB; */ }
					.top .right nav ul.menu_top_121 li:hover .dropdown { display: block; }
			
			.top .right nav ul li {float: left; text-transform: uppercase; font-size: 16px; padding: 0 10px; font-family: 'MyriadProRegular'}
				.top .right nav ul li a {color: #fff; text-decoration: none;}
				.subpage .top .right nav ul li a {color: #003464;}
					.top .right nav ul li a:hover {text-decoration: underline;}				

					.newpage h1.header , .newpage .products aside h6 , .newpage .top .right nav ul li a , p.some-like-header {color: #727271 !important; }		
					.newpage.home	.top .right nav ul li a {color: #fff !important; }			

.slider {width: 980px; margin: 23px auto 0 auto; padding: 0 0 0 50px;}
	.slider .txt { float: left; width: 300px;text-align: justify;}
	.newpage .slider .txt { margin-top:30px; }
	.slider .txt .txt-inner { color: white; font-size: 13px; }
		.slider .txt h2 { /*text-shadow: 1px 0 25px #000; */ font-size: 26px; margin: 20px 0 15px 0; line-height: 36px; color: #fff; font-weight: lighter}
		.slider .txt h2 a { color: inherit; }		
		.slider .txt .btn {display: block; width: 210px; height: 94px; text-indent: -3000em; background-image: url(images/sprites.png); background-repeat: no-repeat; background-color: transparent;}
			.slider .txt .btn.przemysl {background-position: 0 -370px;}
				.slider .txt .btn.przemysl:hover {background-position: 0 -465px;}
	.slider figure {float: left; width: 551px; margin: 0 0 0 79px;}
		.slider figure img {margin: 0 !important;}

		@-moz-document url-prefix() {
		    .slider figure img {margin: 0 0 0 1px !important;}
		}

	.slider .bx-wrapper {margin: 0;}
	.slider ul {margin-left: 0; padding-left: 0;}

.intro {width: 100%; height: 335px; background: url(images/slider-bg.jpg) repeat-x 0 0 transparent;}
.newpage .intro { background-image: url(images/slider-bg-new.jpg); }
	.intro div {width: 951px; height: 335px; background: url(images/slider-bg.png) no-repeat 0 100% transparent; padding: 0 34px; margin: 0 auto;}
	.newpage .intro div { background-image: url(images/slider-bg-new.png); }

.content {width: 980px; padding: 40px 0 0 50px; margin: 0 auto;}
.content #content-box , .products #content-box { text-align: justify; }
.content #content-box img { max-width: 510px !important; }
#content-box { margin-bottom: 30px; }

.content #content-box .images-list { margin: 20px 0; padding: 0; list-style: none; }
.content #content-box .images-list li { margin: 25px; display: inline-block; text-align: center; }
.content #content-box .images-list li img { height: 55px; }
.content #content-box .images-list.refference li img {  } 
.content #content-box .insert-elements-block { text-align: center; }	
.content #content-box .insert-elements-block .header { text-align: left; width: 100%; float: none; }
	
	article #content-box.scaled { width: 430px; margin-right: 10px; float: left; }
	article .gallery-mod ul { list-style: none; margin: 0; padding: 0; }
	article .gallery-mod.gallery-column { margin: 15px 0; width: 120px; float: right; }
	article .gallery-mod.gallery-column ul li { margin-bottom: 10px; }	
	article .gallery-mod.gallery-column ul li img { width: 120px; }
 
	article .gallery-mod.gallery-normal ul li { display: inline-block; margin: 5px; }
	article .gallery-mod.gallery-normal ul li img { height: 100px; }
		
	article #content-box .gallery-mod.gallery-normal { }	

	.categories {list-style: none; margin: 0; padding: 0; width: 510px; float: right;}
	.subpage .categories {float: none; width: 100%; margin: 0; padding: 20px 0 20px 35px}
		.categories li {width: 220px; float: left; padding: 0 0 0 20px; position: relative; height: 115px; margin: 0 50px 0 0; font-size: 11px;}
		.subpage .categories li {margin: 0 0 30px 0; padding: 110px 30px 0 20px; height: auto; min-height: 250px; width: 250px;}
		.categories li:nth-child(2n+2), .subpage .categories li:nth-child(3n+3) {margin-right: 0;}
		/*.subpage .categories li:nth-child(2n+2) {margin-right: 30px;}*/
			.categories li div {width: 12px; height: 71px; position: absolute; top: 0; left: 0; background: url(images/arrow-categories.png) no-repeat 0 0 transparent; z-index: 2;}
			.categories li span {width: 8px; height: 65px; position: absolute; top: 6px; left: 1px; z-index: 1;}
				.categories li .yellow {background-color: #00B0E3}
				.categories li .green {background-color: #dd17c8}
				.categories li .red {background-color: #FF9900}
				.categories li .grey {background-color: #C81A1A}
				.categories li .purple {background-color: #666663}
				.categories li .blue {background-color: #479B37}
			.categories li p {color: #8a8a8a; position: absolute; left: 26px; top: 25px; margin: 0;}
			.categories li h2 {position: absolute; left: 25px; top: 50px; text-transform: uppercase; font-size: 24px; letter-spacing: -1px; font-weight: lighter; line-height: 24px; margin: 0; font-family: 'MyriadProRegular'}
				.categories li h2 a {color: #072745; text-decoration: none;}
				.categories li h2 a:hover { text-decoration: underline; }				
				.categories li.op h2 { width: 85%; font-size: 20px; }
			.categories li small { display: block; height: 140px;   font-size: 11px; }
			.categories li .more {font-size: 16px; float: right; margin: 20px 0 0 0; color: #072745; text-decoration: none;}
				.categories li .more:hover {text-decoration: underline;}

	.home .content .left {float: left; width: 300px;}
	aside .Banner_Place { text-align: center; margin: 15px 0; }

		.news-box {margin: 0 0 50px 0;}
			.news-box h3, .newsletter-box h4 {font-size: 24px; margin: 0 0 5px 0; line-height: 100%; font-weight: normal; font-family: 'MyriadProRegular'}
				.news-box h3 a, .newsletter-box h4 a {color: #072745; text-decoration: none;}
					.news-box h3 a:hover, .newsletter-box h4 a:hover {  text-decoration: underline; }
					.news-box h3 a span { color: #7f7f7f; }
			.news-box .news-box-text { text-align: justify !important; }
			.news-box .date {margin: 0 0 5px 0; font-size: 10px; color: #6a6a6a;}
			.news-box .more {float: right; font-size: 11px; text-decoration: none; background: url(images/breadcrumbs-a.png) no-repeat 100% 50% transparent; padding: 0 15px 0 10px; line-height: 115%; color: #7f7f7f;}
			.news-box .more {float: right; font-size: 11px; text-decoration: none; background: url(images/breadcrumbs-a.png) no-repeat 100% 50% transparent; padding: 0 15px 0 10px; line-height: 115%; color: #7f7f7f;}
				.news-box .more:hover {color: #072745; text-decoration: underline;}

			.more-btn {display: block; float: right; width: 88px; height: 30px; background: url(images/sprites.png) no-repeat 0 -1320px transparent; text-indent: -3000em;}

.subpage .content {max-width: 980px; width: auto; margin: 0 auto; padding: 0; background: url(images/brands-bg.png) repeat-x 0 100%; padding: 0 0 50px 80px;}
	.subpage .content h1 {font-family: 'MyriadProRegular'; color: #003565; font-size: 26px; font-weight: normal; }
	.subpage .search_results { /* overflow: auto; max-height: 700px; */ }
	.subpage .content .setmod2 h1 { margin-top: 0; }
	.subpage .content article .date { text-align: right; margin: 0; padding: 0; font-size: 10px; color: #6a6a6a;}
	
	.subpage .content aside {float: left; width: 200px; margin: 0 0 40px 0;}
		.subpage .content aside nav ul {list-style: none; margin: 1.67em 0; padding: 0;}
		.subpage .content aside nav ul li .dropdown { margin: 15px 0; }
			.subpage .content aside nav ul li {margin: 15px 6px; font-size: 13px; text-transform: uppercase; }
				.subpage .content aside nav ul li a {color: #000; text-decoration: none;}
					.subpage .content aside nav ul li a:hover {text-decoration: underline;}
	.subpage .content article {float: right; width: 510px; margin: 0 100px 30px 0;}
	.newpage.subpage .content aside nav { margin-bottom: 30px; }	
	.newpage.subpage .content aside nav ul li { font-family: 'MyriadProRegular'; font-size: 15px; margin: 7px 6px; }
	article .fb-row { text-align: right; margin: 0 0 15px 0; }
 
.products {max-width: 980px; margin: 0 auto; background: url(images/brands-bg.png) repeat-x 0 100%; padding: 0 0 0 50px;}
	.products article .Banner_Place { text-align: left; }
	.products aside {float: left; width: 207px; margin: 10px 0 0 0; background: url(images/cat-arrow.png) no-repeat 6px 0 transparent; padding: 30px 15px 0 15px;}
	.newpage .products aside { background-image: url(images/cat-arrow-new2.png); }
		.products aside form label {font-size: 14px; color: #a3a3a3; margin-bottom: 5px; display: block;}
		.products aside form select {width: 180px; border: 1px solid #a3a3a3; color: #a3a3a3; padding: 1px; font-size: 11px;}
		.products aside p {font-size: 11px; color: #8a8a8a; margin: 25px 0 5px 0; font-family: 'MyriadProRegular'}
		.products aside h6 {margin: 0 0 15px 0; font-size: 24px; text-transform: uppercase; line-height: 100%; color: #072745; font-family: 'MyriadProRegular'}
		.products aside h6 a { color: inherit; text-decoration: none; }
		.products aside h6 a:hover { text-decoration: underline; }
		.products aside nav ul {list-style: none; margin: 0; padding: 0;}
		.products aside nav.submenu { margin-bottom: 30px; }
			.products aside nav a {color: #5a5a5a; text-decoration: none; display: block;}
				.products aside nav a:hover {text-decoration: underline;}
			.products aside nav > ul > li {margin: 5px 0;}
				.products aside nav > ul > li > a {padding: 0 0 0 12px; background: url(images/toggle-hide.png) no-repeat 0 50% transparent; display: block;}
					.products aside nav > ul > li > ul > li {margin: 5px 0; padding: 0 0 0 12px;}
						.products aside nav > ul > li > ul > li > a {display: block; padding: 0 0 0 12px; background: url(images/toggle-show.png) no-repeat 0 4px transparent;}
						.products aside nav > ul > li > ul > li > ul > li > a { display: block; padding: 0 0 0 24px; background: url(images/toggle-show.png) no-repeat 12px 4px transparent; }
						
						.products aside nav > ul > li > ul > li > ul { display: none; }
						.products aside nav > ul > li > ul > li.act > ul { display: block; }
						
	.products article {float: right; width: 580px; margin: 0 50px 30px 0;}
		
		.fullwidth { max-width: 820px;  }
		.fullwidth .breadcrumbs { display: none; }
		.fullwidth .fb-row { float: right; }
		.fullwidth h1.header { float: left; width: 70%; }
		
		article .breadcrumbs {border-bottom: 1px solid #ddd; font-size: 9px; text-align: right; color: #7f7f7f; padding: 0 0 8px 0; margin: 0 0 40px 0; position: relative;}
		article .breadcrumbs:before {display: block; width: 47px; height: 32px; content: ''; position: absolute; top: 0; left: 25px; background: url(images/breadcrumbs-arrow.png) no-repeat 0 0 transparent;}
		.newpage article .breadcrumbs:before { background-image: url(images/breadcrumbs-arrow.png); }
			article .breadcrumbs a { text-transform: capitalize; padding: 0 11px 0 0; color: #7f7f7f; background: url(images/breadcrumbs-a.png) no-repeat 100% 50% transparent; text-decoration: none; margin: 0 5px 0 0;}
			article .breadcrumbs a:hover {text-decoration: underline;}
			 
		.products article .breadcrumbs {border-bottom: 1px solid #ddd; font-size: 9px; text-align: right; color: #7f7f7f; padding: 0 0 8px 0; margin: 0 0 40px 0; position: relative;}
		.products article .breadcrumbs:before {display: block; width: 47px; height: 32px; content: ''; position: absolute; top: 0; left: 25px; background: url(images/breadcrumbs-arrow.png) no-repeat 0 0 transparent;}
		.newpage .products article .breadcrumbs:before { background-image: url(images/breadcrumbs-arrow.png); }
			.products article .breadcrumbs a {padding: 0 11px 0 0; color: #7f7f7f; background: url(images/breadcrumbs-a.png) no-repeat 100% 50% transparent; text-decoration: none; margin: 0 5px 0 0;}
				.products article .breadcrumbs a:hover {text-decoration: underline;}
			 
		.products article .product-top , .products article .Banner_Place { max-width: 580px; margin: 0 0 35px 0;  /* width: 551px; margin: 20px 0 35px 22px; */ }
			.products article .product-top h1 , .products article h1.header , p.some-like-header {font-size: 22px; color: #003565; margin: 0 0 15px 0; line-height: 110%; padding: 0 0 0 20px; font-family: 'MyriadProRegular'}
			p.some-like-header { font-weight: bold; }
			.products article h1.header , p.some-like-header { padding-left: 0; }
		.products article .product-list {list-style: none; margin: 0; padding: 0 20px; }
		.products article #content-box , .text-box { font-size: 13px; color: #7F7F7F !important; }
			.products article .product-list li { vertical-align: top; display:inline-block; width: 102px; height: 160px; margin: 0 15px 20px 15px;  }
				.products article .product-list li a {color: #072745; font-size: 10px; font-family: Tahoma; text-decoration: none; line-height: 1.0;}
					.products article .product-list li img { width: 100px; height: 100px; display: block; border: 1px solid #cdcdcd;}

		.pagination {}
			.pagination ul {float: right; list-style: none; margin: 0; padding: 0; text-align: right; border-top: 1px solid #DDDDDD; padding: 5px;}
				.pagination li {display: inline-block;}
					.pagination li span {margin: 0 3px; text-decoration: underline;}
					.pagination li a {color: #7f7f7f; margin: 0 3px; font-size: 11px; font-weight: bold; text-decoration: none;}
						.pagination li a:hover {text-decoration: underline;}
						.pagination li.active a { color: #FF9900; font-size: 13px; text-decoration: underline; }
	 
.brand {max-width: 980px; margin: 0 auto; border-bottom: 1px solid #d3d3d3; background: url(images/brands-bg.png) repeat-x 0 100% transparent;}
	.brand h6 {padding: 0 0 0 50px; margin: 20px 0; font-size: 11px; color: #3f3f3f; font-weight: lighter}
	.brand .logos {width: 980px;  }
		.brand .logos ul {list-style: none; margin: 0 0 20px 0; padding: 0; width: 100%; text-align: center;}
			.brand .logos ul li {display: inline-block; margin: 0 10px;}
			.brand .logos ul li img { height: 40px; }			

footer {max-width: 980px; width: auto; margin: 0 auto;}
	footer nav {width: 100%; float: left; padding: 0 0 0 20px;}
		footer nav > div {float: left; width: 16%;}
			footer nav > div h6 , footer nav > div span.footer-title { font-weight: bold; display: block; margin: 20px 0; font-size: 13px; color: #003565; font-family: 'MyriadProRegular'§}
			footer nav > div ul {list-style: none; margin: 0 0 20px 0; padding: 0;}
				footer nav > div ul li {font-size: 11px; margin: 10px 0;}
					footer nav > div ul li a {color: #3f3f3f; text-decoration: none;}
						footer nav > div ul li a:hover {text-decoration: underline;}
	footer .left { float: left; width: 100%; margin: 20px 0 0 0; }
	footer .right {float: right; width: 100%; margin: 0 20px 0 0; width: 120px; }
		footer .right .logo {display: block; float: right; margin: 20px 0}
		footer .right .logo img { width: 85px; /* height: 22px; */ }
		footer .right .social {text-align: right;}
			footer .right .social a {display: inline-block; opacity: .8;}
				footer .right .social a:hover {opacity: 1;}
		footer .copy { text-align: right; font-size: 10px; margin: 0; color: #8a8a8a; margin: 20px 20px 0 0;}

.select-brand { margin: 10px 0 20px 0; text-align: right;  border-bottom: 1px solid #EBEBEB; padding: 0 0 15px 0; }
.select-brand form { display: inline-block; }
.select-brand span { color: #7f7f7f !important; }
.select-brand select { margin-right: 10px; }

#cookie_confirmation { overflow: hidden; padding: 10px 20px; background: #069fdb; color: white; }
#cookie_confirmation .textCookies { float: left; margin: 0; line-height: 24px; }
#cookie_confirmation .textCookies a { color: inherit; text-decoration: none; }
#cookie_confirmation .textCookies a:hover { text-decoration: underline; }
#cookie_confirmation .acceptCookies { float: right; font-size: 15px; line-height: 20px; cursor: pointer; }
#cookie_confirmation .acceptCookies:hover { text-decoration: underline; }

#rodo { z-index: 999; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba( 0 , 0 , 0 , 0.3 ); text-align: center; }
#rodo #rodo-content { -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.75);  margin: 100px auto 0 auto; width: 600px; text-align: left; background-color: white; padding: 20px; }
#rodo #rodo-content #rodo-text { text-align: justify; }
#rodo #rodo-content #rodo-close-button { text-align: center; margin: 30px 0 20px 0; }
#rodo #rodo-content #rodo-close-button a { font-size: 14px; border-radius: 10px; -moz-border-radius: 10px; text-decoration: none; background-color: #008CD1; color: white; padding: 6px 12px; }
 
.menuToggler {
	display: none;
}

.specyfikacja td {
	padding: 2px 5px 2px 5px;
	text-align: left;
	border: 1px #000000 solid;
}

.specyfikacja2 td {
	padding: 2px 5px 2px 5px;
	text-align: left;
	border: 0;
}


.top .bar {
	background: #008cd1;
	height: 45px;
	display: none;
	text-align: center;
}

.top .bar .logo_white img {
	margin-top: 5px;
}

.top .bar-search {
	background: #00a3f4;
	display: none;
	position: fixed;
	width: 100%;
	text-align: center;
}

.top .bar-search form {
	margin: 10px;
	float: none;
	display: inline-block;
	width: 80%;
	border: 1px solid #fff !important;
}

.top .bar-search form input[type="text"] {
	text-align: left;
	color: #fff;
	width: 95%;
}

.top .bar-search form ::-webkit-input-placeholder {
	color: #fff;
}

.top .bar-search form :-moz-placeholder {
	color: #fff;
}

.top .bar-search form ::-moz-placeholder {
	color: #fff;
}

.top .bar-search form :-ms-input-placeholder {
	color: #fff;
}

.top .bar-search form ::-ms-input-placeholder {
	color: #fff;
}

.top .bar-lang {
	position: fixed;
	background: #dadada;
	display: none;
	width: 100%;
	text-align: center;
}

.top .bar-lang p.lang {
	margin: 10px 15px;
	float: none;
}

.top .bar-lang p.lang a {
	display: inline-block;
}

#mobile-nav {
    width: 35px;
    height: 35px;
    margin: 5px;
    float: left;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 23px;
    line-height: 30px;
    padding: 0;
}

#mobile-search {
    width: 35px;
    height: 35px;
    margin: 5px;
    float: right;
    background: transparent;
    border: 0;
    color: #fff;
    font-size: 23px;
    line-height: 20px;
    padding: 0;
}

@media (max-width: 991px) {
	body {
		background: #fff !important;
		margin-top: 45px;
	}

	.top .bar {
		display: block;
	}

	.top nav {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 5;
	}

	.top .right nav ul.menu_top_121 {
		background: #eee;
		margin: 0;
		display: none;
	}
	
	.top .right nav ul.menu_top_121 li {
		float: none;
		border-bottom: 1px solid #ccc;
		padding: 0;
		width:100%;
    }
    
    .top .right nav ul.menu_top_121 li:last-of-type {
        border-bottom: 0;
    }
	
	.top .right nav ul.menu_top_121 .dropdown {
        width: 100%;
        position: static;
        display: none;
	}	
	
	.newpage.home .top .right nav ul li a,
	.top .right nav ul li a {
		padding: 10px 15px;
		display: block;
		text-align: center;
		color: #666 !important;
	}


	.top .right {
		width: 100%;
		margin: 10px 0;
	}

	.top .right .lang {
		display: block;
		float: left;
		margin: 7px 0 0 0
	}
	
	.newpage .top .right .lang a {
		color: #666;
	}

	footer nav {
		padding: 0;
	}

	footer nav > div {
		width: 33.33% !important;
		margin: 0 !important;
		padding: 0 20px;
		text-align: center;
	}

	footer nav > div:nth-child(3n+1) {
		clear: both;
	}

	footer .right .social,
	footer .right .clearfix,
	footer .copy {
		text-align: center;
	}

	footer .copy {
		margin: 20px 0;
	}

	footer .right .logo {
		display: inline-block;
		float: none;
	}

	footer .left,
	footer .right {
		margin: 0;
		width: 100%
	}

	.Banner_Place {
		text-align: center;
	}

	.Banner_Place a {
		display: inline-block;
		margin: 20px;
	}

	.Banner_Place a img {
		margin: 0 !important;
	}

	.subpage .content {
		padding: 0;
	}

	.subpage .content article {
		margin: 0;
		padding: 0 24px;
		width: 100%;
	}

	.subpage .content h1 {
		text-align: center;
	}

	.subpage .content aside {
		display: none;
	}

	.pagination ul {
		text-align: center;
		float: none;
	}

	.intro,
	.intro div {
		width: 100%;
		height: auto;
	}

	.intro div {
		padding: 0 5px;
	}

	.intro div img {
		width: 100% !important;
		height: auto !important;
	}

	article .fb-row {
		text-align: center;
	}

	.top {
		padding: 0 20px;
	}

	.subpage .top .logo {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
	}

	.newpage.subpage .top .logo img {
		margin: 20px auto;
	}

	#content-box {
		margin: 0;
	}

	.newpage .slider {
		background: #008cd1;
	}

	.newpage .slider .txt {
		width: 100%;
		margin: 0;
		text-align: center;
		margin-bottom: 30px;
	}

	.newpage .slider .txt h2 {
		margin: 10px 0;
	}

	.newpage .slider figure {
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.newpage .slider figure img {
		width: auto !important;
		height: auto !important;
		display: inline-block;
	}

	.content #content-box img {
		max-width: 100% !important;
		height: auto;
		width: auto;
	}

/*	.content #content-box {
		text-align: center;
	}*/

	.content #content-box p,
	.content #content-box ul {
		text-align: justify;
	}

	#content-box video {
		width: 100%;
	}

	.fullwidth h1.header {
		width: 100%;
	}

	.subpage .categories {
		padding: 20px;
	}

	.subpage .categories li {
		min-height: initial;
	}

	.subpage .categories li {
		float: left;
		width: 33.33%
	}

	.products {
		padding: 0 20px;
	}

	.products aside {
		width: 30%;
		margin: 0;
	}

	.products article {
		width: 70%;
		margin: 0;
	}

	.products aside form select {
		width: 100%;
	}

	.products aside .Banner_Place {
		display: none;
	}

	.newpage .products aside h6 {
		text-align: center;
	}

	.products article .Banner_Place img {
		width: 100%;
		height: auto;
	}

	.products article .product-list {
		padding: 0;
		text-align: center;
		margin-bottom: 50px;
	}

	.products article .product-list li {
		text-align: left;
		margin: 0 10px 20px 10px;
	}

	article #content-box.scaled {
		width: 100%;
	}

	article #content-box.scaled img {
		max-width: 100%;
	}

	article .gallery-mod.gallery-column {
		width: 100%;
		text-align: center;
	}

	article .gallery-mod.gallery-column ul li {
		display: inline-block;
		margin: 10px;
	}

	article #content-box.scaled iframe {
		width: 100%;
	}

	.newpage .intro {
		background: transparent;
	}

	.newpage.home .top .logo {
		padding: 0;
		width: 100%;
	}

	.newpage.home .top .logo img {
		margin: 20px auto;
	}

	.slider .txt .txt-inner {
		padding: 0 15px;
	}

	.home .content ul {
		padding: 10px;
	}

	.home .categories {
		width: 100%;
	}

	.home .categories li {
		height: 115px !important;
		width: 33.33% !important;
		float: left !important;
		margin: 0 0 0 0;
	}

	.home .categories li:nth-child(2n+2), .subpage .categories li:nth-child(3n+3) {
		/* margin: 0 0 0 0; */
		margin-left: 0;
		margin-right: 0;
	}

	.home .content .left {
		padding: 10px 20px;
	}

	.brand h6 {
		padding: 0;
		text-align: center;
	}

	.brand .logos ul li {
		display: inline-block !important;
	}

	.content #content-box .images-list {
		text-align: center;
	}

	.content #content-box .images-list li {
		margin: 20px 10px;
	}

	.content #content-box iframe {
		width: 100%;
	}

	.subpage .content ol {
		text-align: justify;
	}

	article .breadcrumbs {
		margin-top: 15px;
	}

	.products article .breadcrumbs:before {
		display: none;
	}

	.home .Banner_Place a img {
		height: auto;
	}

	.home .Banner_Sid18-78 a img {
		width: 100%;
	}

	.news-box-text img {
		width: 100%;
	}

	article #content-box a {
		word-wrap: break-word;
	}

	.text-box > div {
		width: auto !important;
	} 

	.products #content-box img {
		width: 100%;
	}
	
	.products #content-box img.noscale-image {
		width: auto;
	}

	.products #content-box iframe {
		width: 100%;
	}

	.top .logo,
	.top .right > div.clearfix {
		display: none;
	}

	.menuToggler {
		display: block;
		width: 30px;
		line-height: 22px;
		padding: 12px 0;
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
	}

	.initDrop {
		position: relative;
	}

}

@media (max-width: 575px) {

	footer nav > div {
		width: 50% !important;
		margin: 0;
	}

	footer nav > div:nth-child(3n+1) {
		clear: none;
	}

	footer nav > div:nth-child(2n+1) {
		clear: both;
	}

	.subpage .categories li {
		width: 100%
	}

	.categories li small {
		height: auto;
	}

	.products aside {
		width: 100%;
	}

	.products article {
		width: 100%;
	}

	.products article .product-list li {
		margin: 0 2px 20px 2px;
	}

	.home .categories li {
		width: 100% !important;
		height: 80px !important;
	}

	.home .categories li p {
		top: 10px;
	}

	.home .categories li h2 {
		top: 35px;
	}

	.top .bar-search form input[type="text"] {
		width: 90%;
	}

	article #content-box.scaled iframe,
	.products #content-box iframe {
		height: auto;
	}
}