body {overflow-x:hidden;}
	body .studio {overflow:hidden;position:relative;z-index:0;width:100%;min-height:100vh;height:100%;color:white;background-attachment:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;}
	
	body .studio:after {
		content : "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: black; 
		width: 100%;
		height: 100%;
		opacity : 0.5;
		z-index: -1;
	}
	
	.studio-wrapp{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		
		-webkit-flex-wrap:  wrap;
		flex-wrap:  wrap;
		-webkit-align-items: center;
		align-items: center;
		
		margin-bottom:6em;
	}
	
	textarea {resize: none;}
	
	.myfancyoverflow {}
	
	.myfancyblenda {display:none;width:100%;height:100%;position:fixed;z-index:899;top:0;left:0;background:rgba(0,0,0,0.75);}
	.myfancygallery{-webkit-box-sizing: border-box;box-sizing: border-box;padding: 2%;top:0;left:0;position:fixed;width:100%;height:100%;z-index:900;display:none;text-align:center;}
	.myfancygallery svg {display:inline-block;max-width:70%;vertical-align:middle;}
	
	.myfancygallery .prev,
	.myfancygallery .next { display:inline-block;position:relative;width:3.5em;height:10em;vertical-align:middle;}
	.myfancygallery .prev {margin-right:3em;}
	.myfancygallery .next {margin-left:3em;}
	.myfancygallery .prev:hover {right:0.5em;}
	.myfancygallery .next:hover {left:0.5em;}
	
	.myfancygallery.notfixed {position:relative;width:40%;display:inline-block;vertical-align:middle;padding:0;margin:0;}
	.myfancygallery.notfixed .prev {margin-right:3%;}
	.myfancygallery.notfixed .next {margin-left:3%;}
	.myfancygallery.notfixed .prev,
	.myfancygallery.notfixed .next {width:12%;max-width:2.5em;height:6em;}
	
	
	.myfancywindow {box-sizing: border-box;
		box-sizing: border-box;
		top: 12.5%;
		left: 20%;
		position: fixed;
		width: 60%;
		z-index: 900;
		text-align: center;
		background:#FFF;
		--display: none;
		margin: 0;
		height: 75%;
		max-height: 75%;
		padding:6em;
		display:none;
		}
	.myfancywindow.list {top:50%;}
	.myfancywindow .container {width:100%;height:100%;position:relative;}	
	.myfancywindow .content {--height:1000px;}
	.myfancywindow .close {position:absolute;top:2em;right:2em;display:block;height:2.1875em;width:2.1875em;}
	.mCSB_outside + .mCSB_scrollTools {right:-3.5em;}
	.mCSB_scrollTools {width:1em;}

