body {
	font-family:'Josefin Sans',sans-serif;
	letter-spacing:1.5px;	-webkit-backface-visibility: hidden;

	}
	
	@font-face {
font-family: 'Tw Cen MT';
font-style: normal;
font-weight: normal;
src: local('Tw Cen MT'), url('/font/Tw Cen MT.woff') format('woff');
}
	@font-face {
font-family: 'Centuryg';
font-style: normal;
font-weight: normal;
src: url('/font/Century_gothic.otf') format('otf');
}

.century {
	font-family: "Century Gothic";
	}
	body.podstrona {
		padding-top:60px;
	}
	.noplay #videoWrap {
		display: none !important;
	}
	.video-js .vjs-tech {
		left:50%;
		transform: translate(-50%,-50%);
		}
	.modal {
		z-index: 999999999 !important;
	}
	.canplay #tla {
		display: none;
	}
	.noplay #tla {
		position: absolute;
		left:0px;
		top:0px;
		bottom:0px;
		right:0px;
		background-size:cover;
		background-position: center;
		display: block;
		z-index: 999;
	}
	.fastcontact {
		color:#fff;
		position: absolute;
		text-align: right;
		right:15px;
		bottom:15px;
		z-index: 999999999999;
		opacity: 1;
		
	}
	.sociale {
		color:#fff;
		position: absolute;
		text-align: right;
		left:15px;
		bottom:15px;
		z-index: 999999999999;
		opacity: 1;
	}
	.sociale a {
		display: inline-block;
		margin: 0px 5px;
		color:#fff;
		font-size:18px;
			
		border-radius: 50%;
		width: 30px;
		height: 30px;
		line-height: 34px;
		text-align: center;
		transition:none;
	}
	.sociale a:hover {
		cursor: pointer;
 		color:#C8AC67;
	}
	.socialeFooter {
		color:#fff;
		text-align: center;
		margin-top:50px;
	}
	.socialeFooter a {
		display: inline-block;
		height: 50px;
		line-height: 54px;
		text-align: center;
		margin: 0px 15px;
		border:1px solid #fff;
		border-radius: 50%;
		width: 50px;
		color:#fff;
		font-size:26px;
	}
	.socialeFooter a:hover {
		color:#333;
		background: #fff;
	}
	.show-up {
		transform: translateY(30px);
		opacity: 0;
	}
	.show-left {
		transform: translateX(-30px);
		opacity: 0;
	}
	.show-left.active {
		transform: translateX(0);
		opacity: 1;		transition:all 1s ease;

	}
	.show-right {
		transform: translateX(30px);
		opacity: 0;
	}
	.show-right.active {
		transform: translateX(0);
		opacity: 1;		transition:all .5s ease;

	}
	
	.show-down{
		transform: translateY(-50px);
		opacity: 0;
	}
	.show-up.active, .show-down.active {
		transform: translateY(0);
		opacity: 1;		transition:all .5s ease;

	}
	.show-fast.show-me.active {
		transition: all .5s ease !important;
	}
	.delay-02 { 
		transition-delay: .2s !important;
	}
	.delay-04 { 
		transition-delay: .4s !important;
	}
	.delay-06 { 
		transition-delay: .6s !important;
	}
	.delay-08 { 
		transition-delay: .8s !important;
	}
	.delay-05 {
		transition-delay: .5s;
	}
	.delay-1 {
		transition-delay: 1s !important;
	}
	.show-opac, .show-opacity {
		opacity: 0;
	}
	.show-scale { 
		transform: scale(0);
	}
	.show-scale.active { 
		transform: scale(1);
	}
	.show-opac.active, .show-opacity.active {
				transition:all .5s linear;

		opacity: 1;
	}
	.showblack  {
		background: #000;
		
	}
	.showblack.active {
		background: #fff;		transition:all .5s linear;

	}
	.showblack-down {
		overflow: hidden;
	}
	.showblack-down:after  {
		position: absolute;
		top:0px;
		bottom:0px;
		right:0px;
		left:0px;
		content:" ";
		transform: translateY(0);
		background: #000;
		
	}
	.showblack-down.active:after {
		transform: translateY(100%);		transition:all 1s linear;

		
	}
	.show-scale-horizontal { 
		transform: scale(0,1);
	}
	.show-scale-horizontal.active {
		transform: scale(1,1);
		transition:all 1s ease;
	}
	.jump {
color:#fff;
animation: jump .6s linear 0s infinite alternate;
position: absolute;
bottom:15px;
left:47%;
  text-align: center;
font-size:30px;transition: all .2s ease-in-out;
border-radius:50%;
height: 40px;
line-height: 40px;
width: 40px;
}
.jump.doabout {
	font-size:50px;
animation: jumpabout 3s linear 0s infinite alternate;
	}
