.fzt{
	margin-top:20px;
	width: 100%;
	background: #f6f7f8;
	display: table;
}

.gifin{
	padding: 12px 1%;
	height: 35px;
	background: #f2f3f4;
	display: table;
	cursor: pointer;
}


.gifin h1 {
	color: #6e7683;
	font-size: 17px;
	text-align: center;
	text-transform: uppercase;
	vertical-align:middle;
    display: table-cell;
}
.active {
	background: #cccfd4 !important;
}

.gifbg{
	width: 100%;
	height:100px;
	display: block;
}

.fztleft {
	width:50%;
	float: left;
	display: table;
}
.panorama .fztleft {
	width:100%;
	float: left;
	display: table;
}
.fztright {
	color: #31415b;
	width: 50%;
	display: table;
}
.panorama .fztright {
	color: #31415b;
	width: 100%;
	display: table;
}
.fztrightinner{
	margin-top:130px;
}

#p6 .fztrightinner{
	margin-top:80px;
}
.panorama .fztrightinner{
	margin:20px 0px;
}


.fztright p { width: 80%; margin: 30px auto 0; }
.fztright hr { width: 20%; background: #31415b; border: 0; height: 2px;}

.fztrightinner h1 {
	font-size: 50px;
	text-align: center;
	text-transform: uppercase;
}

.fztrightinner h1 span {
	font-size: 32px;
	display: block;
}

.panorama .fztrightinner h1 {
	font-size: 42px;
	text-align: center;
	text-transform: uppercase;
}

.panorama .fztrightinner h1 span {
	font-size: 28px;
	display: block;
}

.fztfull{
	color: #31415b;
	padding: 20px;
}
.fztfullcol{
	color: #31415b;
	padding: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent; 
	border-right:20px solid #f6f7f8;	
	position: absolute;
	right: 50%;
	margin-top:20px;
	z-index: 9;
}

@media screen and (min-width: 1px) and (max-width: 980px) {
	.fztleft { width: 100%; position: static; }
	.fztright { width: 100%; position: static; float:none; padding-top: 20px; }
	.fztfullcol{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding-top: 20px; }
	.arrow-left {display: none;}
}

canvas{ display: block; vertical-align: bottom; } /* ---- particles.js container ---- */ #particles-js{ position:static; width: 100%; height: 500px; background-color: #edeef0; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }


@media screen and (min-width: 1px) and (max-width: 750px) {#particles-js{ height: 750px;}#p5 {min-height: 750px;} }




.header-unit {
  height: 500px;
  position: relative;
  background: #fff;
}
#video-container {
	position: absolute;
	top:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
video.fillWidth {
	position:absolute;
	z-index:0;
	height: 100%;
	width: 150%;
	left: -25%;
}


/* nowa wersja end */
.gifin:hover{
	background:#6e7683 !important;
	color:red !important;
}
.gifin:hover h1{
	color:#fff !important;
	text-shadow: 0px 0px 0px #6e7683 !important;
}


@media screen and (min-width: 1001px) {
	#b1, #b3, #b6, #b9{ background: #fafbfb; }
	.pano1{ width: 25%; display: table-cell; padding: 0 2%;}
	.pano2{	width: 71%; display: table-cell; }
}

@media screen and (min-width: 601px) and (max-width: 1000px) {
	#b1, #b4, #b5, #b9{ background: #fafbfb; }
	.gifin{ padding: 10px 1%;min-height: 40px; }
	.pano1, .pano2 {display:inline;width: 100%;}
}

@media screen and (min-width: 1px) and (max-width: 600px) {
	#b1, #b3, #b5, #b7{ background: #fafbfb; }
	.fullscreen-bg__video{display: none;}
	.gifin{ padding: 8px 1%;min-height: 30px; }
	.fztrightinner{ margin-top:10px; }
	.pano1, .pano2 {display:inline;width: 100%;}
}