#sekcja1 {background: url(/images/rozwiazania/astraada-gsm/banner.jpg) right center no-repeat;background-size: 100% auto;padding: 0;}
#sekcja2  {background: url(/images/rozwiazania/astraada-pc/bg_1.jpg)  center top repeat-y;background-size: 100% auto;padding: 0;}
#poradniki  {background: url(/images/rozwiazania/astraada-pc/bg_1.jpg)  center top repeat-y;background-size: 100% auto;padding: 0;}
#do-sklepu {background: url(/images/rozwiazania/astraada-pc/do-sklepu.png) top center no-repeat;background-size: 100% auto;padding: 0;color:#fff;}
#sekcja3  {background: url(/images/rozwiazania/astraada-pc/bg_2.jpg)  center top repeat-y;background-size: 100% auto;padding: 0;position: relative;}
#sekcja4 {background: url(/images/rozwiazania/astraada-pc/zestaw_startowy.jpg) center bottom  no-repeat;background-size: 100% auto;padding: 0;;}
#sekcja5 {background: url(/images/rozwiazania/astraada-gsm/bg2.jpg) top center no-repeat;background-size: 100% auto;padding: 0;color:#fff;}



#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;}


#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 {}

section h2 small {padding: 0;color: #4b4c4b;font-size: 0.6em;margin-left: 0;}

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

blockquote {padding-left: 20px;border-left:solid 2px #009459;font-size: 18px;font-weight: 500;line-height: 28px;margin:1em 0;}
@media screen and (min-width: 992px){
	blockquote {padding-left: 90px;font-size: 24px;line-height: 36px; margin:80px 0;}
	section h2 {border-left: solid 4px #009459;padding-left: 90px;padding-top: 40px;padding-bottom: 40px;}

}

#sekcja5 h2 {border-left:0;padding-left: 0;}

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

.top-navigation-produkty {color: #3c3d3c;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 {}

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


#sekcja2 .row-ikony {margin:10px 0;}
#sekcja2 .row-ikony img {width:90px;height: auto;display: inline-block;margin-top: 20px;display: inline-block;margin: 0 auto;position: relative;top:12px;}
#sekcja3 .row-ikony img {width:90px;height: auto;display: inline-block;margin-top: 20px;display: inline-block;margin: 0 auto;position: relative;top:12px;}
#sekcja2 .row-ikony span.pull-icon {width:120px;height: 120px;display: inline-block;margin-top: 33px;border:solid 2px #777;border-radius: 50%;background: #fff;text-align: center;margin-right: 30px;}
#sekcja2 .row-ikony span.pull-icon + span {height: 180px;overflow: visible;font-weight: 100;float: left;max-width: 60%;}

#sekcja3 .row-ikony span.pull-icon {width:120px;height: 120px;display: inline-block;margin-top: 33px;border:solid 2px #777;border-radius: 50%;background: #fff;text-align: center;margin-right: 30px;}
#sekcja3 .row-ikony span.pull-icon + span {height: 180px;overflow: visible;font-weight: 100;float: left;max-width: 60%;}

span.out {display: table;}
span.in {display: table-cell; vertical-align: middle;}
.content {font-size: 15px;font-weight: 100;line-height: 24px;}

#do-sklepu {padding: 30px 0;}

#video1 {width: 100%;height: 300px;}


#sekcja5 img.ekran1 {position: absolute;right: 0;max-width: 20%;height: auto;display: none;}

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

	#sekcja5 img.ekran1 {display: inline-block;}

	#video1 {width: 100%;height: 650px;}

	#sekcja2 .row-ikony {margin:40px 0;}
	#sekcja3 .row-ikony {margin:40px 0;}
	#sekcja2 .row-ikony span.pull-icon + span {height: 180px;overflow: visible;font-weight: 100;float: left;max-width: 400px;}
	#sekcja3 .row-ikony span.pull-icon + span {height: 180px;overflow: visible;font-weight: 100;float: left;max-width: 400px;}
	.content {font-size: 18px;font-weight: 100;line-height: 28px;}

	#sekcja2 h3 {font-size: 28px;line-height: 38px;padding-right: }
	#sekcja2 h3 + p {font-size: 21px;line-height: 32px;font-weight: 100;color: #3c3d3c;padding-right: 33%;}

	#sekcja3 h3 {font-size: 28px;line-height: 38px;padding-right: }
	#sekcja3 h3 + p {font-size: 21px;line-height: 32px;font-weight: 100;color: #3c3d3c;padding-right: 33%;}

	#sekcja5 h2 + p {font-size: 24px;line-height: 36px;font-weight: 100;}


	#sekcja2 .p-1 {min-height: 333px; }
	#sekcja2 .p-2 {min-height: 333px; }
	#sekcja2 .p-3 {min-height: 333px; }
	#sekcja3 .p-3 {padding-bottom: 33px; }

	#sekcja2 {padding-bottom: 20px;}
	#sekcja2 img.pull-right {max-width: 33%!important;height: auto;margin-left: 100px;margin-top: 0px;}
	#sekcja2 img.pull-right {position: absolute;right:0;}


	#do-sklepu {padding: 60px 0 120px 0;}
	#sekcja5 {padding: 60px 0 60px 0;}
	#sekcja5 .btn-primary {margin-top: -80px;}
}

#sekcja5 .btn-primary {font-size: 18px;}

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-transparent {background: transparent;}
.row-numbers img {float: left;display: inline-block;margin-right: 30px;margin-top: 40px;}
.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;}
}
h4 {font-size: 21px;}
section ul li {list-style-type: none;padding-left: 30px;line-height: 36px;font-size: 17px;font-weight: 100;}

.dokumentacja-i-pliki h4 {background: transparent;}

.wrapper-showall {background: #f7f7f7;font-size: 18px;}
.wrapper-showall .btn {font-size: 17px;font-weight: 400;}

#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;}


	#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:after {content:' ';clear: both;height: 1px;display: block;}
#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 .page-header {height: 80px;}
#artykuly .readmore {font-size: 16px;line-height:24px;text-align: center;padding-top: 5px;}
#artykuly .readmore a {display: inline-block;color: #009459;background: transparent;padding: 2px 30px;}


#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;}

#sekcja4 div.zestaw-zawiera {margin-bottom: 30px;}
#sekcja4 .container{padding-bottom: 30px;}

@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;}

	#sekcja4 h2 {}
	#sekcja4 div.zestaw-zawiera {font-size: 21px;line-height: 33px;color: #4b4c4b;}
	#sekcja4 span.crossed {display: inline-block;margin-right: 30px;position: relative;font-size: 1.2em;}
	#sekcja4 span.crossed + span {font-size: 1.2em;}
	#sekcja4 span.crossed:before {content: ' ';height: 2px;width: 100%;position: absolute;left:0;top:50%;z-index: 2;background: #009459;}
	#sekcja4 .container{padding-bottom: 200px;}


	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;}


	#sekcja3 {padding-top: 30px;}
	#sekcja4 {padding-top: 80px;}
	#produkty {padding-top: 80px;}
	

	#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 {}

	#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;}
	 .cart-span a span {color: #fff;}

	#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;}

	.footer_4 h3 {font-size: 22px!important;font-weight: 500;}

}

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

	#sekcja4 .container{padding-bottom: 250px;}


	.banner-content {margin-top: 50px;}
	#sekcja1 {height: 610px;}
	#sekcja1b .arrow-down {top: 0px;position: relative;}
	.row-numbers span {display: inline-block;padding-top: 85px;}
	.row-numbers-transparent span {padding-top: 64px;}
	.arrow-down a span,.arrow-down a:hover span{font-size: 20px;}


	#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: #aaaaaa url(/images/rozwiazania/astraada-gsm/banner.jpg) right center no-repeat;background-size: 100% auto;padding: 0;}

}