.jump:hover {
margin-left: -10px;
padding: 10px 0px 10px 0px;
width: 60px;
line-height: 50px;
height: 60px;
color:#fff;
cursor: pointer;
bottom:17px;
-webkit-animation: none;
background-color: rgba(255,255,255,0.1);
}
@-webkit-keyframes jump {
	from {bottom:15px}
	to {bottom:17px; }
}
@keyframes jumpabout {
	0% {  opacity:1;}
	50% {opacity:0; }
	100% {  opacity:1; }
	
	}
	.miniLogo {
		float:left;
		margin-right: 50px;
		position: absolute;
		left:15px;
		top:0px;
		height:60px;
		padding: 10px 5px;
		line-height: 50px;
		overflow: hidden;
	}
	.miniLogo.wieksze { 
		padding: 5px;
		}
		.miniLogo.wieksze img { 
			height: 50px;
			}
	.miniLogo img {
		-webkit-transition: all .5s ease;
		transition:all .5s ease;
		-moz-transition: all .5s ease;
		position: relative;
		height:40px;
		margin-top:-10px;
		top:-100%;
	}

	.playingVideo .miniLogo img, .podstrona .miniLogo img, .scrolowane .miniLogo img {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		margin-top:0px;
	}
	.top {
	position: absolute;
	top:0px;
	height:100%;
	width: 100%;
	left:0px;
	z-index: 0;
}
body.noscroll {
	overflow: hidden;
}
 .playfair {
font-family: 'PT Sans', sans-serif;	 text-transform: uppercase;
 }
 .dosis {
	 
font-family: 'PT Sans', sans-serif;	
}
 .dosisHeader {
font-family: 'PT Sans', sans-serif;	 text-transform: uppercase; 
	 height: 50px;
	 line-height: 40px;
	 color:#fff;
	 font-size: 40px;
 }
 .dosisHeader span {
	 display: inline-block;
	 padding: 10px 0px;
	 line-height: 40px;
	 border:1px solid #fff;
	 border-width: 1px 0px 1px 0px;
	 
 }
 .dosisHeader.maly, .dosisHeader.maly span {
	 font-size: 30px;
	 line-height: 20px;
	 height: 40px;
	 font-size: 30px;
 }
 
 .menu {
	 position: fixed;
	 top:0px;
	 left:0px;
	 right:0px;
 	 height: 60px;
	 text-align: center;
	 line-height: 60px;
	 z-index: 99999999999;
	 background-color: transparent;
	 transition:all .5s ease;
	 -webkit-transition: all .5s ease;
	 
	  }
	  .podstrona .menu {
	 background-color:rgba(0,0,0,0.8);
	  }
 .scrolowane .menu {
	 background-color:rgba(0,0,0,0.8);
 }
 .menu a {
	 text-transform: uppercase;
	 display: inline-block;
	 font-size:14px;
	 font-weight: 500;
	 transition:all 1s ease;
	 color:rgba(255,255,255,0.9);
	 margin: 0px 10px;
 }
 .menu a.active {
	 font-weight: 700;
 }
 .menu a.jezyki {
	 margin: 0px 3px;
 }
 .menu a.jezyki:hover {
 	 color:#fff !important;
 	 font-weight: bold;
 	 
	 }
	 .menu a.jezyki.active:hover {
		 color:#fff !important;
		 text-decoration: none;
		 }
 .menu a:hover {
	 color:#C8AC67;
	 cursor: pointer;
	 text-decoration: none;
 } 
 .menu a:first-of-type {
	 margin-left: 0px;
 }
 a.podkresl {
	 color:#fff !important;
	 padding-bottom: 2px;
	 position: relative;
	 display: block;transition:all 1s ease;

	 }
	 a.podkresl:hover {
		 color:#C8AC67 !important;
		 }
	 a.podkresl:after {
		 position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: auto;
margin: 0;
width: 0%;
height: 1px;
background: #C8AC67;
color: transparent;
content: ".";
text-align: left;
opacity: 0;transition:all 1s ease;

}
	 a.podkresl:hover:after {
		 z-index: -10px;
width: 100%;
opacity: 1;
transition:all 1s ease;
}
 .contenty {
	position: absolute;
	top:100%;
	-webkit-backface-visibility: hidden;
	left:0px;
	right:0px;
	height: auto;
	z-index: 1;
	background: rgba(0,0,0,0.4);
	padding-top: 30px;
}
.videaWrapper .col-md-4 {
	padding: 0px;
}
.top.inactive, .contenty.inactive, .menu.inactive {
	-webkit-transition: all 1s ease;
	opacity: 0;
	-webkit-transform: scale(2);
}
#player {
	position: fixed;
	top:48px;
	width:315px;
	display: none;
	right:0px;
	z-index: 99999999999999;
 	text-align: center;
 	background: rgba(0,0,0,0.7);
 
}
#player.active {
	display: block;
}
#playerMobi {
	display: none;
position: fixed;
	top:50px;
	width:80px;
	display: none;
	right:0px;
	z-index: 99999999999999;
 	text-align: center;
 	background: rgba(0,0,0,0.7);
 	}
.canplay #playerMobi {
	display: none !important;
}
#socialePlayer {
	position: fixed;
	bottom:0px;
	right:0px;
	padding: 20px;
	color:#ccc;
	display: none;
	z-index: 999999999999;
}
#socialePlayer.active {
	display: block;
}
#socialePlayer span {
	font-size:40px;
	margin-left:30px;
	height: 50px;
	line-height: 50px;
}
 
#playerTymczasowy {
position: fixed;
	top:0px;
	cursor: pointer;
	right:0px;
	height: 60px;
	line-height: 40px;
	padding: 10px;
	z-index: 99999999999999;
 	text-align: center;	
	color:#fff;
}
#playerTymczasowy:hover {
	color:#C8AC67;
	}
.touch #playerTymczasowy {
	display:none;
}
#playerTymczasowy i {
	position:relative;
	top:3px;
}
#playerAfter {
	position: relative;
 
	height: 20px;
	line-height: 20px; 
	background: #f800e3;
	z-index: 9;
	color:#fff;
}
#player span.closeButton {
	position: fixed;
	right:16px; width: 50px;
	top:110px;
}
#now {
	position: fixed;
	top:0px;
	right:0px;
	background: rgba(0,0,0,0.8);
	height: 24px;
	line-height: 24px;
	display: none;
	overflow: hidden;
	width: 315px;
	z-index: 9999999999;
}
#now.active {
	display: block;
}
#nowleft {
	width:auto;
	padding-right:10px;
	width: 65px;
	text-align: right;
		height: 24px;
	line-height: 25px;
	font-size:12px;
	font-weight: 700;
	float:right;
	background: #C8AC67;
}
#nowright {
 	float:left;
	width: 250px;
	color:#fff;
	overflow: hidden;
	font-size:11px;
	font-weight: 500;
 }
#next {
	position: fixed;
	top:24px;
	right:0px;
	background: rgba(0,0,0,0.7);
	height: 24px;
	line-height: 24px;
	display: none;
	overflow: hidden;
	width: 315px;
	z-index: 9999999999;
}
#next.active {
	display: block;
}
#nextleft {
 	padding-right:10px;
	width: 65px;
	text-align: right;
	height: 24px;
	line-height: 25px;
	font-size:12px;
	font-weight: 700;
	float:right;
}
#nextright {
 	float:left;
	width: 250px;
	color:#fff;
	overflow: hidden;
	font-size:11px;
	font-weight: 300;
 }
