/* This stylesheet generated by Transfonter (http://transfonter.org) on August 25, 2016 10:22 AM */

@font-face {
	font-family: 'Century Gothic';
	src: url('/font/subset-CenturyGothic.eot');
	src: url('/font/subset-CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('/font/subset-CenturyGothic.woff') format('woff'),
		url('/font/subset-CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('/font/subset-CenturyGothic-BoldItalic.eot');
	src: url('/font/subset-CenturyGothic-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('/font/subset-CenturyGothic-BoldItalic.woff') format('woff'),
		url('/font/subset-CenturyGothic-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('/font/subset-CenturyGothic.eot');
	src: url('/font/subset-CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('/font/subset-CenturyGothic.woff') format('woff'),
		url('/font/subset-CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('/font/subset-CenturyGothic-Bold.eot');
	src: url('/font/subset-CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('/font/subset-CenturyGothic-Bold.woff') format('woff'),
		url('/font/subset-CenturyGothic-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('/font/subset-CenturyGothic.eot');
	src: url('/font/subset-CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('/font/subset-CenturyGothic.woff') format('woff'),
		url('/font/subset-CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('/font/subset-CenturyGothic-Italic.eot');
	src: url('/font/subset-CenturyGothic-Italic.eot?#iefix') format('embedded-opentype'),
		url('/font/subset-CenturyGothic-Italic.woff') format('woff'),
		url('/font/subset-CenturyGothic-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('/font/subset-CenturyGothic-Bold.eot');
	src: url('/font/subset-CenturyGothic-Bold.eot?#iefix') format('embedded-opentype'),
		url('/font/subset-CenturyGothic-Bold.woff') format('woff'),
		url('/font/subset-CenturyGothic-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}



@font-face { 
	font-family: 'Corbel';
	src: url('/font/corbel/CORBEL.TTF') format('truetype');
	font-weight: normal;
	font-style:normal;
}
@font-face { 
	font-family: 'Corbel';
	src:url('/font/corbel/Corbel Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face { 
	font-family: 'Corbel';
	src: url('/font/corbel/Corbel Italic.ttf') format('truetype');
	font-style: italic;
	font-weight: normal;
}


.contenty { 
	border-top:20px solid #251926;
	padding-top: 0px;
}
body { 
		font-family: 'Corbel', sans-serif;
	font-weight: bold;
	letter-spacing: normal;
	background: #000;

}

 .aboutBox8Left:hover, .aboutBox8Right:hover  { 
			  transform-origin: center top;
			  animation-name:shake;
			  animation-duration: 1s;
	  	 }


#aboutTop {
	position: absolute;
	top:60px;
	bottom:0px;
	right:0px;
	overflow: hidden;
	left:0px;
 	background-image: url(/layout/instrumentTop.jpg);  
	background-position: center top;
	background-size: cover;
}
.aboutTopText, .aboutBottomText {
	left:50px;
	position: absolute;
	top:50px;
	color:#fff;
	transform: translateX(-100%);
	opacity: 0;
}
.aboutBottomText {
	text-align: left;
	top:120px;
}


.aboutTopText.active, .aboutBottomText.active {
	transform: translateX(0);
	opacity: 1;
	transition:all 2s ease;
}
.aboutBottomText.active {
	transition:all 3s ease;
} 
.instrumentwrap {
	letter-spacing: normal;
	position: relative;
}
.instrumentwrap .row {
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	text-align: center;
}
.instrumentwrap h5 small {
	line-height: 30px;
}
.instrument-text-wrap { 
	position: absolute;
	height: 100%;
}
.instrumentOpis2 {
	background: rgba(0,0,0,0.8);
	padding: 30px;
	position: absolute;
	top:10%;
	left:10%;
	right:10%;
	bottom:10%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
 }
.instrumentOpis2Top {
	color:#F0E6AC;
}
.instrumentOpis2Btm {
	color:#25F4FD;
}
.instrumentOpis3 {
	color:#25F4FD;
}
.instrumentOpis3 {}
.instrumentOpis5 {
	position: absolute;
	bottom:50px;
	left:5%;
	right:5%;
	color:#CCBCE9;
	background: rgba(0,0,0,0.8);
	padding: 20px;
	
	
 	background: rgba(0,0,0,0.8);
	padding: 30px;
	position: absolute;
	top:10%;
	left:10%;
	right:10%;
	bottom:10%;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
 



}
.przerwa1 {
	padding:50px 0px;
	background: #1C111B;
}
.przerwa1wrap {
	padding: 30px !important;
}
.przerwa1wrap span {
	position: relative;
	z-index: 9;
	color:#fff;
	font-size: 18px;
}
.przerwa1wrapin {
	left:10px; 
	content: " ";
	z-index: 1;
	top:-10px;
	bottom:10px;
	right:-10px;
	position: absolute;
	border:1px solid #fff;
	background: #1C7DC1;
 }
 .przerwa1wrapin:before {
		left:0px; 
	content: " ";
	z-index: 1;
	top:19px;
	bottom:0px;
	right:19px;
	position: absolute;
	border:1px solid #fff;
	border-width: 1px 1px 0px 0px;
 }
.przerwa1wrap:after {
	content: " ";
	z-index: 0;
	position: absolute;
	border:1px solid #fff;
	background: #1C7DC1;
	left:-10px;
	top:10px;
	bottom:-10px;
	right:10px;
}

.aboutbox1Wrap {
	background:#1C111B;
	padding-top:30px;
}
.aboutBox1Left {
	position: absolute;
	left:0px;
	top:30px;
	z-index: 0;
	bottom:00px;
	background-image: url(/layout/about/boxbgtmp.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
 } 
 .aboutBox1RightIn {
	 background:rgba(0,0,0,0.8);
	 border:2px solid rgba(243,176,234,.4);
	 padding:40px 15%;
	 margin:50px auto;
	 color:#C4C2E1;
	 text-align: center;
	 width: 85%;
	 position: relative;
	 z-index: 9;
	 font-size:23px;
 } 
 .aboutBox1RightImg {
	position: absolute;
	left:0px;
	top:0px;
	width: 100%;
	z-index: 5;

height:100%;	background-image: url(/layout/about/box1right.jpg);
	background-position: center;
	background-size: cover;
	 
 }
 .przerwa2 {
	 background: #1D0F25;
	 padding-top:50px;
	 padding-bottom: 50px;
 }
 .przerwa2In {
	 background: #0E0912;
	 padding: 40px !important;
	 text-align: center;
	 font-size:19px;
	 color:#FFFFFF;
 }
 .przerwa2In span {
	 color:#D5B56B;
 }






.full-img {
	width:100%;
}
.przerwa3 {
 	background-position: center top;
	background-size: cover;
	position: relative;
 }
.przerwa3wrap {
	padding: 20px !important;
	position: absolute;
	top:50px;
	left:0px;
}
.przerwa3wrap span {
	position: relative;
	z-index: 9;
	color:#2C9DD9;
	font-size: 19px;
	font-style: italic;
}
.przerwa3wrapin {
	left:10px; 
	content: " ";
	z-index: 1;
	top:-10px;
	bottom:10px;
	right:-10px;
	position: absolute;
	border:1px solid #fff;
	background: rgba(0,0,0,0.8);
 }
 .przerwa3wrapin:before {
		left:0px; 
	content: " ";
	z-index: 1;
	top:19px;
	bottom:0px;
	right:19px;
	position: absolute;
	border:1px solid #fff;
	border-width: 1px 1px 0px 0px;
 }
.przerwa3wrap:after {
	content: " ";
	z-index: 0;
	position: absolute;
	border:1px solid #fff;
	background: rgba(0,0,0,0.8);
	left:-10px;
	top:10px;
	bottom:-10px;
	right:10px;
}


.przerwa4 {
	background: #070805;
	padding-top:50px;
	padding-bottom: 50px;
	border: 1px solid #8D3292;
	border-width: 1px 0px;
}
.przerwa4In {
	background: #1D7CC1;
	border:1px solid #8D3292;
	padding:40px;
	position: relative;
	text-align: center;
	color:#fff;
	font-size:19px;
	font-style: italic;
}
.przerwa4In:after{
	position: absolute;
	left:28px;
	top:28px;
	bottom:28px;
	right:28px;
	border:2px solid #8D3292;
	content:" ";
}
.przerwa4BoxTl {
	background: #8D3292;
	width: 30px;
	height: 30px;
	position: absolute;
	left:0px;
	z-index: 1;
	top:0px;
}
.przerwa4BoxBr {
	z-index: 1;
	background: #8D3292;
	width: 30px;
	height: 30px;
	position: absolute;
	right:0px;
	bottom:0px;
}





.przerwa6In {
	background: rgba(0,0,0,0.8);
	color:#fff;
	font-size:18px;
	font-style:italic;
	text-align: center;
	padding: 20px !important;
	line-height: 22px;
	position: absolute;
	left:0px; 
	top:40px;
}
.przerwa6In span {
	color:#3453A5;
}


.box7Wrap {
	background: #fff;
	border:10px solid #fff;
	border-width: 10px 0px;
}
.przerwa8 {
	text-align: center;
	padding-top:50px;
	padding-bottom: 50px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a1d38+0,31263f+22,140f19+100 */
background: rgb(42,29,56); /* Old browsers */
background: -moz-linear-gradient(top, rgba(42,29,56,1) 0%, rgba(49,38,63,1) 22%, rgba(20,15,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(42,29,56,1) 0%,rgba(49,38,63,1) 22%,rgba(20,15,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(42,29,56,1) 0%,rgba(49,38,63,1) 22%,rgba(20,15,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a1d38', endColorstr='#140f19',GradientType=0 ); /* IE6-9 */
	color:#b5985a;
}


.aboutBox8 {
	border-top:10px solid #fff;
		border-bottom:10px solid #fff;
	color:#b5985a;
background: rgb(42,29,56); /* Old browsers */
background: -moz-linear-gradient(top, rgba(42,29,56,1) 0%, rgba(49,38,63,1) 22%, rgba(20,15,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(42,29,56,1) 0%,rgba(49,38,63,1) 22%,rgba(20,15,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(42,29,56,1) 0%,rgba(49,38,63,1) 22%,rgba(20,15,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a1d38', endColorstr='#140f19',GradientType=0 ); /* IE6-9 */
padding-top:40px;
padding-bottom:30px;
text-align: center;
}
.aboutBox8 img { 
	border:8px solid #fff;
}

.aboutBox8In {
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	background: rgba(0,0,0,0.8);
	padding: 0px 20px;
	height: 30px;
	line-height: 34px;
	color:#b99e66;
	font-weight: 500;
	font-size:20px;
	text-align: center;
	bottom:40px;
	width: auto;
	white-space: nowrap;
}
#contact {
	margin-top: 0px;
}
.img-full { 
	vertical-align: top;
}
.box7lewo {
	position:absolute; top:0px; bottom:0px; left:0px; background-image:url(/layout/about/box7left.jpg); background-size:cover; background-position: left top;
}
.box7Prawo { 
	position: absolute; top:0px; bottom:0px; width:10px; left:-10px; padding: 0px !important; background:#fff; z-index: 55;
}
.instrument5wrap { 
	position: absolute; height:100%
}
@media (max-width:966px) { 
/*
	.instrument-text-wrap, .instrumentOpis2, .instrumentOpis5, .instrument5wrap { 
		position: relative;
		left: 0 !important;
		right:0 !important;
		bottom:0px !important;
		top:0 !important;
	}
	.instrument2.instrumentwrap { 
		background-image:url(/layout/instrument2.jpg);
		background-size: cover;
		background-position: center;
	}
	.instrument5.instrumentwrap { 
		background-image:url(/layout/instrument5.jpg);
		background-size: cover;
		background-position: center;
	}
.instrumentwrap .row {
	position: relative;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	text-align: center;
}
*/
}
@media (max-width:599px) { 
	.przerwa6In {
		position: relative;
		top:0px;
	}
	.box7lewo {
		position: relative;
		height: 300px;
	}
	.box7Prawo {
		position: relative;
		left:0px;
		width: 100%;
	}
	.aboutTopText, .aboutBottomText {
	right:auto;
	left:20px;
	text-align: center;	
	position: absolute;
	top:20px;
	z-index: 999999;
	color:#fff;
	font-size:15px !important;
	transform: translateX(100%);
	opacity: 0;
}
.aboutTopText h3 {
	margin-top: 0px;
	font-size:15px;
}
.aboutBottomText h4 {
	font-size: 12px;
}
.aboutBottomText {
	font-size: 14px !important;
	text-align: center;
	top:25px;
}
.przerwa4 {
	margin-top:100px;
}
}
@media (max-width:966px) {.aboutBox8Left { 
	padding-left:30px !important; padding-right:30px !important;
} 
	.aboutBox8Right { 
	padding-left:30px !important; padding-right:30px !important
}
.aboutBox8In {
font-size: 16px;
}
}

@media(max-width:566px) { 
	#aboutTop {

 	background-image: url(/layout/instrumentTopRotate.jpg);  
	background-position: center;
	}
		.aboutBox8Left { 
	padding-left:30px !important; padding-right:30px !important;
	margin-bottom: 30px;
}
.aboutBox8Right { 
	padding-left:30px !important; padding-right:30px !important
}
.aboutBox8In {
font-size: 16px;
}
	 
	
	}