@media screen and (max-width: 767px){
	.top-navigation-produkty {display: none!important;}
	.btn-primary {font-size: 1em;}
	.row-numbers img {margin-top: 10px;}
	#sekcja2 h3 {margin-top: 40px;}

	.row-ikony {}
	.row-ikony .col-md-6 {text-align: center;width: 300px;margin-left: auto;margin-right: auto;float: none!important;clear: both!important;}
	.row-ikony .col-md-6 .out{text-align: left;}

	#sekcja2 .row-ikony span.pull-icon + span {height: auto;margin-bottom: 50px;}

	#sekcja2 .row-ikony span.pull-icon + span {max-width: 100%;}

	.row-ikony .pull-icon {float:none!important;text-align: center;display: block!important;margin:50px auto 30px 70px!important;}
	.row-ikony .pull-icon img {width: 100px!important;height: 100px!important;max-width: 100px!important;}

	#do-sklepu {background-size: auto 300px;}
	#sekcja4 {padding-top: 50px;}
	#sekcja4 {background-size: auto 320px;background-position: left bottom;}
	#sekcja5 {background-size: auto 350px;}

	#produkty td.name {font-size: 12px;}
	#produkty td .padded {padding: 5px;}
	#produkty td.price {max-width: 80px;overflow: visible;}

	#kontakt img {max-width: 80px;margin-bottom: 50px;margin-right: 10px;}
}

.dokumentacja-i-pliki > a:first-child {display: none!important;}