.ticker {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
    left:100%;
    position: relative;
    padding-right: 100%;  
	animation-name: ticker;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 10s; 
}
@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);

    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0);
    }
}
.btn.btn-ghost-white {
	border:1px solid #fff;
	background: transparent;
	color:#fff;
	
}
.btn.btn-ghost-white:hover {
	background-color:rgba(199, 171, 101, 0.28);
	border-color:#C8AC67;
}
 #player span, #playerMobi span {
	position: relative;
	z-index: 99;
	height: 50px;
	width: 23%;
	text-align: center;
	line-height: 40px;
	padding:0px 0px 5px 0px;
	display: inline-block;
}
#player span i, #playerMobi span i {
	color:#fff;
	font-size:40px;
	border:2px solid #fff;
	border-radius: 40px;
	text-align: center;
	line-height: 38px;
	
}
#player span.fullScreen i, #player span.miniScreen i {
	border-radius: 0px;
	border:0px;
	font-size:60px;
 	position: relative;
	top:10px;
}
#player span.fullScreen:hover  i, #player span.miniScreen:hover  i  {
	background: transparent;
	color:#C8AC67;
}
#player span:hover {
	cursor: pointer;
}
#player span:hover i {
	background: #C8AC67;
	border-color:#C8AC67;
}/*

#about {
	-webkit-transform:rotate(-2.5deg) translateZ(0);
	 transform:rotate(-2.5deg) translateZ(0);
	-webkit-backface-visibility: hidden;
}
#skrzypce {
	transform: rotate(2deg);
}
*/
#dolnyform input, #dolnyform textarea {
	color:#fff;
}
/*
#aboutBeforeBefore {
	z-index: 0;
	background: #fff;
	position: absolute;
	left:-5px;
	right:-5px;
 	bottom:-5px;
	top:-5px;
	display: none;
 }
*/
a.blogList {
	color:#000;
	text-decoration: none;
	padding: 10px;
	display:block;	
}
a.blogList:hover {
	background: #ccc;
}
.breakerNews {
	margin: 30px 0px 20px 0px;
	text-align: center;
}
.breakerNews span {
	border-bottom:1px solid #000;
	width: 50px;
	height: 1px;
	display: inline-block;
}
rder-color:#f50057;
}
#about {
	-webkit-transform:rotate(-2.5deg) translateZ(0);
	 transform:rotate(-2.5deg) translateZ(0);
	-webkit-backface-visibility: hidden;
	float:left; margin-left:5%;  position:relative; margin-bottom:0px;
	
}
#skrzypce {
	transform: rotate(2deg);
}
#aboutBeforeBefore {
	z-index: 0;
	background: #fff;
	position: absolute;
	left:-5px;
	right:-5px;
 	bottom:-5px;
	top:-5px;
	display: none;
/* 	box-shadow: 0px 0px 20px 5px #3e2ffe; */
}
#aboutAfter {
	position: absolute;
	left:0px;
	right:0px;
	display: none;
	bottom:0px;
	top:0px;	/* box-shadow: 0px 0px 20px 5px #3e2ffe; */

	opacity: 0;
	background-image:url(/layout/sesja1.jpg); background-position:left top; background-size:cover;
	z-index: 2;
	-webkit-transition: all .05s ease;
}
#aboutBefore {
	background-image:url(/layout/lewy01.jpg); background-position:left top;background-size:auto 100%;background-color:#000; background-repeat: no-repeat;;
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	z-index: 1;
 }
#skrzypce {
	width: 80%;
	left:20%;
	position: relative;
  	background-size: cover;
 	padding: 15px;
	padding-top:50px;
 }
#liveact {
 	
 	width:60%;
 	right:10%;
 	color:#fff;
	padding: 15px;
	float: right;
	position: relative;
	margin-top:50px;
	padding-top:50px;
}

/*
#aboutAfter {
	position: absolute;
	left:0px;
	right:0px;
	display: none;
	bottom:0px;
	top:0px;	 

	opacity: 0;
	background-image:url(/layout/sesja1.jpg); background-position:left top; background-size:cover;
	z-index: 2;
	-webkit-transition: all .05s ease;
}
#aboutBefore {
	background-image:url(/layout/lewy01.jpg); background-position:left top;background-size:auto 100%;background-color:#000; background-repeat: no-repeat;;
	position: absolute;
	left:0px;
	top:0px;
	bottom:0px;
	right:0px;
	z-index: 1;
 }
*//*

#skrzypce {
	width: 95%;
	left:5%;
	position: relative;
	margin-top: 20px;
 	background-size: cover;
 	padding: 15px;
	padding-top:50px;
 }
#liveact {
 	
 	width:95%;
 	right:5%;
 	color:#fff;
	padding: 15px;
	float: right;
	position: relative;
	margin-top:50px;
 	padding-top:50px;
}
*/
.najedz.active .pokazanynajedz *  {
	animation: kolory 4s linear 0s infinite alternate;
 
	}
	.najedz.active:hover .ukrytynajedz {
		animation: kolory 4s linear 0s infinite alternate;
	
		}
		.nowplayingin {
			display:none;
			}
	.najedz.active .nowplayingin {
		display: block;
		}
		
	@keyframes kolory {
		0% { color: #C8AC67; }
		50% {color:#fff; }
		100% { color:#C8AC67; }
		
		}
  .progresi {
			position: absolute;
			bottom:0px;
			display: none;
			background: rgba(255,255,255,0.6);
			left:-2px !important;
			padding: 0px !important;
 			z-index:999999999999;
			height: 16px !important;
			}
			.progresi.active {
				display: block;
				}
			
			.progresiin {
				background:#C8AC67;
				position:absolute;
				left:0px;
				top:0px;
				height: 16px  !important;
			transition:all 1s linear;
				}
 .progrestop {
			position: absolute;
			top:100%;
			display: none;
			background: #666;
			width:100%;
			left:0px !important;
			padding: 0px !important;
 			z-index:999999999999;
			height: 10px !important;
			}
			.progrestop:hover {
				cursor: pointer;
 				}
				.progrestop:hover .progrestopin {
					background: rgba(255,255,255,0.7);
					}
			.progrestop.active {
				display: block;
				}
			
			.progrestopin {
				background:#fff;
				position:absolute;
				left:0px;
				top:0px;
				height: 10px  !important;
			transition:all 1s linear;
				}		
				.progrestopin:after {
					
					position: absolute;
					left:100%;
					width: 14px;
					height: 14px;
					border-radius: 14px;
					margin-left:-7px;
					margin-top:-2px;
					content:" ";
					background: #fff;
					}		
		.najedzwrap {
			height: 430px;
  			-webkit-overflow-scrolling: touch;
 			overflow: auto;
			}
			.najedzwrap .mCSB_scrollTools {
				right:40px;
				
				}	
			.najedzwrap	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
					background: rgba(0,0,0,1);
					}
			.najedzwrap	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
										background: rgba(255,255,255,0.3);

					}
								.najedzwrap	.mCS-dark-3.mCSB_scrollTools_onDrag .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
									
									background:rgba(255,255,255,0.9);
									}
