#sekcja1 {background: url(/images/rozwiazania/astraada-hmi/banner.png) right center no-repeat;background-size: 100% auto;padding: 0;}
#sekcja2  {background: url(/images/rozwiazania/astraada-hmi/bg_2.png)  center 360px no-repeat;background-size: 100% auto;padding: 0;}
#sekcja3 {background: url(/images/rozwiazania/astraada-hmi/bg_3.png) top center no-repeat;background-size: 100% auto;padding: 0;}
#poradniki {background: url(/images/rozwiazania/astraada-hmi/bg_3.png) top center no-repeat;background-size: 100% auto;padding: 0;}

#oprogramowanie {background: url(/images/rozwiazania/astraada-hmi/bg_4.png) top center no-repeat;background-size: 100% 100%;padding: 0;}
#pliki {background: url(/images/rozwiazania/astraada-hmi/bg_4.png) top center no-repeat;background-size: 100% 100%;padding: 0;}
#referencje {background: url(/images/rozwiazania/astraada-hmi/bg_4.png) top center no-repeat;background-size: 100% 100%;padding: 0;}

#sekcja4 {background: url(/images/rozwiazania/astraada-hmi/skalowanie.jpg) top center no-repeat;background-size: 100% auto;padding: 0;;}
#produkty {background: url(/images/rozwiazania/astraada-hmi/bg_5.png) top center repeat;background-size: 100% 100%;padding: 0;;}
#zs {background: url(/images/rozwiazania/astraada-hmi/panel.jpg) top center no-repeat;background-size: 100% auto;padding: 0;}
#zs {color: #fff;}
.arrow-down a span,.arrow-down a span:hover{font-size: 40px;color: #aaa!important;text-decoration: none!important;}
.arrow-down a:hover {text-decoration: none;}

h2 {font-weight: 300;}

section img {max-width: 100%;height: auto;}

section {position: relative;clear: both;}
section > .container {}

#sekcja1 h2 {border-left: solid 10px #009459;padding-left: 15px;color: #fff;}
section h2 {border-left: solid 10px #009459;padding-left: 15px;padding-top: 0.2em;padding-bottom: 0.2em;}
.banner-content {position: absolute;top:50%;margin-top: -90px;}


.main-h2 {color: #fff;margin-top: 50px!important;position: absolute;z-index: 12;}

.top-navigation-produkty {color: #fff;margin-top: 36px!important;position: absolute;z-index: 12;}
.top-navigation-produkty a,.top-navigation-produkty a:hover,.top-navigation-produkty a:visited,.top-navigation-produkty a:focus {color: #fff!important;}

#breadCrumbs {position: absolute;margin-top:0px;z-index: 99;width: 100%;}	
	#breadCrumbs a {color: #fff;} 
	#breadCrumbs li:before,.breadcrumb > .active {color: #fff;}


h2.main-h2, h2.main-h2 a.link-in-h2 {font-size: 20px;}
h2.main-h2 span {font-size: 15px;}

#sekcja1 .container {position: relative;padding-bottom: 220px;padding-top: 40px;}
.row-numbers {background: #fff;color: #3c3c3b!important;font-size: 20px;font-weight: 200;}
.row-numbers img {float: left;display: inline-block;margin-right: 30px;}
.row-numbers span {display: inline-block;padding-top: 20px;}

.row-numbers2 {color: #3c3c3b!important;font-size: 16px;line-height:24px;font-weight: 200;}
.row-numbers2 img {margin-top: -40px;}

.row-icons img {display: block;}
.row-icons h3 {position: relative;}
.row-icons h3:before {content: ' ';width: 80px;height: 3px;background: #009459;position: absolute;bottom: 0;left:0;margin-bottom: -20px;}

#produkty .btn span {display: none;}
#produkty tr th {display: none;}
#produkty tr , #produkty tr td {border:0;}
#produkty tr {position: relative;}
#produkty td.name {font-size: 1.2em;font-weight: 100;}
#produkty td.price {position: relative;top:-20px;}
#produkty td.seeit {position: absolute;margin-top: 90px;margin-left: -220px;}
.zainteresowany {background: #009459;color: #fff;position: relative;}
#porty .zainteresowany {background: #3c3c3b;}
section#grey {background: #3c3c3b;padding: 60px 0;}
.zainteresowany h3 {color: #fff;font-weight: 300;}
.zainteresowany h3 span {font-size: 0.8em;}
.zainteresowany .btn-primary,.zainteresowany .btn-primary:hover,.zainteresowany .btn-primary:active,.zainteresowany .btn-primary:focus {background: #fff;color: #009459;float: right;margin-top: 22px;border:0;} 

#produkty .btn,#produkty .btn:hover {background: #009459;color: #fff!important;padding: 5px 30px;height: auto!important;font-size: 1.2em;font-weight: 600;}
#produkty {padding-bottom: 30px;}

.zainteresowany .arrow-down a span {}
.zainteresowany .arrow-down {position: absolute;width: 100%;bottom: 10px;left: 0;}

.btn-primary {font-size: 1.1em;font-weight: 600;}

#referencje h2 {margin-bottom: 0;}
#referencje h2 + p {margin-bottom: 50px;}

#referencje .row img {margin-bottom: 30px;}
#referencje .row {font-size: 1.2em;line-height: 1.8em;font-weight: 100;}
#referencje .row a {display: block;font-weight: 500;}

#porty  .row h2 {padding-top: 0.2em;}
#porty > .container {padding: 30px 15px;}


#referencje {padding: 30px 0;}

.text-xl {font-size: 24px;line-height: 1.5em;}

section hr {background: #555;height: 3px;border:0;}

#produkty .grey-dark {background: transparent;padding: 0;display: none;}

@media screen and (max-width: 1499px){
	.row-numbers img {max-width: 108px;height: auto;}
}

section ul li {background: url(/images/rozwiazania/astraada-hmi/punktor.png) left center no-repeat;list-style-type: none;padding-left: 30px;line-height: 30px;font-size: 1.1em;font-weight: 100;}


#zs .container {position: relative;padding-bottom: 0px;}
#zs {padding-bottom: 30px;}
.cena-specjalna {font-size: 2em;color: #fff;bottom:0px;left:30px;position: absolute;margin-bottom: -30px;}
.cena-specjalna span {position: relative;font-size: 0.6em;font-weight: 200;}
.cena-specjalna span:before {content:' ';height: 2px;width: 100%;bottom:12px;background: #fff;display: inline-block;position: absolute;}

@media screen and (max-width: 991px){
	h2.main-h2 {display: none;}
	.row-numbers img {max-width: 80px;height: auto;}
	.row-numbers > div {clear: both;}
	#sekcja2 img.pull-right {display: none;} 

	#sekcja2  {background: #fff;background-size: 100% auto;padding: 0;}
	#sekcja2 .row-icons {background: url(/images/rozwiazania/astraada-hmi/bg_2.png)  center 240px repeat;margin-left: -15px;}
	#sekcja2 .row-icons h3 {margin-bottom: 33px;}
	#sekcja2 .row-icons img {max-width: 100px;}

	#zs {background: url(/images/rozwiazania/astraada-hmi/panel.jpg) top right no-repeat;background-size: auto 100%;padding: 0;}

	.row-numbers2 .col-xs-6 {padding-bottom: 60px;}

	#produkty .photo_short {vertical-align: top;padding-top: 15px;}

	#oprogramowanie {padding-bottom: 30px;}


	#referencje .col-sm-12 {clear: both;}
	#referencje .col-sm-12 img {max-width: 33%;clear: both;margin-right: 15px;}

	#kontakt .col-sm-6:first-child {padding-bottom: 60px;padding-top: 20px;}
}

.produkty-sklep tr {position: relative;}

.screen2 {display: none;}

#artykuly .article h2 {margin: 0;border:0;font-size: 16px;line-height:24px;padding: 10px 0 0 0;}
#artykuly .article {clear: none!important;}
#artykuly .article-info {display: none;}
#artykuly .readmore {font-size: 16px;line-height:24px;}


#pliki h4 {background: transparent;position: relative;font-size: 24px;line-height: 1.5em;color:#3c3c3b;}

#pliki ul.bulleted {padding-left: 0!important;}
#pliki ul.bulleted li {list-style-type: none!important;line-height: 1.2em;padding-top: 10px;padding-bottom: 10px;padding-left: 39px;}
#pliki ul.bulleted li:before {content:' ';}

#pliki .btn-primary {margin-top: -170px!important;}

.dokumentacja-i-pliki h3 {display: none;}

#produkty .photo_short div {background: transparent;border:0;width: 100px;max-width: 100px;}

@media screen and (min-width: 992px){

	.top-navigation-produkty h2 {font-size: 26px;font-weight: 500;}

	#porty p {font-size: 20px;font-weight: 300;line-height: 33px;}

	#pliki h2 {margin-bottom: 0;}
	#pliki h4 {font-size: 30px;line-height: 44px;padding-bottom: 20px;padding-left: 40px;}
	#pliki h4:before {content:' ';height: 3px;width: 50px;background: #009459;position: absolute;left:40px;bottom: 0;}

	section hr {margin-left: 30px;margin-right: 30px;}

	.osoba {font-size: 1.2em;font-weight: 300;padding-top: 20px}

	.arrow-down {margin-top: 30px;}

	.zainteresowany .btn-primary,.zainteresowany .btn-primary:hover,.zainteresowany .btn-primary:active,.zainteresowany .btn-primary:focus {margin-top: 50px;}


	section h2:first-child {margin: 1em 0;}

	h2 {font-size: 45px;}
	h3 {font-size: 30px;margin-bottom: 40px;font-weight: 600;line-height: 44px;}
	.banner-content a {margin: 40px 0 0 40px;}
	.banner-content {margin-top: 0px;}

	h2  + p {font-size: 20px;font-weight: 300;line-height: 33px;}

	.btn-primary {padding: 6px 30px;height: auto;}


	#sekcja1 {height: 520px;}
	#sekcja1 h2 {border-left: solid 20px #009459;padding-left: 20px;}

	.row-numbers {clear: both;}
	.row-numbers span {display: inline-block;padding-top: 30px;}

	#sekcja2 {padding-bottom: 20px;}
	#sekcja2 img {max-width: 200px!important;height: auto;margin-left: 100px;margin-top: 80px;}
	#sekcja2 p {font-size: 16px;font-weight: 200;}
	#sekcja2 h2 + p {font-size: 22px;font-weight: 100;color: #3c3c3b;}

	#sekcja3 {padding-top: 30px;}
	#sekcja4 {padding-top: 80px;}
	#produkty {padding-top: 80px;}
	#sekcja4 h2 {margin-bottom: 400px;}

	#kontakt h2 {margin-bottom: 80px;}
	#kontakt img {display: inline-block;margin-right: 10px;}

	#porty > .container {padding: 60px 0;}
	#porty {padding-bottom: 0;}

	#zs .container{padding-left: 600px;}
	#zs {padding-bottom: 60px!important;} 

	#zs ul li {line-height: 28px;padding-top: 7px;padding-bottom: 9px;}

	section > .container {}

	#oprogramowanie {padding-top: 30px;}
	#oprogramowanie .btn-primary {margin-top: 40px;margin-left: 40px;padding-left: 60px;padding-right: 60px;}

	section ul li {background: url(/images/rozwiazania/astraada-hmi/punktor.png) left 10px no-repeat;list-style-type: none;padding-left: 30px;line-height: 40px;font-size: 1.2em;font-weight: 100;}

	#oprogramowanie {position: relative;}
	.screen2 {display: block;float: right;position: absolute;right: 0;top:144px;}
	.screen2 {max-width: 33%!important;height: auto;width: auto;max-height: 600px;}


	.item-image-horizontal {height: 200px!important;}

	#artykuly .article {float: left;width: 32%;overflow: hidden;}
	#artykuly .article {padding: 18px;}
	#artykuly {margin-top: 20px;}
	.item-image-horizontal img {max-width: 95%!important;}

	#poradniki {padding-top: 30px;}
	#poradniki h2 {margin-bottom: 20px;}

	#pliki hr {margin: 60px 0;}
	.wrapper-showall {font-size: 1.2em;position: relative;z-index: 99;}
	a span {color: rgb(44, 50, 55);cursor: normal;}

	#zs {padding: 30px 0;}

	.text-xl {font-size: 42px;line-height: 1.8em;font-weight: 100;color: #3c3c3b;}
	#zsb .btn {float: right;padding: 15px 60px;}

	#produkty .photo_short div {background: transparent;border:0;width: 200px;max-width: 200px;}
	#produkty .photo_short div a {width: 200px;max-width: 200px;}
	#produkty .photo_short img{max-width: 200px;max-height: 150px;width: 100%;height: auto;}
	#produkty td.name {padding-left: 40px;}	
	#produkty td.price {font-size: 1.7em;}
	#produkty {padding-bottom: 60px;}

	#produkty hr {margin-bottom: 40px;}

	#kontakt {padding-top: 40px;}
	#kontakt h3 {margin-bottom: 10px;}


}

@media screen and (min-width: 1500px){
	.banner-content {margin-top: 50px;}
	#sekcja1 {height: 610px;}
	#sekcja1b .arrow-down {top: -50px;position: relative;}
	.row-numbers span {display: inline-block;padding-top: 50px;}
	.arrow-down a span,.arrow-down a:hover span{font-size: 50px;}
	#sekcja4 h2 {margin-bottom: 500px;}
	#sekcja4 .btn,#porty .btn {padding: 10px 60px;font-size: 1.2em}

	#porty > .container {padding: 90px 0;}

	.produkty-sklep {padding-left: 50px;padding-right: 50px;}

	.zainteresowany {padding: 11px 0;}

	.zainteresowany .btn-primary,.zainteresowany .btn-primary:hover,.zainteresowany .btn-primary:active,.zainteresowany .btn-primary:focus {margin-top: 40px;}

	#sekcja1 {background: #727475 url(/images/rozwiazania/astraada-hmi/banner.png) right center no-repeat;background-size: 1440px auto;padding: 0;}

}


@media screen and (max-width: 767px){
	.top-navigation-produkty {display: none!important;}
	#sekcja1b .row-numbers {white-space: nowrap!important;}
	#sekcja2 .row-icons .col-sm-12 {padding-bottom: 40px;}

	.zainteresowany .btn-primary {float: none;}
	#sekcja4 h2 {margin: 160px 0 40px 0;}

	#zs {overflow: hidden!important;height: 700px!important;max-height: auto!important;}
	#zs .cena-specjalna {line-height: 40px;height: auto;position: static;}
}