#portfolio_glowna { background: #f6f6f6; /*min-height: 830px;*/ position: relative;}
#portfolio_glowna > .carousel.fade { width: 2560px; max-width: 100%; max-width: 100%; margin: 0 auto;}
#portfolio_glowna > .carousel.fade button.prev, #portfolio_glowna > .carousel.fade button.next { width: 24px; height: 34px; position: absolute; top: 50%; margin-top: -17px; border: none; background-repeat: no-repeat; background-position: center; background-color: transparent; z-index: 1; cursor: pointer;}
#portfolio_glowna > .carousel.fade button.prev {background-image: url('/images/glowna/strzalka1.png'); left: 20px}
#portfolio_glowna > .carousel.fade button.next {background-image: url('/images/glowna/strzalka2.png'); right: 20px}
#portfolio_glowna > .carousel.fade .carousel-nav { text-align: center; padding: 0 20px; position: absolute; z-index: 2; bottom: 90px; left: 0; width: 100%;}
#portfolio_glowna > .carousel.fade .carousel-nav > button { width: 9px; height: 9px; display: inline-block; margin: 3px; background-color: #999999; border: none; border-radius: 50%; cursor: pointer;}
#portfolio_glowna > .carousel.fade .carousel-nav > button.active { background-color: #ff7c38;}
#portfolio_glowna .carousel.fade .item { background-size: cover; background-position: center top; display: inline-block; vertical-align: top; width: 100%; padding-top: 150px; padding-bottom: 100px; white-space: normal; opacity: 0; pointer-events: none; /*visibility: hidden;*/ margin-right: -100%;
	transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
}
#portfolio_glowna .carousel.fade .item.active { opacity: 1; pointer-events: all; /*visibility: visible;*/}
#portfolio_glowna .carousel.fade .item a { background-color: #fc7e32; color: #fff; display: block; width: 455px; text-align: center; text-transform: uppercase; text-decoration: none; font-size: 18px; font-weight: 600; padding: 18px 15px; max-width: 100%; margin-top: 80px; position: relative; z-index: 2;}
#portfolio_glowna .carousel.fade .item a:hover { background-color: #ff873f;}
#portfolio_glowna .carousel.fade .item h2 { font-size: 38px;}
#portfolio_glowna .carousel.fade .item h2::after { content: ''; width: 50px; border-bottom: 2px solid #fc7e32; display: block; margin: 22px 0;}
#portfolio_glowna .carousel.fade .item .mockup { margin: 0 -200px;}
#portfolio_glowna .carousel.fade .item .mockup img { max-width: 100%}
#portfolio_glowna .carousel.fade .item p { font-size: 15px; font-weight: 400;}
#portfolio_glowna .carousel.fade .item strong { text-transform: uppercase; font-weight: 600; font-size: 16px; margin-top: 24px; display: block;}
#portfolio_glowna .carousel.fade .item > .total { padding: 0 80px;}
#portfolio_glowna > .carousel.fade .swipe-area { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
#portfolio_glowna .carousel.fade .wrap { white-space: nowrap; overflow: hidden;}
#portfolio_glowna .carousel.fade > .total { position: absolute; left: 0; right: 0; margin: auto; top: 0; height: 100%;}
#portfolio_glowna h1 { font-size: 40px; font-weight: 400; text-align: center; position: absolute; top: 70px; left: 0; width: 100%; z-index: 1; padding: 0 20px;}
#portfolio_glowna .col40 { width: 45%;}
#portfolio_glowna .col60 { width: 55%;}
#portfolio_glowna .bottom { display: none }

aside {pointer-events: none}
aside a {pointer-events: all}
body {min-width: 320px}

@media all and (max-width: 1540px){
	#portfolio_glowna .carousel.fade .item .mockup {margin: 0 -120px}
}
@media all and (max-width: 1050px){
	#portfolio_glowna > .carousel.fade .carousel-nav { top: 332px; bottom: auto; margin-top: 33%;}
	#portfolio_glowna .bottom { display: block; position: relative; top: 30px;}
	#portfolio_glowna .top { display: none }
	#portfolio_glowna .col40 { width: 100%; padding: 0 25px; text-align: center}
	#portfolio_glowna .col60 { width: 100%; margin-top: 50px;}
	#portfolio_glowna .carousel.fade .item a { margin: 40px auto;}
	#portfolio_glowna .carousel.fade .item h2::after {margin: 22px auto}
	#portfolio_glowna .carousel.fade .item .mockup {margin: 0 -50px; padding-bottom: 6%;}
	/*fix wygladowy*/
	#portfolio_glowna h1 { font-size: 30px; top: 65px}
	#portfolio_glowna .carousel.fade .item { padding-top: 100px; padding-bottom: 10px}
	#portfolio_glowna .carousel.fade .item h2 {font-size: 28px}
	#portfolio_glowna .col60 {margin-top: 4px}
}
@media all and (max-width: 800px){
	#portfolio_glowna .carousel.fade .item > .total {padding: 0 20px}
	#portfolio_glowna > .carousel.fade .carousel-nav {margin-top: 37%}
}
@media all and (max-width: 600px){
	#portfolio_glowna .carousel.fade .item a { width: 300px; font-size: 14px;}
	#portfolio_glowna .carousel.fade .item h2 {font-size: 30px}
	#portfolio_glowna > .carousel.fade button.prev, #portfolio_glowna > .carousel.fade button.next {display: none}
}
@media all and (max-width: 460px){
	#portfolio_glowna > .carousel.fade .carousel-nav { margin-top: 38%;}
}
@media all and (max-width: 380px){
	#portfolio_glowna > .carousel.fade .carousel-nav { margin-top: 37%;}
}