.najedzwrap	 .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
										background:rgba(255,255,255,0.6);

	
	}
.najedz {
	height: 70px;
	line-height: 70px;
	position: relative;
	margin-bottom: 0px;
}
.najedz * {
	line-height: 70px;
	height: 70px;
	
}
.ukrytynajedz {
	position: absolute;
	left:0px;
	right:0px;
	top:0px;
	line-height: 70px;
	height: 70px;
	height: 100%;
	z-index: 99;
	background: #C8AC67;
 	color:#fff;
 	-webkit-transform: scale(0.9,0.2);
 	-webkit-transform-origin: center top;
	-webkit-transition: all .4s ease;
	opacity: 0;
	
}
.ukrytynajedz h4 {
	margin: 0px;
	line-height: 70px;
	height: 70px;
}
.najedz:hover {
	cursor: pointer;
}
.najedz:hover .ukrytynajedz {
 	opacity: 1;
 	-webkit-transform: scale(1,1);
}











 

#audioWrap:before {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IiIgcj0iOTUlIj48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 20%, #000000 95%);
  background-image: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 20%, #000000 95%);
  background-image: radial-gradient(ellipse cover at center, rgba(0, 0, 0, 0) 20%, #000000 95%);
  position: absolute;
  content: "";
  z-index: 0;
  opacity: 0.9;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#audioWrap:after {
  background: url("https://s.cdpn.io/1715/noise-1.png");
  position: absolute;
  content: "";
  z-index: 1;
  opacity: 0.8;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

audio {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
}

.message {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  text-transform: uppercase;
  border-radius: 3px;
  text-align: center;
  line-height: 1.2;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  margin-left: -180px;
  margin-top: -30px;
  font-size: 13px;
  padding: 20px;
  display: none;
  z-index: 3;
  height: 60px;
  width: 360px;
  color: #fff;
  left: 50%;
  top: 50%;
}
.message h1, .message h2 {
  font-weight: 300;
  margin: 10px 0;
}
.message h1 a, .message h2 a {
  text-decoration: none;
  font-weight: 700;
  color: #1B676B;
}

#intro {
  display: block;
}



























.glitch {
  color: black;
  position: relative;
  margin: 0 auto;
  mix-blend-mode: darken; }

@-webkit-keyframes noise-anim {
  0% {
    clip: rect(6px, 9999px, 26px, 0); }
  2.5% {
    clip: rect(22px, 9999px, 89px, 0); }
  5% {
    clip: rect(95px, 9999px, 95px, 0); }
  7.5% {
    clip: rect(42px, 9999px, 30px, 0); }
  10% {
    clip: rect(67px, 9999px, 52px, 0); }
  12.5% {
    clip: rect(68px, 9999px, 5px, 0); }
  15.0% {
    clip: rect(84px, 9999px, 2px, 0); }
  17.5% {
    clip: rect(77px, 9999px, 13px, 0); }
  20% {
    clip: rect(16px, 9999px, 95px, 0); }
  22.5% {
    clip: rect(36px, 9999px, 28px, 0); }
  25% {
    clip: rect(67px, 9999px, 95px, 0); }
  27.5% {
    clip: rect(19px, 9999px, 74px, 0); }
  30.0% {
    clip: rect(23px, 9999px, 98px, 0); }
  32.5% {
    clip: rect(66px, 9999px, 76px, 0); }
  35% {
    clip: rect(93px, 9999px, 52px, 0); }
  37.5% {
    clip: rect(75px, 9999px, 54px, 0); }
  40% {
    clip: rect(32px, 9999px, 71px, 0); }
  42.5% {
    clip: rect(42px, 9999px, 3px, 0); }
  45% {
    clip: rect(33px, 9999px, 67px, 0); }
  47.5% {
    clip: rect(47px, 9999px, 8px, 0); }
  50% {
    clip: rect(85px, 9999px, 34px, 0); } }

@keyframes noise-anim {
  0% {
    clip: rect(6px, 9999px, 26px, 0); }
  2.5% {
    clip: rect(22px, 9999px, 89px, 0); }
  5% {
    clip: rect(95px, 9999px, 95px, 0); }
  7.5% {
    clip: rect(42px, 9999px, 30px, 0); }
  10% {
    clip: rect(67px, 9999px, 52px, 0); }
  12.5% {
    clip: rect(68px, 9999px, 5px, 0); }
  15.0% {
    clip: rect(84px, 9999px, 2px, 0); }
  17.5% {
    clip: rect(77px, 9999px, 13px, 0); }
  20% {
    clip: rect(16px, 9999px, 95px, 0); }
  22.5% {
    clip: rect(36px, 9999px, 28px, 0); }
  25% {
    clip: rect(67px, 9999px, 95px, 0); }
  27.5% {
    clip: rect(19px, 9999px, 74px, 0); }
  30.0% {
    clip: rect(23px, 9999px, 98px, 0); }
  32.5% {
    clip: rect(66px, 9999px, 76px, 0); }
  35% {
    clip: rect(93px, 9999px, 52px, 0); }
  37.5% {
    clip: rect(75px, 9999px, 54px, 0); }
  40% {
    clip: rect(32px, 9999px, 71px, 0); }
  42.5% {
    clip: rect(42px, 9999px, 3px, 0); }
  45% {
    clip: rect(33px, 9999px, 67px, 0); }
  47.5% {
    clip: rect(47px, 9999px, 8px, 0); }
  50% {
    clip: rect(85px, 9999px, 34px, 0); } }