.myfancywindow .container .bigi	{text-align: left;display:none;position:relative;top:0;left:0;}
.myfancywindow .backbtn {line-height:1.5em;display:block;top:2em;left:2em;position:absolute;font-size:1em;font-family: cotmammedium;color:#E94E76;}
.myfancywindow .backbtn svg{height:1.5em;width:1.5em;vertical-align:middle;}
.myfancywindow .backbtn span {font-size:1.5em;}
.myfancywindow .container .bigi img {width:100%;height:auto;}
.myfancywindow .container .minis {/*padding-top:2.5em;*/text-align:left;}
.myfancywindow .container .mini{	
	height:150px;height:20vh;
	max-height:150px;
	width:33.33%;
	display:inline-block;
	padding:0.5em 0.425em;
	-webkit-box-sizing:border-box;	
	box-sizing:border-box;	
	cursor:pointer;
}
.myfancywindow .container .mini .imm {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;width:100%;height:100%;position:relative;top:0;
}
.myfancywindow .container .mini .ttxt {padding:1em;font-size:1em;color:#232323;text-align:center;}
.myfancywindow .container .mini .imm:hover {--top:-0.5em;-webkit-transform:scale(0.98);transform:scale(0.98); }
.myfancywindow .container a.mini:nth-child(3n+1){padding-left:0;}
.myfancywindow .container a.mini:nth-child(3n+3){padding-right:0;}	

.myfancywindow .container .downcont {color:#E94A73;line-height: 1.5em;font-size:1.5em;font-family:cotmammedium; margin:2em 0;margin-bottom:0;text-align:left;border-bottom:1px solid #E94A73; border-top:1px solid #E94A73;padding:1em 0;}
.myfancywindow .container .downcont.nom {margin:0;}
.myfancywindow .container .downico {float:right;height:1.5em; width: 4em;}
.myfancywindow .fancyloader img{width:50px;}

.myfancywindow .content.dwa,
.myfancywindow .content.loader {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;}

	.myfancywindow .gall {position: relative;
		display: inline-block;
		vertical-align: middle;
		width: 98%;
		height: 100%;}
	
	.myfancywindow .gall .imm {background-position: center;
		background-repeat: no-repeat;
		width:100%;height:100%;
		background-size: contain;
		position: absolute;
		top: 0;		
		}
	.myfancywindow .prev,
	.myfancywindow .next { display:inline-block;position:relative;width:3.5em;height:10em;vertical-align:middle;}
	.myfancywindow .prev {margin-right:3em;}
	.myfancywindow .next {margin-left:3em;}
	.myfancywindow .prev:hover {right:0.5em;}
	.myfancywindow .next:hover {left:0.5em;}

.myfancywindow.small {height:23em;margin-top:-11.5em;top:50%;}	
	
	
	.bg_pattern_hex,.bg_pattern_hex_rot_cont {overflow: hidden;}
	.bg_pattern_hex_hony_svg text {font-size:14px;}
	.bg {overflow: hidden;position:absolute;top:0;left:0;width:100%;}
	
	.bg_hexpink {position:absolute;right:10%;
		bottom:-10%;
		width: 50%;
		height: 70%;
	}
	.bg_hexblue {position:absolute;left:3%;
		--top:58%;
		bottom:-85%;
		width: 60%;
		height: 125%;
	}
	.bg_hexpinkblog{position:absolute;
		left:15%;
		--bottom:-20%;
		width: 50%;width:60vw;
		height: 70%;height:80vh;
		top:50%; top: 50vh;
	}
	.bg_hexvioletblog{position:absolute;
		right:15%;
		--bottom:-45%;
		width: 48%;width: 48vw;
		height: 70%;height: 70vh;
		top:75%;top: 75vh;
	}
	.bg_hexvioletblog.contact{
		left: 12%;left:12vw;
		bottom: -62%;bottom:-62vh;
		width: 54%;width:54vw;
		height: 100%;height:100vh;
		top:auto;
	}
	.bg_hexpinkblog.contact {
		height: 152%;height:152vh;
		top: -2%;top:-2vh;
		width: 60%;width:60vw;
		left: 40%;left:40vw;
		min-width:520px;
		max-height:1288px;
	}
	
	.bg_hexgray {
		position:absolute;
		top:29em;
		left:5em;
		width:43.5%;
	}
	
	.bg_hexgray.cal {left: auto;
		right: -45%;
		width: 130%;
		top: 35em;
	}
	
	.pagecontent {margin:0 6%; padding:4em 0;}
	.pagecontent.calendars {padding-bottom:3em;}
	
	.logo {
		position:relative;
		width:230px;width:11.25em;
		height:6.065em;
		top:0;
		left:0;
		margin-top:0;
		margin-bottom:6.25em;
		background-position:left center;
		display:inline-block;
	}
	.tab {display:table;width:100%;height:100%;table-layout:fixed;}
	.cel {display:table-cell;width:100%;height:100%;vertical-align:middle;}
	
	.mainh1{display: block;color: inherit;margin-bottom:0.65em;font-size:5em;font-family:cotmamblack,sans-serif;}
	.mainhsub1 {display: block;color: inherit;margin-top:-1em;margin-bottom:1.65em;font-size:2em;font-family:cotmammedium,sans-serif;}
	a.mainh1:hover, a.mainhsub1:hover{opacity:0.8;}
	.maindesc{font-size:1.65em;line-height:1.1;width:66%;margin-bottom:2.75em;}
	.spc_link {font-size:2.65em;padding:0.4em 0;}
	.spc_link .dothex{display:inline-block;width:1em;height:1em;vertical-align:middle;}
	.spc_link.movetop{margin:1.0em 0;}
	.spc_link .podpo {color:#545454;text-transform:uppercase;line-height:0.5;font-size:1em;margin-left:1em;}
	.spc_link .podpo span {vertical-align:top;font-size:0.5em;line-height: 0.5;font-family: cotmammedium;}
	
	.partners {
		position:relative;z-index:10;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display:flex;
		-webkit-flex-wrap:no-wrap;
		flex-wrap:no-wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		-webkit-align-items:center;
		align-items:center;
		min-height:12em;
		left:-1em;
	}
	.partners svg:hover .topo {
		opacity: 0;
	}
	.partners svg .boto {opacity:0;}
	.partners svg:hover .boto {
		opacity: 1;
	}
	.partners svg .topo {
		-o-transition: all .36s ease;
		-webkit-transition: all .36s ease;
		transition: all .36s ease;
	}
	.partners svg .boto {
		-o-transition: all .25s ease;
		-webkit-transition: all .25s ease;
		transition: all .25s ease;
	}
	
	.partners svg {
		position:relative;
		background-position:0% 0%;
		background-repeat:no-repeat;
		background-size:200px 85px;
	}
	.partners .cont {
		position:relative;
		margin:1em;
		/*width:200px;width:12%;
		height:85px;height:5%;*/
		display:inline-block;
		width: auto;
		
		height:6em;
		min-height:46px;
		text-align: center;
		width:15%;
		
		/* 4 uppon or 
		or 4 without 2 uppon 
		width:20%;*/
	}
	.partners .cont img {display:inline-block;width:auto;height:100%;}
	.partners .cont:hover img {-webkit-transform:scale(1.05);transform:scale(1.05);}
	
	.partners .cont.with-bg, .with-bg{
		background-image:url('../img/ajax-loader-pink.gif');background-position:center;background-repeat:no-repeat;
		}
	
	/*------------ blog ------------*/
	ul.bloglist  {
		display:inline-block;
		margin: 0;
		padding: 0;
		list-style: none;
		list-style-type: none;
		position:relative;
		width:80%;
	}
	.bloglist li {display:block;margin-bottom:1.5em;}
	.bloglist li:last-child {margin:0;}
	.bloglist .dothex {display:inline-block;width:90%;max-height:150px;}
	.bloglist .dothex text {font-family:cotmammedium,sans-serif;font-size:40px;}
	.bloglist .title {font-size:3em;line-height: 1.1;display:block;color:inherit;}
	.bloglist .subtitle {font-size:1.5em;line-height: 1.5;}
	.bloglist .cont-desc, .bloglist .cont-hex {display:inline-block;vertical-align:middle;width:40%;}
	.bloglist .cont-desc {width:60%;padding-right:1.5em;-webkit-box-sizing: border-box;box-sizing: border-box;}
	.bloglist .cont-desc.fully {width:100%;padding-right:0;}
	.bloglist .opps.hide {display:none;}
	.bloglist .view.hide {display:none;}
	.bloglist .tab {position:relative;}
	
	/*------------ realizacje -------------*/
	.realiz svg tspan{font-size:32px;font-family:cotmammedium;}
	.realiz {font-size:1em;position:relative;z-index:10;}
	.realiz svg a{cursor:pointer;} 
	.realiz svg a:hover rect,
	.realiz svg a:hover text{fill-opacity:0.0;}
	
	/*-------------contact -----------------*/
	.contact .cmaintext {font-size:1.5em;margin-bottom:1em;}
	.cleft, .cright {display:inline-block;width:38%;vertical-align:top; }
	.cright {width:33%;padding-left:5em;min-width:270px;}
	.addr_details {display:none;padding-left:2.65em;}
	.addr_cnt {margin-bottom:1em;line-height:1;}
	.addr_cnt > *{color:inherit;font-size:1.35em;margin:0;padding:0;display:block;line-height:1.2;}
	.addr_cnt p {font-family:cotmammedium;}
	
	.form_title {font-size:2.65em;margin-bottom:0.5em;}
	.input svg {position:absolute;top:0;left:0;width:100%;height:100%;}
	.input {position:relative;z-index:10;padding:0 1em;font-size:1.5em;height:2em;margin:0.5em 0;}
	.input input, .input textarea {line-height:1;padding:0;position:relative;height:99%;width:100%;font-size:inherit;font-family:cotmammedium;display:block;background:none;border:none;}
	.input.textfield {padding:0.25em 1em;}
	
	.captcha-test {font-size:1.25em;}
	
	.spc_link.send {position:relative;text-align:right;z-index:10;}
	.spc_link.send .dothex {width:0.51em;margin-left:0.4em;}
	
	
	.input.forjselect {position:relative;z-index:15;padding:0 6px;}
	.jselect {display:block;position:relative;height:2em;width:100%;}
	.jselect input {
		padding:0 0.75em;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
	.jselect .wron{display: block;
		position: absolute;
		right: 0.5em;
		line-height: 2em;
		cursor: pointer;
		width: 1.25em;
		top: 0.9em;
		transform: rotate(90deg);
		height: 1.1em;}
	.jselect .wron.clicked{transform: rotate(-90deg);top:2px;}
	.jselect .jlist {
		display:none;position:absolute;
		min-width:100%;
		padding:0;max-height:6.5em;
		overflow-y:auto;
		background:#FFF;
		border:1px solid #F4A0B5;
		top: 1.95em;
		}
	.jselect ul {display:block;width:100%;padding:0.25em 0;margin:0;}
	.jselect ul li {display:block;color:#232323;margin:0;line-height:1.5em;cursor:pointer;padding:0 0.75em;margin:0;-o-transition:all 0.3s ease-in-out 0.0s;-webkit-transition:all 0.3s ease-in-out 0.0s;transition:all 0.3s ease-in-out 0.0s;}
	.jselect ul li:hover {background:#BB8FC1;color:#FFF;}
	
	.error {color:#E55;text-decoration:underline;}
	
	/* -------------- calendar --------------------*/
	.menucal {width:21%;height:10em;display:inline-block;margin-bottom:2.75em;position:relative;}
	.menucal.auto {height:auto;}
	.menucal .txt {font-family:cotmammedium;cursor:pointer;}
	.menucal .mhref {position:relative;cursor:pointer;display:block;margin-bottom:1em;}
	.menucal .mhref svg{width:1.15em; height:1.15em;display:inline-block;vertical-align:middle;}
	.menucal .mhref .txt {color:#888;font-size:1.25em;line-height:1;display:inline-block;vertical-align:middle;}
	.menucal .mhref .cel {vertical-align:top;}
	.menucal .runline {width:135px;height:135px;top:-131px;left:-129px;position: absolute;}
	/*.menucal .runline.active line{stroke:<?=$active_color?>;}*/
	.menucal .runlinebot {width:2px;height:0;top:0.625em;left:0.575em;left:calc(0.575em - 1px);position: absolute;background:#888;}
	/*.menucal .runlinebot.active {background:<?=$active_color?>;}*/
	
	/*.menucal .mhref:hover .txt,
	.menucal .mhref.active .txt{color:#E94A73;color:<?=$active_color?>;}
	.menucal .mhref:hover path,
	.menucal .mhref.active path,
	.menucal .mhref.selected path{fill:#E94A73;fill:<?=$active_color?>;}
	*/
	.maindesc.cal {position: relative;margin-left:5em;width: 48%;display: inline-block;vertical-align: top;}
	.maindesc.descstudio {margin:0;padding-left:5em;width:50%;-webkit-box-sizing: border-box;box-sizing: border-box;}
	
	.mainhexagon {
		display:inline-block;width:41.125em;
		position:relative;
		margin-left: 22%;
		margin-left: calc(22% + 1em);
		}
	.mainhexagon .bgahex {position:relative;width:100%;display:inline-block;}
	.mainhexagon .hexdesc {
			height: 50%;
			position: absolute;
			top: 25%;
			margin:0; padding:0 2em; color:#FFF;
			line-height:1.15;}
	.mainhexagon .hexdesc .par {font-size:1.5em;display:inline-block;}
	.mainhexagon .hexdesc .title {font-size:2.5em;text-transform:uppercase;font-family:cotmamblack;text-align:center;margin:1em 0;margin-top:0;}
	.desclast {font-size: 1.5em;line-height: 1.25;margin:1em 0;margin-top:3em;}
	.spc_link.cal {float: right;
		margin-top: 5em;
		position: relative;
		z-index: 25;
		}
	.spc_link.cal .podpo { text-align: right;}
	
	.ty-cont {width:33%;display:inline-block;
		position: relative;
		top: -2em;}
	.ty-cal {width:100%;display:inline-block;margin-bottom:3em;}
	.ty-title {font-size:1.5em;font-family:"cotmammedium",sans-serif;line-height:1em;position:relative;}
	.ty-title .dothex {display: inline-block;
		height: 2em;
		width: 1.15em;
		position: absolute;
		left: -1.5em;top: -0.45em;
		}
	.ty-desc {font-size: 1.25em;line-height: 1.25;}
	.ty-desc ul{list-style-position: outside;padding: 0 1em;margin: 0.5em 0;}
	
	.ty-ico {font-size:1.25em;display:inline-block;max-width:33%;vertical-align:middle;margin-right:0.75em;}
	.ty-ico > div {display:inline-block;vertical-align:middle;line-height:2em;}
	.ty-ico .ico {width:2em;height:2em;margin-right:0.25em;}
	.ty-ico .txt {font-size:0.8em;vertical-align:top;}
	
	.ty-prop-cont {width:33%;}
	.ty-prop {margin:2em 0;}
	.ty-prop-title {font-size:2.75em;margin: 0.25em 0;}
	
	.cal-gal {width:65.9%;
		display:block;
		position: absolute;
		z-index:15;
		top: -16em;
		right: 0;}
	
	
	/*------ footer -----*/
	.footer {
		position:absolute;
		background:#E94A73;
		display:inline-block;
		overflow:hidden;
		padding:1em 6%;
		top:0;
		color:#FFF;}
	.footer .logobw {
		background-image: url("../img/logobw.svg");
		background-size: contain;
		background-position: center left;
		background-repeat: no-repeat;
		display:inline-block;
		width:100%;
		height:4.125em;
		}
	.footer .dz {text-align:center;font-size:1.75em;}
	.malpa {display:inline-block;width:4em;}
	.malpa img {width:100%;height:auto;}
	.inline {display:inline-block;}
	.spang {width:6em;}
	
	.footstudio {bottom:0; top:auto !important;left:0;z-index:10;}
	.footstudio .dz {text-align:left;}
	
	
	
	.cafels_rwd,.menurwd,.othericons.zwei {display:none;}
	.cafels_rwd a:hover path {fill:white;}
	.cafels_rwd a {cursor:pointer;}
	.cafels_rwd {position:absolute;top:0;left:0;z-index:0; visibility:hidden;height: 0px;}

	@media screen and (max-width:800px){
		body {font-size:7px !important;}
		.bg_pattern_hex_hony, .bg_pattern_hex_rot_cont {display:none;}
		.bg_pattern_hex.ltt {width:100% !important;}
		
		.menurwd {display:block;position:absolute;z-index:8;right: 15.3em; top:4em;height:6em;width:5.8em;}
		.menurwd:hover .bgr {fill:#E94A73;}
		.cafels_rwd {
			display:none;position:absolute;
			right: 24em;left:auto;
			z-index: 10;
			height:80%;
			max-height:375px;
			min-height:370px;
			top:10em;
			visibility:visible;
			width:0;
		}
		.cafels_rwd_svg text {font-family: "cotmammedium",sans-serif;font-size: 25px;}
		
		.othericons.zwei {display: inline-block; top:4em; height:22em !important; width:20.5em !important;text-align:right;padding-right:5px;}
		.othericons.zwei .ntx {display:none;}
		
		/*others stuff*/
		.menucal {font-size: 1.5em;width:100%;height:auto !important;display:block;}
		.maindesc.cal {margin-left:0;width:100%;}
		.bg_hexgray {width:80%;}
		.moved-gallery {
			right:auto !important;
			width: 100% !important;
			/*height: 47em;*/
			bottom: 0px !important;
			position: static !important;
			}
		.static-gallery {display:none;}
		
		/* calendars article*/
		.mainhexagon {margin-left:0em;width:100%;}
		.ty-cont {width: 100%; display:block;top:0;margin-top: 2em;}
		.spc_link.cal {display:none;}
		.cal-gal {width:100%;display:inline-block;position:relative;top:0;}
		.ty-prop-cont,.ty-cont{font-size: 1.25em;}
		.ty-wykr:not(.kald) {display:none;}
		
		.myfancywindow {width:90%;left:5%;padding:6em 2em;}
		.myfancywindow .prev { margin-right: 2em;}
		.myfancywindow .next {margin-left: 2em;}
		.myfancywindow .prev, .myfancywindow .next {width:2em}
		
		.myfancygallery.notfixed {width:100%;}
		.maindesc.descstudio {padding:0;width:100%;margin-bottom:2em;}
			
		.footer .dz {font-size: 1.25em;}	

		.cel.mtx {font-size:1.8em;}
		
		.spang {display:none;}
		.maindesc:not(.cal) {width:100%;margin-top:2em;}
		.spc_link.inline {display:block;}
		.partners {display: block;text-align:center;}
		.partners .cont {width:auto;}
		
		
		ul.bloglist {width:100%;}
		ul.bloglist .tab > div:first-child {width:40px !important;}
		
		
		.myfancygallery .prev { margin-right:2em;}
		.myfancygallery .next { margin-left:2em;}
		
		
		.cleft, .cright {display:block;width:100%;padding:0;}
	}
	
	@media screen and (max-width:550px){
		.cel.mtx {font-size:1em;}
	}