@-webkit-keyframes noise-anim-2 {
  0% {
    clip: rect(96px, 9999px, 55px, 0); }
  5% {
    clip: rect(70px, 9999px, 26px, 0); }
  10% {
    clip: rect(96px, 9999px, 25px, 0); }
  15.0% {
    clip: rect(37px, 9999px, 83px, 0); }
  20% {
    clip: rect(50px, 9999px, 94px, 0); }
  25% {
    clip: rect(28px, 9999px, 40px, 0); }
  30.0% {
    clip: rect(27px, 9999px, 35px, 0); }
  35% {
    clip: rect(61px, 9999px, 19px, 0); }
  40% {
    clip: rect(3px, 9999px, 92px, 0); }
  45% {
    clip: rect(67px, 9999px, 9px, 0); }
  50% {
    clip: rect(34px, 9999px, 95px, 0); }
  55.0% {
    clip: rect(3px, 9999px, 39px, 0); }
  60.0% {
    clip: rect(21px, 9999px, 90px, 0); }
  65% {
    clip: rect(40px, 9999px, 10px, 0); }
  70% {
    clip: rect(2px, 9999px, 73px, 0); }
  75% {
    clip: rect(53px, 9999px, 88px, 0); }
  80% {
    clip: rect(37px, 9999px, 68px, 0); }
  85.0% {
    clip: rect(51px, 9999px, 69px, 0); }
  90% {
    clip: rect(5px, 9999px, 44px, 0); }
  95% {
    clip: rect(98px, 9999px, 53px, 0); }
  100% {
    clip: rect(81px, 9999px, 54px, 0); } }

@keyframes noise-anim-2 {
  0% {
    clip: rect(96px, 9999px, 55px, 0); }
  5% {
    clip: rect(70px, 9999px, 26px, 0); }
  10% {
    clip: rect(96px, 9999px, 25px, 0); }
  15.0% {
    clip: rect(37px, 9999px, 83px, 0); }
  20% {
    clip: rect(50px, 9999px, 94px, 0); }
  25% {
    clip: rect(28px, 9999px, 40px, 0); }
  30.0% {
    clip: rect(27px, 9999px, 35px, 0); }
  35% {
    clip: rect(61px, 9999px, 19px, 0); }
  40% {
    clip: rect(3px, 9999px, 92px, 0); }
  45% {
    clip: rect(67px, 9999px, 9px, 0); }
  50% {
    clip: rect(34px, 9999px, 95px, 0); }
  55.0% {
    clip: rect(3px, 9999px, 39px, 0); }
  60.0% {
    clip: rect(21px, 9999px, 90px, 0); }
  65% {
    clip: rect(40px, 9999px, 10px, 0); }
  70% {
    clip: rect(2px, 9999px, 73px, 0); }
  75% {
    clip: rect(53px, 9999px, 88px, 0); }
  80% {
    clip: rect(37px, 9999px, 68px, 0); }
  85.0% {
    clip: rect(51px, 9999px, 69px, 0); }
  90% {
    clip: rect(5px, 9999px, 44px, 0); }
  95% {
    clip: rect(98px, 9999px, 53px, 0); }
  100% {
    clip: rect(81px, 9999px, 54px, 0); } }
.glitch:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  top: 0;
  color: black;
  background: white;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0); }
  
  .glitch:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  top: 0;
  color: black;
  overflow: hidden;
  /* clip: rect(0, 900px, 0, 0); */
  background: white;
  }
  .deep-purple .glitch:before, .deep-purple .glitch:after {
	  background: #673ab7;
	  color:#fff;
  }
  .pink.darken-4 .glitch:before, .pink.darken-4 .glitch:after {
	  background: #880e4f;
	  color:#fff;
  }
  .transparentny .glitch:before, .transparentny .glitch:after {
	  background: transparent;
	  color: rgba(0,0,0,0.1);
	  left:49%;
	  transform:translateX(-50%);
	  -webkit-transform: translateX(-50%);

  }
   .transparentny .glitch:after {
	   left:51%;
   }
    .deep-purple.darken-3 .glitch:before, .deep-purple.darken-3 .glitch:after {
	  background: #4527a0;
	  color:#fff;
  }
  .transparentny  .glitch {
	  color:#fff;
	  mix-blend-mode: lighten; 
  }
  .deep-purple .glitch, .pink.darken-4 .glitch,   .deep-purple.darken-3 .glitch{
	  color:#fff;
	  mix-blend-mode: lighten; 
  }
  
  
  .logoafter {
  content: " ";
  position: absolute;
  left: 2px;
  top: 0;
  color: black;
   overflow: hidden;
  clip: rect(0, 900px, 0, 0); }

.logobefore {
	 content: " ";
  position: absolute;
  left: -2px;
  top: 0;
  color: black;
  overflow: hidden;
  /* clip: rect(0, 900px, 0, 0); */
 } 
.glitch.play::before, .logo.play .logobefore {
  -webkit-animation: noise-anim-2 3s 1 linear alternate-reverse 1s;
          animation: noise-anim-2 3s 1 linear alternate-reverse 1s; }

.glitch.play::after, .logo.play .logoafter {
  -webkit-animation: noise-anim 4s infinite linear alternate-reverse 1s;
          animation: noise-anim 4s infinite linear alternate-reverse 1s; }
          
          
          
          
          
          
   .mediaDiv {
   		 margin: 0px 0px 20px 0px;
		 border:0px solid #ccc;
	 
  	 }
  	 
  	 .mediaDiv img {
	  	 -webkit-transition: all .6s ease;
	  	 -moz-transition:all .6s ease;
	  	 transition:all .6s ease;
	  	 -webkit-transform: scale(1);
	  	 -moz-transform: scale(1);
	  	 transform: scale(1);
	  	 vertical-align: top;
  	 }
  	 .mediaDiv:hover img {
	  	 -webkit-transform: scale(1.1);
	  	 -moz-transform: scale(1.1);
	  	 transform: scale(1.1);
  	 }
  	
  	 .mediaDivInSml:hover {
	  
	  	 box-shadow:0px 2px 8px rgba(0,0,0,0.4);
	  	 -webkit-transition: box-shadow 0.6s ease;
  	 }
  	 @-webkit-keyframes shake {
	  	 0% { -webkit-transform: rotate(0deg);}
	  	 10% { -webkit-transform: rotate(3deg);}
	  	 30% { -webkit-transform: rotate(-3deg);}
	  	 50% { -webkit-transform: rotate(2deg);}
	  	 80% { -webkit-transform: rotate(-2deg);}
	  	 100% { -webkit-transform: rotate(0deg);}
  	 
	  	 
  	 }
 	 .mediaDivInSml {
	 	  background: rgba(0,0,0,0.8);
		 box-shadow:0px 2px 4px rgba(0,0,0,0.2);
		 border-radius:3px;
		 position: relative;
		 overflow: hidden;
 	 }
	 .mediaDiv:hover {
		 cursor: pointer;
 		 text-decoration: underline;
	 }
	 .mediaDivImg {
		 position: absolute;
		 left:0px;
		 right:0px;
		 top:0px;
		 bottom:1px;
		 overflow: hidden;
		
	 }
	 .playMedia {
		 position: absolute;
		 top:50%;
		 margin-top:-15px;
		 left:50%;
		 -webkit-transform: translateX(-50%) translateY(-50%);
		 -moz-transform: translateX(-50%) translateY(-50%);
		 transform: translateX(-50%) translateY(-50%);
		 font-size:50px;
		 width: 50px;
		 height: 50px;
		 color:#fff;
		 opacity: 0.5;
		 z-index: 999999999;
	 }
	 .mediaco {
 		 text-align: center;
		 font-size:26px;
		 font-weight: bold;
		 position: absolute;
		 left:10px;
		 top:10px;
 	 }
	 
	 .mediaco span {
		 display: block;
		 font-size:14px;
		 font-weight: 300;
 		 text-transform: uppercase;
	 }
	 .mediaco .maleinfo {
		 font-size:12px;
		 font-family: "Open Sans";
		 margin:5px 0px 0px 0px;
	 }
	 .opisBottomNew {
		 position: absolute;
		 bottom:0px;
		 left:0px;
		 right:0px;
		 background: rgba(0,0,0,0.6);
 		 text-align: center;
 		 overflow: hidden;
 		 z-index: 99999;
 		 text-overflow: ellipsis;
 		 white-space: nowrap;
 		 padding: 0px 5px;
		 height: 40px;
		 min-height: 40px;
		 line-height: 40px;
		 color:#fff;
		 font-size:16px;
	 }
        .mediaDiv:hover .opisBottomNew {
	        overflow: visible;
	        height: auto;
	        line-height: 20px;
	        white-space: normal; 
        }
        .opisBottomNew small {
	        font-size:12px;
        }
       	.opisBottom {
 		 font-size:13px;
 		 letter-spacing: 0.1em;
		 text-align: center;
		 font-weight: 700;
		 text-transform: uppercase;
		 position: absolute;
		 bottom:20px;
		 left:20px;
		 right:20px;
		 text-align: center;
		 color:#fff;
		 white-space: nowrap;
		 text-overflow: ellipsis;
		 overflow: hidden;
		 z-index: 10;
		 		  -webkit-transition: all 1s ease;
}
		 
	 .opisBottomAfter {
		 position: absolute;
		 top:100%;
		 left:7px;
		 right:7px;
		 background: rgba(0,0,0,0.6);
		 height: 50px;
		 padding: 0px 10px;
		 z-index: 99999;
		 color:#ccc;
		 -webkit-transition: all .3s ease;
		 line-height: 50px;
		 font-size:12px;
 	 }
	 .opisBottomAfter .text {
		 opacity: 0;
		 position: relative;
		 -webkit-transform: translateY(10px);
			 -webkit-transition: all .4s ease;
			 -webkit-transition-delay: .2s;
	 
	 }
   .hiddenright, .hiddenleft {
	   position: absolute;
	   left:100%;
	   top:0px;
	   bottom:0px;
	   z-index: 999;
	   width: 100%;
	   -webkit-transition: all .5s ease;
	   transition:all .5s ease;
	   -moz-transition:all .5s ease;
   }
   .hiddenleft {
	   left:-100%;
   }
   .ofertawrap:hover {
	   cursor: pointer;
   }
   .ofertawrap:hover .hiddenright {
	   -webkit-transform: translateX(-100%);
	   transform: translateX(-100%);
   }
   .ofertawrap:hover .hiddenleft {
	   -webkit-transform: translateX(100%);
	   transform: translateX(100%);	   
   }
   .ofertamin {
	   min-height:200px; 
   }
          
          
.galeriaOpis {
	position: absolute;
	text-transform: uppercase;
	bottom:10px;
	left:20px;
	right:20px;
	padding: 10px;
	color:#fff;
	font-size:30px;
	text-align: center;
	z-index: 30;
}
.galeriaDiv {
 	position: relative;
	cursor: pointer;
}
.galeriaDiv:hover {
	z-index: 20;
}
.galeriaDiv img {
	vertical-align: top;
}
.galeriaDivIn {
	position: absolute;
	left:15px;
	right:15px;
	top:0px;
	bottom:0px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition:all .3s ease;
	z-index: 5;
	padding: 15px;
}
.galeriaDiv:hover .galeriaDivIn {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}

.galeriaOpis span {
	display: inline-block;
	border:1px solid #fff;
	padding: 10px;	line-height: 44px;

	border-width: 1px 0px;
}


.galwrap {
	display:none;
}
.galwrap.active {
	display: block;

}
.galeriaClick.inactive {
	opacity: 0.2;
}
.galeriaClick.inactive:hover {
	opacity: 0.8;
}
.galleries {
	display: none;
	position: relative;
}
.galleries.active {
	display: block;
}
.galwrap img {
	width: 100%;
	display: none;
}
.galwrap img.active {
	display: block;
}
.galprev, .galnext {
	display: none;
	position: absolute;
	top:200px;
	left:-5px;
	font-size:30px;
	width:40px;
	height:50px;
	padding: 10px 0px;
	margin-top:-25px;
	line-height: 50px;
	text-align: center;
	background: rgba(0,0,0,0.8);
	color:#fff;
}
.galprev:hover, .galnext:hover {
	cursor: pointer;
	background: #fff;
	color:#000;
}
.galprev.active, .galnext.active {
	display: block;
}
.galnext {
	left:auto;
	right:-5px;
}



  #lightbox-belka {
  position:absolute; bottom:0px; height:110px; left:0px; right:0px; background:rgba(0,0,0,0.5); padding-top:5px;
  -webkit-overflow-scrolling:touch;
  
  }
  .lightbox-belka-in {
	  width: auto;
	  height: 100px;
	  overflow-x: visible;
	  position: relative;
	  -webkit-transition: all .5s ease;
	  -moz-transition: all .5s ease;
	  -ms-transition: all .5s ease;
	  transition: all .5s ease;
  }
  #lightbox-belka {
	  overflow: hidden;
	  overflow-x: scroll;
  }
  #lightbox-belka img {
	  height: 100px;
	  margin-right:5px;
	  cursor: pointer;
	  opacity: 0.3;
 	  -webkit-transform: translateY(0);
	  -webkit-transition: all .3s ease;
	  -moz-transform: translateY(0);
	  -moz-transition: all .3s ease;
	  -ms-transform: translateY(0);
	  -ms-transition: all .3s ease;
	  transform: translateY(0);
	  transition: all .3s ease;	  
   }
   #lightbox-belka img:hover {
	   opacity: 0.6;
   }
  #lightbox-belka img.hidd {
     -webkit-transform: translateY(30px);
     -moz-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px);
	  opacity: 0;
  }
  #lightbox-belka img.active {
	  opacity: 1;
  }

.zdjecie { 
	margin-top:50px;
	}
 .czekajzdjecie {
	 -webkit-transition:opacity .2s linear;
	 -moz-transition:opacity .2s linear;
	 transition:opacity .2s linear;
	 opacity: 0;	 position: absolute;
 left:50%;
	 top:50%;
	 width: 100px;
	 margin-top:-40px;
	 color:#ccc;
	 margin-left:-50px;
	 z-index: 99999999999;

 }
 .czekajzdjecie.active {
		 opacity: 1;

	 
	 
 }
 
 
	  #galWrap img {
		  height:auto;
		  max-height: 100%;
		  width: auto;
		  max-width: 100%;
		  float: none;
		  display:inline-block;
 	  }
 	  .galopis {
	 	  position: absolute;
	 	  bottom:105px;
	 	  left:0px;
	 	  right:0px;
	 	  height: auto;
	 	  padding: 3px 10px;
	 	  line-height: 18px;
	 	  color:#fff;
	 	  font-size:13px;
	 	  background: rgba(0,0,0,0.5);	 	  text-align: center;
 	  }
	  #galWrap {
		  position: fixed;
		  z-index: -3;	padding: 0px 0px 0px 0px;
 		  text-align: center;
 		  display: none; 
		  -webkit-transform:translateZ(0);
		  -moz-transform:translateZ(0);
 transform:translateZ(0);
		  background: transparent;
		  -webkit-backface-visibility:hidden;
		  z-index: 99999;
	  }
	  #galWrapBottom {
		position: absolute;
		bottom:10px;
		height: 80px;
		margin: 0px 15%; 
		text-align: center;
		overflow: hidden;
		
		}
		#galWrapBottom img {
			padding: 0px 10px;
			height: 100%;
		}
	  #galWrap.semicative {
 		  z-index: 999999;
 		  display: block;

	  }
	  #galWrap.active {padding: 30px 0px 140px 0px;
		  opacity: 1;
		  display: block;
		  z-index: 99999999999999; background:rgba(0,0,0,0.9);

 		  -webkit-transition: all 1s ease;
 		  -moz-transition: all 1s ease;
 		   transition: all 1s ease;
	  }
	  #galWrap.fullActive {
		  position:fixed;
		  top:0px;
		  bottom:0px;
		  right:0px;
		  left:0px;
	  }
	#galWrap.fullActive #bigPhotoRight {
		  opacity: 1;
		  right:20px;
	  }
	    #galWrap.fullActive #closePopup, #galWrap.fullActive #bigPhotoLeft {
		  opacity: 1;
		  left:20px;
	  }
 #closePopup {
	width:40px;
	height:40px;
	background:url(http://www.kasiawojcik.com/newLay/closePopup.png) center no-repeat;
	z-index:9999999999999;
	position:absolute;
	top:80px;
	left:20px;
	display:block;
	cursor:pointer;
	-webkit-transition:left .3s linear, opacity .3s .3s linear;
	-moz-transition:left .3s linear, opacity .3s .3s linear;

	transition:left .3s linear, opacity .3s .3s linear;

	opacity: 0;
 }
 #closePopup.active, #bigPhotoLeft.active, #bigPhotoRight.active {
	 opacity: 1;
 }
#bigPhotoLeft {
	position:fixed;
	left:20px;
	width:60px;
	height:60px;
	display:block;
	z-index:999999999999999999999999999999;
	top:50%;
		cursor:pointer;
 	margin-top:-30px;
	background:url(http://www.kasiawojcik.com/newLay/leftArrowCircle.png);
	-webkit-transition:left .3s linear, opacity .3s .3s linear;

	-moz-transition:left .3s linear, opacity .3s .3s linear;

	transition:left .3s linear, opacity .3s .3s linear;

	opacity: 0;
}
#bigPhotoRight {
	position:fixed;
	right:20px;
	width:60px;
	cursor:pointer;
	height:60px;
	display:block;
	z-index:99999999999999999999999999999;
	top:50%;
	margin-top:-30px;
	-webkit-transition:right .3s linear, opacity .3s .3s linear;

	-moz-transition:right .3s linear, opacity .3s .3s linear;

	transition:right .3s linear, opacity .3s .3s linear;

	opacity: 0;
	background:url(http://www.kasiawojcik.com/newLay/rightArrowCircle.png);
	
}
#bigPhotoLeft.inactive, #bigPhotoLeft.inactive, #closePopup.inactive {
	opacity:0;
}

	  .btnaction {
 		  color:#333;
 		  text-align: center;
  		  font-size:24px;
 	  }
	  .closeActions {
		  font-size:20px;
		  color:rgba(255,255,255,0.5);
		  margin-bottom:20px;
	  }
	  .closeActions:hover {
		  color:#fff;
		  cursor: pointer;
	  }
	  #galActions {
		  position: fixed;
		  top:100%;
		  opacity: 0;
		  -webkit-transition: all 1s ease;
			  -moz-transition: all 1s ease;
		   transition: all 1s ease;
	  z-index: 9999999999999999;

	  }
	  .btnaction:hover {
		  background: #fff;
		  color:#000;
		  cursor: pointer;
	  }
	  #galActions.active {
		  opacity: 1;
		  -webkit-transform: translateY(-150px);
		  -moz-transform: translateY(-150px);
		   transform: translateY(-150px);
	  }
.modal.bottom-sheet#tourModal {
	max-height: 85%;


}
.modal {
	overflow: hidden !important;
	}
	.modal .mCSB_inside>.mCSB_container {
		margin-right:0px;
 		}
		 


.btn.btn-big {
	height:auto;
	min-height: 54px;
	line-height: 30px;
	padding-top:10px;
	padding-bottom: 10px;
}
.modal#contactClubModal {
	top:50% !important;
	transform: translateY(-50%) !important;
	max-height:90% !important;
	overflow: auto !important;
	box-shadow:inset 0px 0px 0px 2px #000;


	}
	#contactClubModal .modal-content {
	background:#000;
}
#contactClubModal h6 {
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color:#C8AC67;
	font-family: 'Tw Cen MT';
}
#contactClubModal input, .footerForm input {
	height:40px;
	line-height: 40px;
	background: #fff;
	font-family: 'Tw Cen MT';
	border:0px;
	box-shadow: none;
	font-size:16px;
	color:#ababab;
 	font-weight: 500;
 	text-indent: 10px;
}
.footerForm input:focus, .footerForm textarea:focus, #contactClubModal input, #contactClubModal textarea {
	border:none !important;
	box-shadow: none !important;
	}
#contactClubModal textarea, .footerForm textarea { 
	line-height: 20px;
	background: #fff;
	border:0px;
	box-shadow: none;
	line-height:15px;
	
	font-size:15px;
	color:#999;	font-family: 'Tw Cen MT';

	padding-top:5px;
 	font-weight: 300;
 	text-indent: 10px;
 	min-height: 160px;
}

#contactClubModal input::-webkit-input-placeholder, #contactClubModal textarea::-webkit-input-placeholder,.footerForm input::-webkit-input-placeholder,.footerForm textarea::-webkit-input-placeholder 
 {
 	font-size:14px;
	color:#666;
	letter-spacing: normal;
	font-family: 'Tw Cen MT';
	font-weight:700;
	text-transform: uppercase;
	}

#closeContactClub {
	background: #C8AC67;
	color:#fff;
	position: absolute;
	right:0px;
	top:0px;
	width:40px;
	height: 40px;
	line-height: 40px;
	font-size:20px;
	padding: 0px;
	text-align: center;
	transition:all .3s linear;
 }
 #closeContactClub i {
	 display: inline-block;
	 
	 float: none !important;
	 }
	 .btn i.right {
		 position: relative;
		 right:-6px;
		 }
		 
	 #closeContactClub:hover {
		 background: #987d44;
		 }
 .btn-gold {
	 background: #b5985a;
	color:#fff;	transition:all .3s linear;

 }
 .btn-gold:hover, .btn-flat-gold:hover {
	 background: #987d44;
 }
 .btn-flat-gold:hover {
	 background:#c9b26b;
	 }
 .btn-act {
	 color: #fff;
	 }
	 .btn-act:hover {
		 background: #4527a0;
		 }
 
 .btn-only-gold {
	 border:1px solid #b99e66;
	 background: rgba(199, 171, 101, 0.3);
	color:#b99e66;
 }
 .btn-only-gold:hover {
	 color:#fff;
	 background: rgba(199, 171, 101, 1);
	 
 }
 #contact {
	 margin-top:300px;

background-color:#000;	 background-size: cover;
	 background-position: center bottom;
	 position: relative;
	 font-family: 'Tw Cen MT';
 }
/*
 #contact:after {
	 position: absolute;
	 top:5px;
	 height:1px;
	 background: rgba(255,255,255,0.2);
	 left:0px;
	 right:0px;
	 content:" ";
	 
	 }
*/
 .footerHeader {
	 	 color:#b5985a;
font-weight: bold;
margin-top: 0px;
height: 35px;
border-bottom:1px dotted #b5985a;
	 	 text-align: center;
font-size: 22px;
text-transform: uppercase;
	 }
	 .footerLewo {
padding-bottom:20px;
}
.wrapkontaktu {
	padding-bottom: 20px;
	border-bottom:1px dotted #b5985a;
}


.full-img {
	width:100%;
}

	 .footerMiniHeader {
		 	 color:#b5985a;
font-weight: bold;
text-transform: uppercase;
font-size:14px;	 
		 margin-bottom: 10px;
		 }
 .footerKolko {
	 display: inline-block;
	 text-align: center; font-size:50px;
	 border:1px solid #b99e66;
	 border-radius: 100%;
	 width: 50px;
	 text-align: center;
	 height: 50px;
	 line-height: 42px;
	 color:#b5985a;
	 margin-bottom: 10px;
 }
 .footerKolko i {
	 font-size:30px;
 	 width: 50px;
	 height: 50px;
	 line-height: 40px;
	 color:#b5985a;
 }
 .footerTeksty {
	 font-size:14px;
	 	 color:#b5985a;

 }
 .footerTeksty span {
	 font-weight: bold;
	 color:#fff;
	 display: inline-block;
	 margin-top: 10px;
 }
 
 input.footerinputgold, input.footerinputgold:focus {
	 border:1px solid #b5985a !important;
	 height: 30px;
	 box-shadow: none;
	 line-height: 32px;
float:none;	 width: 70%;
margin: auto;
	 text-indent: 5px;
	 box-sizing: border-box;
	 background: #000;
	 color:#fff;
	 text-align: center;
 }
 input.footerinputgold::-webkit-input-placeholder {
	 font-size:14px;
	 font-weight: bold;
	 color:#b5985a;
	 
	 } .zapiszspan {
	 background: #b5985a;
	 color:#000;
	 height: 30px;	
	 border:1px solid #b5985a !important;

	 float:none;
	 margin: auto;
	 display: inline-block;	 margin-top: 10px;

	 text-align: center;
	 width: 30%;
	 font-weight: bold;
	 position: relative;
	 font-size:16px;
	 line-height: 30px;
 }
 .zapiszspan:hover {
	 cursor: pointer;
	 background: #987d44;
	 border:1px solid #987d44 !important;
 }
 
 
 
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-flex,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col-flex {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 576px) {

  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
@media (max-width:766px) { 
	#about { 
		float:left; margin-left:5%;  width: auto; position:relative; margin-bottom:0px; margin-right: 5%;
		}
	.footer-row { flex-direction: column;
		}
		.col-12 { 
		  float: none !important;
}
}