/*
Theme Name: FAMGK
Theme URI: www.famgk.com.pl
FAM Grupa Kapitałowa S.A
Author: Piotr Zięba
Author URI: http://blablabla10.pl;
Description: Motyw FAM GK
Version: 1.0
*/


@media all and (min-width:1em) { 

	*{
		border:0px dashed blue;
		margin:0;
		padding:0;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}


	html, body{
		position:relative;
		font-family: 'Open Sans', serif!important;
		background-color: white;
		color:rgb(20,20,20);
		height: 100%;
		font-size:7px;
	}

#cookie-warn{
    position: fixed;
    bottom: 0;
    background: #EEE;
    margin: 0;
    padding: 1.7rem;
    left:0;
    width: 100%;
    display: none;
    z-index: 3;
}
 
#cookie-warn a{
    color: rgb(176,44,56);
    text-transform: uppercase;
    float: right;
    padding-right: 20px;
}
 
#cookie-warn p{
    font-size: 12px;
    color: #333;
}

	code{
		font-family: 'Open Sans', serif!important;
		}

		header{
			padding:0.5em 0;
		}

		h1{
			text-align: center;
		}

		h1,h2,h3,h4{
			line-height: 1.5em;
			text-align: center;
		}

		p, li{
			font-size: 1.8rem;
			line-height: 1.5em;
			text-align: justify;

		}

		li{
			text-align: left;
			list-style: none!important;
			list-style-type: none!important;
		}


		ul{
			list-style: none;
		}

		nav > ul{
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;

		}

		.responsiveMenu{
			position: fixed;
			width: 100%;
			height: 100%;
			top:0;
			left:0;
			z-index: 10;
			background: rgba(0,0,0,0.8);
			

		}

		.responsiveMenu > ul{
		}

		#menu-menu-1 > li.menu-item > a{
			font-size: 2em;
			color: white;
		}

		p:first-of-type{
			margin-top:0rem;
		}

		a{
			font-size:1.8rem;
			text-decoration: none;
			color:rgb(176, 44, 56);
		}

		a:hover{

		}

		ul{
			list-style: none;
		}

		h1{
			font-size: 3.5rem;
			font-weight: 400;
		}

		h2{
			font-size: 2.8rem;
			color:rgb(176, 44, 56);
			font-variant: normal;
			font-weight: 400;

		}

		h3{
			font-size:2.2rem;
			font-weight: 400;
			color:rgb(176, 44, 56);
		}

		h4{
			font-size: 1.8rem;
			font-style: normal;
		}

		/* TOP  */

		.topNav{
			position:fixed;
			background:rgba(255,255,255,1);
			height:7.3em;
			width:100%;
			z-index:4;
			top:0;
			left:0;
			/*border:1px dashed blue;*/
		}

		.topNav > .logoContainer{
			margin-left:0em;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			width: 304px;
			width:19rem;
			overflow: hidden;
			-webkit-box-align:center;
			-webkit-align-items:center;
			-ms-flex-align:center;
			align-items:center;
		}

		section{
			position: relative;

		}

		.section > header{
		}

		#logo{
			width:13rem;
			height:6rem;

			background-image:url("images/logo.png");
			background-repeat: no-repeat;
			background-size: 100%;
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-align-self:center;
			-ms-flex-item-align:center;
			align-self:center;
		}

		.topNav > .fa{
			display: block;
			position: absolute;
			right: 1.5em;
			top: 0.6em;
			z-index: 11;
		}
		.topNav > .menu-menu-container {
			display: none;
			right: 3.5em;
			top: 7.5em;
			background: none;
			position: absolute;
			background: white;
			z-index: 1;
		}

		.topNav > .menu-menu-container > ul{
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			-ms-flex-direction:column;
			flex-direction:column;
		}

			#stockRate {
			width: auto;
			right: 5em;
			top:0.5em;
  			position: absolute;
  			font-size: 1.8em;
			}
			#stockRate tr{
				display: none;
			}
			
			#stockRate tr > th:after{
				content: ":";
			}

			#stockRate tr > td:nth-child(2){
				margin-left: 1.2em;
				display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
				-webkit-box-pack:end;
				-webkit-justify-content:flex-end;
				    -ms-flex-pack:end;
				        justify-content:flex-end;
			}

			.green{
				color: green;
			}

			#stockRate .red{
				color: rgb(176,44,56);
			}

			#stockRate tbody{
				display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
				-webkit-box-orient:vertical;
				-webkit-box-direction:normal;
				-webkit-flex-direction:column;
				    -ms-flex-direction:column;
				        flex-direction:column;
			}

			#stockRate tr:nth-of-type(3){
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient:horizontal;
				-webkit-box-direction:normal;
				-webkit-flex-direction:row;
				    -ms-flex-direction:row;
				        flex-direction:row;
			}
			#stockRate tr:nth-of-type(4){
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient:horizontal;
				-webkit-box-direction:normal;
				-webkit-flex-direction:row;
				    -ms-flex-direction:row;
				        flex-direction:row;
			}


	}
	@media all and (min-width: 50em) { 
		.topNav > .logoContainer{
			margin-left:4.5em;
		}
		#stockRate {
			right: 7em;
		}
		.topNav > .menu-menu-container {
			display: block;
			left: 20%;
			top: 1.5em;
			right: auto;
			background: none;
			position: absolute;

		}

		.topNav > .menu-menu-container > ul{

			-webkit-box-orient:horizontal;
			-webkit-box-direction:normal;
			-webkit-flex-direction:row;
			-ms-flex-direction:row;
			flex-direction:row;
		}
	}
	@media all and (min-width: 1em) { 
	/*	#menu-menu-container{
			font-size:2rem;
			position:absolute;
			width:80%;
			list-style:none;


		}

		#menu-menu > li.menu-item{
			position:relative;
			display:inline-block;
			vertical-align: top;
		}
		*/
		.sub-menu{
			display: none;
		}
	}
	@media all and (min-width:1em) and (max-width:50em){
		.responsiveMenu{
		/*	overflow: auto;*/
		}
		.responsiveMenuContainer{
				display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			width: 200%;
			height: 100%;
			position: relative;
			overflow: hidden;

		}
		.responsiveMenuContainer > ul{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack:Center;
			-webkit-justify-content:Center;
			    -ms-flex-pack:Center;
			        justify-content:Center;
			-webkit-box-align:center;
			-webkit-align-items:center;
			    -ms-flex-align:center;
			        align-items:center;
			        			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
			width: 50%;
			position: relative;

		}

		.responsiveMenuContainer > ul > li{
			margin: 0.4em 0;
		}
		.responsiveMenuContainer > ul > li > a{
			color: white;
			font-size: 2.5rem;
		}

		.responsiveMenu h3 > a{
			font-size: 1.4em;
			color: white;
			font-weight: bold;
		}

	}
	@media all and (min-width:1em){

	

		#menu-menu li.menu-item a{

			text-decoration:none;
			color:rgb(176, 44, 56);
			/* list-style:none; */
			padding:10px;
			font-weight:normal;
			display:block;
			font-stretch:ultra-condensed;



		}
		#menu-menu li.menu-item > a{

			text-decoration:none;
			/* list-style:none; */
			font-weight:normal;
			color:rgb(176, 44, 56);


		}

		#menu-menu li.menu-item a:hover{

			color:white;
			background-color:rgb(176, 44, 56);
			/* font-weight:700; */
		}


		.activeLink{
			font-size:3rem;
			color:red;
		}

		.submenu{
			position:absolute;
			width:100%;
			min-width:18rem;
			margin-top:0px;/* display:block; */
			background:rgba(255,255,255,0.9);
			left:0;

		}

		.submenu li{
			display:inline-block;

		}

		/* main */

		.front-page{
			position: relative;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient:vertical;
			-webkit-flex-direction:column;
			-ms-flex-direction:column;
			flex-direction:column;
			-webkit-justify-content:space-around;
			-ms-flex-pack:distribute;
			justify-content:space-around;
			margin-top:4rem;
		}

		.block{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack:justify;
			-webkit-box-orient:horizontal;
			-webkit-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
			flex-flow: row wrap;
			-webkit-justify-content:space-around;
			-ms-flex-pack:distribute;
			justify-content:space-around;
			width: 100%;
		}


		.front-page .block:nth-child(1){
			padding: 1.5em 0;
			height: 30em;
		}

		.front-page .block:nth-child(2){
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
          -webkit-box-pack:center;
			-webkit-justify-content:center;
			-ms-flex-pack:center;
			justify-content:center;
			background: rgb(240,240,240);
			padding: 0;
		}

		.front-page .block:nth-child(2) > div:nth-of-type(2){
			width: 100%;
			-webkit-align-self:center;
			-ms-flex-item-align:center;
			align-self:center;
			overflow: auto;
						-webkit-box-orient: vertical;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
			height: 59em;

		}
		.front-page .block:nth-child(2) > div:nth-of-type(1){
			overflow: auto;

		}

		.front-page .block:nth-child(2) > div > nav{
			width: 100%;
		}

		.front-page .block:nth-child(2) > div > nav > ul, .moz-nav{
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
		}

		.moz-nav{
			color: white;
			background: rgb(176,44,56);
		}

		.front-page .block:nth-child(2) > div > nav > ul:nth-child(2) > li{
		}
		.front-page .block:nth-child(2) > div > nav > ul:nth-child(2) > li.active{
			font-weight: 700;	
		}


		.front-page .block:nth-child(2) > div > nav > ul > li, .moz-nav > li{
/*			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;*/
			width: 33.3%;
			/*-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
			-webkit-box-pack:center;
			-webkit-box-align:center;
			-webkit-align-items:center;
			-ms-flex-align:center;
			align-items:center;*/
			padding: 1em;
			text-align: center;
		}

		.front-page .block:nth-child(2) > div > ul > li > a{
			display: block;
		}

		.front-page .block:nth-child(2) > div > nav > ul > li.active{
			background: rgba(176,44,56,1);
			color:white;
		}


		.front-page .block:nth-child(2) > div > nav > ul > li:hover, .moz-nav > li:hover{
			background:rgba(0,0,0,0.7);
			cursor: pointer;
			color:white;
		}

		.front-page .block:nth-child(2) > div > ul > li:nth-child(2){
			display: none;
		}

		.front-page .block:nth-child(2) > div > ul > li:nth-child(3){
			display: none;
		}
		.front-page .block:nth-child(2) > div > ul > li > div > section
		{
			width: 100%;
			background: rgb(230,230,230);
			padding: 1.5em;
			margin: 0 auto;
		}
		.sitesHighlight > div > .content{
			width: 100%;
		}

		.galv #rawHighlight,
		.galv #oboHighlight {
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			-webkit-flex-flow: column nowrap;
			-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
		}
		.galv #rawHighlight > div,
		.galv #oboHighlight > div{
			width: 100%;
			padding: 1.5em;
		}
	}
	@media all and (min-width: 50em){

		.galv #rawHighlight,
		.galv #oboHighlight {
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			-webkit-flex-flow: column wrap;
			-ms-flex-flow: column wrap;
			flex-flow: column wrap;
			height: 70em;
		}

		.galv #rawHighlight > div,
		.galv #oboHighlight > div{
			width: 50%;
			padding: 2.5em;
		}
	}
	@media all and (min-width: 1em){

		.galv #rawHighlight > div > footer > p,
		.galv #oboHighlight > div > footer > p{
			text-align: center;
		}

		.front-page #wroHighlight div  footer,
		.front-page #oboHighlight div  footer,
		.front-page #rawHighlight div  footer{
			display: none!important;
		}

		#wroHighlight > footer,
		#rawHighlight  > footer,
		#oboHighlight  > footer{
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			justify-content:flex-start;
		}

		.galv #wroHighlight footer,
		.galv #rawHighlight footer,
		.galv #oboHighlight  footer {
			width: 100%;
			display: block;
			margin: 0 auto;
		}
	}

		@media all and (min-width:35em){
		.galv #wroHighlight footer,
		.galv #rawHighlight footer,
		.galv #oboHighlight  footer {
			width: 85%;
		}
		#logo{
			width:19rem;
		}
		}
		@media all and (min-width:1em){
		.plantContact{
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
/*			width: 25%;*/
			height: 4em;
			margin: 0.5em 0;
		}

		.plantContact a:hover{
			border: 1px solid rgb(176,44,56);
		}

		.plantContact a{
			display: -ms-flexbox;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			-webkit-justify-content:center;
			-ms-flex-pack:center;
			justify-content:center;
			-webkit-box-pack:center;
			margin: 0 0.2em;
			color: rgb(176, 44, 56);
			padding: 0em;
			background: rgb(230,230,230);
			border: 1px solid rgb(230,230,230);
			height: 100%;
			width:6em;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-align:center;
		}

		.plantContact > i{
			width: 2em;
		}

		.plantContact > a{
			text-align: center;
		}

		.front-page .block:nth-child(2) > div > ul > li > div > footer > ul{
			-webkit-flex-flow:column nowrap;
			    -ms-flex-flow:column nowrap;
			        flex-flow:column nowrap;
			-webkit-box-orient: vertical;
		}

		.front-page .block:nth-child(3) > .tile{
			width: 47em;
			height: 17em;
			background: rgb(176, 44, 56);
			display: none;
			-webkit-align-items: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-align:center;
			-webkit-justify-content: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-pack:center;
		}

		.front-page .block:nth-child(4) > .tile{
			width: 33em;
		}
		.front-page .section{

			width: 100%;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			-webkit-flex-direction: column;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-orient: vertical;
			-webkit-justify-content: space-around;
			    -ms-flex-pack: distribute;
			        justify-content: space-around;
			-webkit-box-pack:justify;		}

		.front-page .section > section {
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			-webkit-justify-content: space-around;
			    -ms-flex-pack: distribute;
			        justify-content: space-around;
			-webkit-box-pack:justify;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;

		}
		.tile > a{
			color: white;
			font-size: 2em;
			height: 100%;
			width: 100%;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			-webkit-align-items: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-align:center;
			-webkit-justify-content: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-pack:center;
		}
		.contactSection{
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			flex-wrap: wrap;
			flex-direction: row;
			-webkit-box-orient:horizontal;
			align-items: center;
			-webkit-box-align:center;
			justify-content:space-between;
			width: 39%;
			height: 100%;
		}

		.contactSection > div{
	display: -ms-flexbox;
			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			-webkit-box-align:center;
			-webkit-align-items:center;
			    -ms-flex-align:center;
			        align-items:center;
			height: 100%;
			-webkit-box-pack:justify;
			-webkit-justify-content:space-between;
			    -ms-flex-pack:justify;
			        justify-content:space-between;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
		}
		.contactSection > div:nth-child(1){
			width: 71%;
		}
		.contactSection > div:nth-child(2){

			width: 100%;
		}

	}

	@media all and (min-width: 35em){
		.contactSection > div:nth-child(2){
			width: 49%;
		}
	
	}
	@media all and (min-width: 1em){


		/* slider  */
		#slider{
			width: 60%;
			max-width: 275px;
			position:relative;
			display:-webkit-box;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			left:0;
			height: 100%;
			border:0px dashed blue;
			overflow:hidden;
		}




		#slider > ul{
			list-style:none;
			height: 100%;
			width: 100%;
			position: relative;
		}



		.prevButton{
			position:absolute;
			width:6rem;
			height:6rem;
			background-color: rgba(0, 0, 0, 0.6);
			border-radius:0.5rem;
			/* background-color:black; */
			left:0.5rem;
			top:40%;
			z-index:2;
		}

		.prevButton:hover{
			position:absolute;
			width:6rem;
			height:6rem;
			background-color: rgba(170, 57, 57, 0.6);
			border-radius:0.5rem;
			/* background-color:black; */
			left:0.5rem;
			top:40%;
			z-index:5;
		}



		.nextButton{
			position:absolute;
			width:6rem;
			height:6rem;
			background-color: rgba(0, 0, 0, 0.6);
			border-radius:0.5rem;
			/* background-color:black; */
			right:0.5rem;
			top:40%;
			z-index:2;
		}

		.nextButton:hover{
			position:absolute;
			width:6rem;
			height:6rem;
			background-color: rgba(170, 57, 57, 0.6);
			border-radius:0.5rem;
			/* background-color:black; */
			right:0.5rem;
			top:40%
			z-index:5;
		}


		.nextButton a{
			color:white;
			font-size:4rem;
			text-decoration:none;
			z-index:1;
		}


		.prevButton a{
			color:white;
			font-size:4rem;
			text-decoration:none;
			z-index:5;

		}

		.main #slide1{
			width:100%;
			height:100%;
			position:absolute;
			background-image:url("images/1.jpg");
			left:0;
			background-size:100% 100%;
			background-repeat: no-repeat;
			z-index:1;
			/*background-attachment: fixed;*/
		}

		.box{
			margin-top:10em;
			background-color:black;
			color:white;
			width:80%;
			position:absolute;
			margin-left:-100%;
			padding-left:5%;
			background: linear-gradient(to right,rgba(0,0,0,1) , rgba(0,0,0,0));
		}


		.box p{
			width:50%;
			margin-top:0;
			font-size:2rem;
		}

		.main #slide2{
			position:absolute;
			height:100%;
			width:100%;
			background-image:url("images/2.jpg");
			background-size:100% 100%;
			background-repeat: no-repeat;
			/*background-attachment: fixed;*/
		}

		.main #slide3{

			position:absolute;
			height:100%;
			width:100%;
			background-image:url("images/3.jpg");
			background-size:100% 100%;
			background-repeat: no-repeat;
			/*background-attachment: fixed;*/

		}


		.front-page > .block > .contactSection > .contactBox{
			background-color: rgba(176, 44, 56, 1);
			color: white;
			padding: 3.5em;
			-webkit-justify-content:center;
			    -ms-flex-pack:center;
			        justify-content:center;
			-webkit-box-pack:center;
			display: none;
			width: 49%;

		}
	}
	@media all and (min-width: 35em){
		.front-page > .block > .contactSection > .contactBox{
							display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;

		}
			.contactSection{
				width: 25%;
				height: 100%;
				flex-direction:row;
				-webkit-box-orient:horizontal;
				-webkit-box-pack:justify;
			}

	}

	@media all and (min-width: 50em){
		.front-page > .block > .contactSection > .contactBox{
			width: 98%;
		}

	}
	
	@media all and (min-width: 1em){
		.front-page > .block > .contactSection > .contactBox > header > h2{
			color:white;
		}
		.front-page > .block > .contactSection > .contactBox > section > p{
			text-align: center;
			font-size: 2em;
		}
		/* news */
		body > section:first-of-type:not(.finance):not(.bProfile):not(.front-page){
			margin-top: 7rem;
		}

		body > .front-page{
			margin-top: 6rem;
		}


		body > .finance, body > .bProfile{
			margin-top: 7rem;

		}
	}
	@media all and (min-width: 50em){
	.front-page > .block > .contactSection > .contactBox{
					display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
					height: 49%;
				}

		}
	@media all and (min-width: 50em){
		body > .finance, body > .bProfile{
			margin-top: 14rem;
		}	
	}
	
	@media all and (min-width: 1em){
		.headerLight{
			width:100%;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}


		.headerDark{
			color:rgb(250,250,250);
			padding-top:1%;
			padding-bottom: 2%;
			margin:0 auto;
			text-align:center;
			overflow: hidden;
			font-variant: small-caps;
			display:block;
		}

		.flex{
			padding: 0;
			margin: 0;
			list-style: none;
			-ms-box-orient: horizontal;
			display: -webkit-box;
			display: -ms-flexbox;
			display: -moz-flex;
			display: -webkit-flex;
			display: flex;
		}

		.displayNone{
			display: none;
		}

		.white{
			color: white;
		}

		.down{
			-webkit-box-orient: vertical!important;
			-webkit-box-direction: normal!important;
			-webkit-flex-direction: column!important;
			    -ms-flex-direction: column!important;
			        flex-direction: column!important;
		}

		.up{
	-webkit-box-orient: vertical!important;
			-webkit-box-direction: reverse!important;
			-webkit-flex-direction: column-reverse!important;
			    -ms-flex-direction: column-reverse!important;
			        flex-direction: column-reverse!important;
		}

		.right{
			-webkit-box-orient: horizontal!important;
			-webkit-box-direction: normal!important;
			-webkit-flex-direction: row!important;
			    -ms-flex-direction: row!important;
			        flex-direction: row!important;
		}

		.left{
	-webkit-box-orient: horizontal!important;
			-webkit-box-direction: reverse!important;
			-webkit-flex-direction: row-reverse!important;
			    -ms-flex-direction: row-reverse!important;
			        flex-direction: row-reverse!important;
		}


		.center{
			-webkit-justify-content:center;
			    -ms-flex-pack:center;
			        justify-content:center;
			-webkit-box-pack:center;
			-webkit-align-self:center;
			    -ms-flex-item-align:center;
			        align-self:center;
			text-align: center;		}

		.leftAlign{
			-webkit-align-self:flex-start;
			    -ms-flex-item-align:start;
			        align-self:flex-start;
			justify-conent:flex-start;

		}

		.around{
				-webkit-justify-content:space-around;
				    -ms-flex-pack:distribute;
				        justify-content:space-around;
		}
		.between{
			-webkit-box-pack:justify;
			-webkit-justify-content:space-between;
			    -ms-flex-pack:justify;
			        justify-content:space-between;
		}

		.wrap{
				-webkit-flex-wrap:wrap;
			    -ms-flex-wrap:wrap;
			        flex-wrap:wrap;
		}

		.sitesHighlight{
			background: rgba(255,255,255,0.7);
			z-index: 1;
			padding: 0;
		}

		.sitesHighlight > div:nth-of-type(2){
			width: 39%;
			height: 100%;
			position: relative;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			/*-webkit-box-align:center;
			-webkit-align-items:center;
			    -ms-flex-align:center;
			        align-items:center;
			-webkit-box-pack:center;
			-webkit-justify-content:center;
			    -ms-flex-pack:center;
			        justify-content:center;*/
		}

		.sitesHighlight > header{
			background:rgb(176, 44, 56);
		}

		.sitesHighlight > header > h1{
			color:white;
		}

		.sitesHighlight > div:nth-of-type(2){
			width: 50%;
		}

		.sitesHighlight .plants > header{
			width: 100%;
		}
		section .mozliwosci-tab{
			width:100%;
			margin: 1.5em 0;
		}
	}
	@media all and (min-width: 35em){
		section .mozliwosci-tab{
			width:100%;
			padding: 0;
		}
	}
	@media all and (min-width: 1em){

		.front-page .mozliwosci-tab {
			width: 100%;
		}


		.sitesHighlight .content > li > div{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
		}

		.sitesHighlight .content > li > div > header {
			padding: 0.5em;
		}

		.sitesHighlight .content > li > div > header > h4{
			color: black;
		}

		.sitesHighlight .content > li > div > header > tr {
			background: rgb(220,220,220);
		}

		.sitesHighlight .content > li > div > header > table tr > td{
			width:33.3%;
			text-align: center;
		}
		.sitesHighlight .content > li > div > section > table thead tr:nth-child(1){
			border-bottom: 1px solid white;
		}
		.sitesHighlight .content > li > div > section > table tr:nth-child(1){
			background: rgb(230,230,230);
			width: 50%;
			-webkit-justify-content: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-pack:center;
		}

		.galv .block:nth-of-type(1) p{
			text-align: center;
		}

		.galv .block:nth-of-type(1) section > section p:last-child{
			text-align: justify;
			width: 85%;
			margin: 1.5em auto;
		}
	}
	@media all and (min-width: 35em){
		.galv .block:nth-of-type(1) section > section p:last-child{
			width: 70%;
		}
	}
	@media all and (min-width: 1em){


		.galv .block:n p:last-child{
			text-align: justify;
			padding: 2.5em;
		}

		#galvWroc  td, #galvRawa  td, #galvObo  td{
			font-size: 1.8em;
		}
		.galv .block:nth-of-type(1) ul{
			padding: 1.5em 0;
		}
		#galvWroc .mozliwosci-produkcyjne-wroclaw p,
		#galvObo .mozliwosci-produkcyjne-oborniki p,
		#galvRawa .mozliwosci-produkcyjne-rawa p{
			width: 100%;
			padding: 0.5em 1.5em;
		}

		.galv > .mozliwosci-produkcyjne-rawa > div,
		.galv > .mozliwosci-produkcyjne-oborniki > div{
			width: 100%!important;
		}

		.mozliwosci-tab  tr:nth-child(1) > td{
			width:25%;
			text-align: center;
		}
	}
	@media all and (min-width: 35em){
		#galvWroc .mozliwosci-produkcyjne-wroclaw p,
		#galvObo .mozliwosci-produkcyjne-oborniki p,
		#galvRawa .mozliwosci-produkcyjne-rawa p{
			padding: 1em 0;
			width: 85%;
			margin: 0 auto;
		}

		.mozliwosci-tab  tr:nth-child(1) > td{
			padding: 0.4em;

		}
	}

	@media all and (min-width: 1em){
		.mozliwosci-tab  tr:nth-child(2){
			width: 50%;
			background: rgb(230,230,230);
			margin: 0 auto;
		}


		.mozliwosci-tab  tr:nth-child(2) > td{
			width:50%;
			text-align: center;
		}
		.mozliwosci-tab  tr:nth-child(3){

			background: rgb(250,250,250);
		}
		.mozliwosci-tab  tr:nth-child(3) > td{
			width:50%;

			text-align: center;
		}

		.sitesHighlight .content > li > footer{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;

		}

		.tub{
			width: 17em;
			height: 7em;
		}

		.galv .tub{
			width: 100%;
			margin: 1.5em 0;
			height: 13em;
		}
	}
	@media all and (min-width: 35em){
		.galv .tub{
			height: 13em;
			width: 26em;
			margin: 0 auto;
		}
	}
	@media all and (min-width: 1em){
		.galv li{
			text-align: center;
		}

		#tub-obo{
			background: url("images/wanna-oborniki.png") no-repeat;
			background-size: auto 100%;
		}

		#tub-rawa{
			background: url("images/wanna-rawa.png") no-repeat;
			background-size: auto 100%;
		}
		#tub-wroc{
			background: url("images/wanna-wroclaw.png") no-repeat;
			background-size: auto 100%;

		}

		#malp, #malc{
			opacity: 0;
		}

		.sitesHighlight > div:nth-child(2) > nav > tr:nth-child(2) > .active{
			background: rgb(64,64,64);
		}

		.activeDot{
			color:rgb(176, 44, 56);
		}

		.investorsHighlight{
			display: -webkit-box;
			-webkit-box-orient:vertical;
			-webkit-box-pack:justify;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			width:100%;
/*			z-index: 3; cookies*/
			position: relative;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
			-webkit-justify-content:space-around;
			    -ms-flex-pack:distribute;
			        justify-content:space-around;
			background: rgba(240,240,240,1);
			top:0;
		}


	}

	@media all and (min-width:50em){
		.investorsHighlight{
			width:100%;
			margin: 0 auto;

		}

		
	}
	@media all and (min-width:1em){




		.investorsHighlight .tile{
			width: 100%;
			height: 39em;

			opacity: 0;
			margin-top:0.5em;
		}


		.investorsHighlight h3{
			color:white;
			font-size: 2.4rem;
		}


		.investorsHighlight .tile:nth-child(1){

			background: rgba(176,44,56,1);	
		}


		.investorsHighlight .tile:nth-child(2){

			background: rgba(176,44,56,1);

		}

		.investorsHighlight .tile:nth-child(3){

			background: rgba(255,255,255,0.7);
		}


		footer a.readMoreButton{
			min-width: 7.6rem;
			border: 3px solid rgb(176, 44, 56);
			background-color:rgb(176, 44, 56); 
			text-decoration: none;
			color:white;
			margin-right:0;
			margin-bottom:0.2em;
			padding: 0.2em;
		}

		footer a.readMoreButton:hover{
			background-color: white;
			color: rgb(176, 44, 56);
			border: 0.3rem solid rgb(160,70,70);
		}


		footer .contact > section ul{
			margin: 2em;
		}

		footer .contact{
			padding: 3em;
			background: rgb(250,250,250);
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient:horizontal;
			-webkit-box-direction:normal;
			-webkit-flex-direction:row;
			-ms-flex-direction:row;
			flex-direction:row;
			-webkit-flex-wrap:nowrap;
			-ms-flex-wrap:nowrap;
			flex-wrap:nowrap;
		}



		footer .contact > div:nth-child(odd){
			width: 25%;
			background: rgb(255,255,255);
			border:1px solid rgb(176, 44, 56);
		}

		footer .contact > div:nth-child(odd) > header{
			width: 100%;
			background-color:rgb(176, 44, 56);
			padding: 0.4em;


		}
		footer .contact > div:nth-child(1) > ul{
			padding: 1.5em;
			height: 22em;
		}

		footer .contact p, footer .contact a{
			font-size: 1.4rem;
		}

		footer .contact > div > ul > li{
			font-size:1.4em;
		}

		footer .contact > div:nth-child(3) > section{
			padding: 1.5em;
		}


		footer .contact > div > header > h3{
			color:white;
		}

		.sites{
			height: 100%;
			color:white;
			margin-bottom: 1em;
		}

		.sites > header{
			margin-bottom: 0.5em;
		}

		.fa{
			font-size: 3em;
		}

		.chart{
			color:rgb(176, 44, 56);
			height:100%;
			width: 100%;
		}
		.chart h2{
			color:rgb(176, 44, 56);
		}

		.chart > section{
			width: 100%;
		}
		.chartPng{
			background: url("images/chart.png") no-repeat;
			background-size:100% auto;
			height:174px;
			width: 300px;
		}


		.reportsHighlight, .news, .akcjonariatHighlight{
			/*position: relative;*/

			width: 33%;
			height: 100%;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;

		}
		.reportsHighlight li{
			text-align: center;
		}
		.tile{
			position: relative;
			border: 1px solid black;

		}

		.tile > div:first-child{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient:vertical;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
			-webkit-box-pack:center;
			-webkit-justify-content: center;
			    -ms-flex-pack: center;
			        justify-content: center;
			-webkit-box-align:center;
			-webkit-align-items: center;
			    -ms-flex-align: center;
			        align-items: center;

		}

		.tile > div:nth-child(2)
		{	
	background:white;
						-webkit-box-align:end;
			-webkit-align-items:flex-end;
			    -ms-flex-align:end;
			        align-items:flex-end;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			position: absolute;
			width: 100%;
			height: 100%;
          -webkit-box-orient:vertical;
          -webkit-box-direction:normal;
          -webkit-flex-direction:column;
              -ms-flex-direction:column;
                  flex-direction:column;
          -webkit-flex-wrap:nowrap;
              -ms-flex-wrap:nowrap;
                  flex-wrap:nowrap;
		}

		.tile header{
			padding: 0;
		}

		.tile h2{
			color:white;
			font-weight: 500;
			font-size: 2.4rem;
		}

		.tile > div > section{
			height: 100%;
		}

		.tile > div:nth-child(1){

			width: 33%;
			height: 30em;
			background:rgb(176, 44, 56);
		}


		.tile > div:nth-child(1) > h2{
			color: white
		}

		.news {
			position: relative;
		}

		.tile > div:first-child{
			position: absolute;
			width: 100%;
			height: 100%;
			background: rgb(176,44,56);
			z-index: 2;
			/*		display: none!important;*/
		}

		.news > div:nth-child(2)
		{
		}

		.news > div > h2{
			color: white;
		}

		.news > div >  header, .reportsHighlight > div > header, .akcjonariatHighlight > header{
			width: 100%;
			height:10%;
			background: rgb(176,44,56);
		}

		.news > div > header h3, .reportsHighlight > div > header h3, .akcjonariatHighlight > header h3{
			color:rgb(176, 44, 56);
			font-weight: 700;
		}
		.news > div > section, .reportsHighlight > div > section{
			width: 100%;
			background: white;
			display: flex;
		}

		.reportsHighlight > div > section{
			height: 80%;
		}
		.news > div > section{
			height: 85%;
		}

		.reportsHighlight > div > section > ul{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-align-self: center;
			    -ms-flex-item-align: center;
			        align-self: center;

			-webkit-flex-direction: column;

			    -ms-flex-direction: column;

			        flex-direction: column;
			-webkit-box-orient: vertical;
			width: 100%;
			height: 100%;
		}
		/*tutaj skończyłeś*/

		.akcjonariatHighlight > section{
			height: 80%;
		}

		.news > div > section time, .reportsHighlight > div > section time {
			color: rgb(176, 44, 56);
			width: 25%;
			height: 100%;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-direction: column;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-orient: vertical;
			-webkit-box-pack:center;
			-webkit-justify-content:center;
			    -ms-flex-pack:center;
			        justify-content:center;
		}
		.news > div > section time .day, .reportsHighlight > div > section time .day{
			font-size: 4rem;
			font-style: normal;
			font-weight: 400;
			width: 100%;
			display: block;
		}
	

	.news > div > section time .month, .reportsHighlight > div > section time .month{
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 400;
	}

	.news > div > section div:nth-child(2), .reportsHighlight > div > section div:nth-child(2) {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align:center;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
/*		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
		-webkit-box-pack:center;*/
		width: 75%;
	}

	body > section > section.block.investorsHighlight > div.section.relations > section > div.reportsHighlight.tile > div:nth-child(2) > section > ul > li > div > ul{
		position: relative;
		width:100%;
	}

	.news > div > section div:nth-child(2) {
		width: 75%;
		display: block;
		padding: 0 2.5em;
	}
	body > section > section.block.investorsHighlight > div.section.relations > section > div.reportsHighlight.tile > div > section > ul > li > div
	{
/*		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-align: center;
		-webkit-box-pack: center;	*/
	}

	body > section > section.block.investorsHighlight > div.section.relations > section > div.reportsHighlight.tile > div > section > ul > li > div > ul > li{
	/*	display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-align: center;
		-webkit-box-pack: center;*/
	}

	.news > div > section div h3, .reportsHighlight > div > section div h3{
		font-size: 2.5em;
	}

	.news > div > section > ul{
		height: 100%;
		width: 100%;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.news > div > section > ul li
	{	
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-align: center;
		-webkit-box-pack: center;	
		flex-wrap:wrap;
		position: relative;
		height: 50%;
		text-align: center;
	}

	.reportsHighlight > div > section > ul > li {
		display: -webkit-box;
		display: flex;
		-webkit-box-lines:single;
		flex-wrap:nowrap;
		position: relative;
		text-align: center;
		height: 50%;

	}

	.reportsHighlight > div > footer{
		display: -webkit-box;
		align-items:Center;
		-webkit-box-align:center;
		-webkit-box-pack:center;
		background: white;
		width: 100%;
		height: 10%;
		display: flex;
		justify-content:center;
	}

	.reportsHighlight > div > footer:hover{
		background: rgba(0,0,0,0.8);
	}
	.reportsHighlight > div > footer:hover > a{
		color: white;
	}

	.news > div > section > ul > li:hover{
		background-color:rgba(0,0,0,0.8);
	}
	.news > div > section > ul li:hover *{
		color: white;
	}
	.news > div > section > ul li:hover > a{
		color: white;
	}
	.reportsHighlight > div > section > ul > li:hover{
		background-color:rgba(0,0,0,0.8);

	}
	.reportsHighlight > div > section > ul li:hover *{
		color: white;
	}

	.news > div > section > ul li div h3{
		color:rgb(176, 44, 56);
	}

	.reportsHighlight > div > section > ul li div h3{

		color:rgb(176, 44, 56);

	}
	.news > div > section > ul > li > footer{
		width: 100%;
		margin-top: 0.5em;
		display:-webkit-box;
		-webkit-box-pack:end;
		justify-content:flex-end;
	}


	.reportsHighlight > div > section > ul > li > footer{
		width: 100%;
		margin-top: 0.5em;
		display:-webkit-box;
		-webkit-box-pack:end;
		justify-content:flex-end;

	}

	.investorsHighlight .readMoreButton {
		height: 2em;
		width:2em;
		font-size: 1.5em;
		display:-webkit-box;
		justify-content:center;
		-webkit-box-pack:center;
		align-self:center;
		margin-right: 1em;
	}

	.investorsHighlight time i{
		line-height: 1em;
	}

	.akcjonariatHighlight footer{
		height: 10%;
	}

	.akcjonariatHighlight .readMoreButton i{
		font-style: normal;

	}

	.fullWidth{
		width: 100% !important;
	}

	.fullHeight{
		height: 100% !important;
	}

	.contactTile{
		color:rgb(255,255,255);
		background-color: rgba(176, 44, 56, 1);
		padding: 0.5em;
		font-size: 1.5em;
		display: flex;
		display: -webkit-box;
		flex-direction:column;
		-webkit-box-orient:vertical;
	}

	.contactTile  ul{
		width: 100%;
		height: 50%;
		display: flex;
		display: -webkit-box;
		justify-content: center;
		-webkit-box-pack:center;
		align-items: center;
		-webkit-box-align:center;
	} 

	.contactTile  ul:hover{
		width: 100%;
		background-color:rgba(255,255,255,0.9);
	} 

	.contactTile  ul:hover li{
		color:rgb(176, 44, 56);

	}
	.contactTile  ul:hover a{
		color:rgb(176, 44, 56);

	}
	.contactTile  ul:hover .fa{

		color:rgb(176, 44, 56);
		border:3px solid rgb(176, 44, 56);
	}
	.contactTile ul li:nth-child(1){
		/*		width:40%;*/
		width:100%;
		display: flex;
		display: -webkit-box;
		justify-content: center;
		-webkit-box-pack:center;
	}

	.contactTile ul li:nth-child(2){
		font-size: 1.2em;
		width: 60%;
		display: none;
	}

	body > section > section:nth-child(1) > section.contactSection > div.contactBox > section{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-box-align: center;
		-webkit-box-pack: center;
	}

	.contactTile .fa{
		color:white;
		border: 3px solid white;
		padding: 17px;
		border-radius: 100%;
	}

	.contactTile a{
		color: white;
	}

	.contact {

	}

	.contactForm{
		color:black;

		margin-top: 3em;
		width: 53.71em;
		height: 17.1em;
		justify-content:space-between;
	}

	.contactForm header{
	}

	.contactForm input{
		border:0.2em solid rgb(100,100,100);
		width:48%;
		padding: 0.3em;
	}

	.contactForm textarea{
		justify-content:flex-end;
		align-self:flex-end;
		border:0.2em solid rgb(100,100,100);
		margin-top: 1em;
		max-width:100%;
		min-width:100%;
		height: 80%;
		color: black;

	}

	input[type=text], textarea {
		-webkit-transition: all 0.30s ease-in-out;
		-moz-transition: all 0.30s ease-in-out;
		-ms-transition: all 0.30s ease-in-out;
		-o-transition: all 0.30s ease-in-out;
		outline: none;

	}

	input[type=text]:focus, textarea:focus {
		box-shadow: 0 0 5px rgb(176, 44, 56);
		border: 1px solid rgb(176, 44, 56);
	}

	.contactForm footer{
		margin-top: 1em;
		justify-content:flex-end;
	}

	.contactForm footer .readMoreButton{
		width:25%;
		font-size: 1.4em;

	}
	body > footer{
		padding: 1.5em 0;
		justify-content:space-between;
		display: flex;
		display: -webkit-box;
		flex-direction: column;
		-webkit-box-orient: vertical;
		align-items: center;
		-webkit-box-align:center;
		position: relative;
		width: 100%;
		background-color: rgba(237, 237, 237, 1);
		z-index: 2;
		overflow: hidden;
	}

	body > footer > div:nth-child(2){
		width: 100%;
		display: flex;
		display: -webkit-box;
		padding: 1.5em 0;
		justify-content: space-around;
		-webkit-box-pack:justify;
		flex-direction:column;
		-webkit-box-orient: vertical;
	}

}

	@media all and (min-width:75em){
	body > footer > div:nth-child(2){
		width: 90%;
	}

	}
	@media all and (min-width:1em){

	body > footer > div:nth-child(2) > ul{
		width: 22%;
		margin: 0 auto;
	}

	/*kontakt do zakładów*/

	body > footer > div:nth-child(2) > ul > li:nth-child(2){
		display: flex;
		justify-content: space-between;
	}

	/*zakłady*/

	body > footer > div:nth-child(1) > ul > li:nth-child(2) > ul{
		margin: 0 2.5em;
	}


	body > footer > div:nth-child(2) > div{
		width: 100%;
		background: rgb(234, 234, 234);
	}

	body > footer > div:nth-child(2) > div:nth-child(1) > ul{
		display: flex;
		justify-content: space-around;
		-webkit-box-pack:justify;
		flex-direction: column;
		-webkit-box-orient: vertical;
		/*		height: 100%;*/
	}

	body > footer > div:nth-child(2) > div > ul > li{
		padding: 0.5rem 2.5rem;
	}

	footer p{
		font-size: 1.6rem;

	}

	body > footer > div:nth-child(2) > div > li > section > div:nth-child(2) > div{
		margin:1.5em 0;
	}

	body > footer > div:nth-child(3){
		width: 90%;
	}

	.buttons{
		display: flex;
		display: -webkit-box;
		width: 100%;
		justify-content:center;
		-webkit-box-pack:center;
		align-items:center;
		-webkit-box-align:center;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		        flex-direction:column;
	}

	.buttons > li:nth-child(1){
		display: flex;
		display: -webkit-box;
		justify-content: center;
		-webkit-box-pack:center;
		align-items: center;
		-webkit-box-align:center;
	}

	#gpw{
		width: 17rem;
		height: 6.7rem;
	}

	#knf{
		width: 18.9rem;
		height: 6.7rem;
	}

	#seg{
		width: 7.5rem;

	}
	#tuv{
		width: 6.7rem;
		height: 6.7rem;

	}

	.hide{
		display: None;
	}


	.reviewBoard{
		position:relative;
		background-color: rgb(255,255,255);
		width:100%;
		font-size: 1.8rem;

	}

	.reviewBoard > header{
		background-color: rgba(255,255,255,0.9);
		overflow: hidden;
	}
}
@media all and (min-width: 35em){
	.reviewBoard > header{
		display: block;
	}

	#tuv{
				margin-left: 3.0rem;
	}

}

@media all and (min-width: 1em){
	.bProfile > header{
		min-height: 4em;
		display: flex;
		justify-content: center;
		-webkit-box-pack:center;
		align-items: center;
		-webkit-box-align:center;
	}


	.reviewBoard > header > h2 {
	}

	.reviewBoard .navBarView{
		overflow: hidden;
		height: 100%;
	}

	#relationsSubMenu{
		display: none;
	}
}

@media all and (min-width: 1em) and (max-width: 50em)  {
	.reviewBoard .navBarView{
		display: none;
	}

}
@media all and (min-width: 35em) {
	.buttons{


-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
-ms-flex-direction:row;
        flex-direction:row;
	}
}
@media all and (min-width: 50em) {

	.reviewBoard .navBarView{
		top: 4em;
		position: fixed;
		width: 100%;
		height: 5em;
		left: 0;
		z-index: 2;
		background-color: white;
		display: flex;
		justify-content:center;
	}

	#relationsMainMenu{
		height: 50%;
		padding-left: 20%;
		color: rgb(176,44,56);
	}
	#relationsSubMenu{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-webkit-flex-direction:row;
		    -ms-flex-direction:row;
		        flex-direction:row;
		  height: 50%;
		  padding-left: 20%;
		background: rgb(176,44,56);
		color: white;
	}
	#relationsSubMenu > li{
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
		  padding: 0 0.5em;
		  cursor:pointer;
	}
	#relationsSubMenu > li:hover{
		background: rgba(0,0,0,0.6);
		color:white;
	}

}
@media all and (min-width:1em) {

	.finance > .contentView{
		background-color:rgba(255,255,255,0.9);
	}

	.reviewBoard > .contentView{
		width:100%;
		/*height: 100%;*/
		justify-content:flex-start;
		/*overflow: hidden;*/

	}


	.contentView {
		overflow: hidden;
	}

	.contentView > ul{
		width: 600%;
		display: flex;
		display: -webkit-box;
		align-items:flex-start;
		-webkit-box-align:start;
		background: rgba(255,255,255,0.9);

	}
	.finance .contentView > ul{
		position: relative;
	}
	.bProfile .contentView > ul > li {
		width:33.3%;
	}	
	.contentView > ul > li{
		position: relative;
	}
	.finance .contentView ul > li{
		position: relative;
	}

	body > section > section > ul > li{
		width: 16.66%;
	}


	.wyniki-finansowe{
		padding: 0.5em;
	}
}
@media all and (min-width: 35em){
	.finance .contentView > ul > li > ul > li, .wyniki-finansowe{
		margin:0 auto;
		width: 95%;
	}



}

@media all and (min-width: 75em){

	.finance .contentView > ul > li > ul > li, .wyniki-finansowe{
		width: 77%;
	}
}
@media all and (min-width: 1em){
	.finance ul > li{
	}
	.contentView ul > li p{
	}



	.contentView .nextButton{
		position: absolute;
		right:2em;
		top:50%;
		display: none!important;
	}
	.contentView .prevButton{
		position: absolute;
		left:2em;
		top:50%;
		display: none!important;
	}



	nav ul > li > a{
		font-style: normal;
		text-decoration:none;
		color:rgb(176, 44, 56);
		padding: 0.5em;
		display: block;
	}

	.reviewBoard .navBarView ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
      -ms-flex-direction:row;
          flex-direction:row;
	}

}
@media all and (min-width:35em) {
	.reviewBoard .navBarView ul{
/*		padding:0.5em;*/
	padding-left: 20%;
	}
}

@media all and (min-width:1em) {

	li .clicked {
		background: rgb(176, 44, 56);
		padding: 0.5em;
		color: white;
	}


	nav ul li a:hover{

	}


	.finance .contentView {
		margin:0em auto;
		background: url("images/gielda.jpg") no-repeat;

		background-attachment: fixed;
	}



	.finance{
		background-color: rgb(255,255,255);
		position: relative;
	}

	.finance nav{

	}

	.finance h3{
		font-variant: normal;
	}

	.finance h4{
		font-variant: normal;
		font-weight: 400;
		font-size: 2rem;
		color:black;
	}

	.finance > .contentView .report > header {
		width:100%;
		background-color: rgba(176, 44, 56,0.8);
	}

	.finance > .contentView  .report > header > i {
		background: rgb(176, 44, 56);
		color:white;
	}

	.finance > .contentView  .report > header > h4 {
		color:white;
	}


	.tabWidget{

		padding:1% 0 1% 0 !important;
	}

	.tabWidget h2{
		text-align: left;
	}

	.content > nav > i{
		display: none;
	}

	.content nav{
		overflow: hidden;
	}

	.content li .clicked{
		background: rgba(176, 44, 56,1);
	}


	.dla-inwestora p{
		padding: 0.5em 0;
	}
	.content nav{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-webkit-flex-direction:row;
		    -ms-flex-direction:row;
		        flex-direction:row;
	}

	.content > ul{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		-webkit-flex-direction:row;
		    -ms-flex-direction:row;
		        flex-direction:row;
		-webkit-justify-content:space-around;
		    -ms-flex-pack:distribute;
		        justify-content:space-around;
	}

	.content > .tabs{
		-webkit-box-pack:inherit;
		-webkit-justify-content:inherit;
		    -ms-flex-pack:inherit;
		        justify-content:inherit;
	}

	body > section > section > ul > li.dla-inwestora > ul > li.wyniki-finansowe > section > ul{
		width: 40em;
	}
	
	.tabContent{
		width: 40em;
	}

}	
@media all and (min-width: 35em){
	body > section > section > ul > li.dla-inwestora > ul > li.wyniki-finansowe > section > ul{
		margin:0 1.5em;
		width: auto;
	}
	.tabContent{
		width: auto;
	}


}
@media all and (min-width: 1em){

	


	.tabs li{
		text-align: center;
	}

	.akcjonariat{
		background-color: rgb(255,255,255);
		color:black;
	}

	body > section > section > ul > li.dla-inwestora > ul > li.akcjonariat > div > section{
		display: flex;
		flex-direction:column-reverse;
	}

	.akcjonariat header > section {
		font-style: italic;
		width: 40%;
		text-align: justify;
		margin-right: auto;
		margin-left: auto;
		padding: 2%;

	}

	.akcjonariat article{
		padding:0;
	}

	.akcjonariat{

		background-image:url("images/gielda.jpg");

		color:white;
		position:relative;
		background-attachment: fixed;

	}

	.akcjonariat .red{
		background-color: rgba(176, 44, 56, 0.8);

		padding: 1.5em;
	}


	.akcjonariat header{
		padding-bottom:1em;

		text-align: center;
	}

	.akcjonariat h3{
		font-weight: 400;
		color:white;
	}

	.akcjonariat h2{
		color:white;
		text-align: center;
	}
	.akcjonariat .red > header h2{
		text-align: center;
		margin-left:0.5em;
		font-weight: 400;
	}

	.akcjonariat .firstBlock
	{
		position:relative;
		text-align: center;
		width:auto;


		margin-left:auto;
		margin-right: auto;
	}


	.red > header{

	}

	.firstBlock > header{
		margin-top:2em;
	}

	.firstBlock > header > div{
		margin-top:1.5em;
	}

	.firstBlock > section{
		margin-top:1.5em;
	}

	.akcjonariat .table table{
		font-size: 1.4rem;

	}

	.reviewBoard .akcjonariat .firstBlock p
	{
		text-align: center;
		width:100%;
		margin:auto;
		display:block;
		font-size: 1.8rem;		
		font-variant: normal;
	}

}

@media all and (min-width:35em){
	.reviewBoard .akcjonariat .firstBlock p{
		width: 50%;
		font-size: 1.6rem;		
	}

}

@media all and (min-width:1em){


	.akcjonariat .firstBlock > ul{
display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row wrap;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
		        -webkit-box-pack:center;
  		-webkit-box-orient:horizontal;
  		-webkit-box-direction:normal;
  		-webkit-flex-direction:row;
  		    -ms-flex-direction:row;
  		        flex-direction:row;
  		-webkit-flex-wrap:wrap;
  		    -ms-flex-wrap:wrap;
  		        flex-wrap:wrap;
		-webkit-justify-content:space-around;
		    -ms-flex-pack:distribute;
		        justify-content:space-around;
		-webkit-align-self:center;
		    -ms-flex-item-align:center;
		        align-self:center;
	}
	.akcjonariat .firstBlock > ul > li
	{
		height: 6em;
		width: 50%;
				display:-webkit-box;
				display:-webkit-flex;
				display:-ms-flexbox;
				display:flex;
		-webkit-justify-content:space-around;
		    -ms-flex-pack:distribute;
		    -webkit-box-pack:center;
		    -webkit-box-orient:vertical;
		    text-align: center;
		        justify-content:space-around;
		-webkit-align-self:center;
		    -ms-flex-item-align:center;
		        align-self:center;
	}
}

@media all and (min-width: 35em){
	.akcjonariat .firstBlock > ul{
		flex-direction: row;
		-webkit-box-orient:horizontal;
	}

	.akcjonariat .firstBlock > ul > li{
		width: 16em;
		height: 12em;
	}

	.akcjonariat .firstBlock > ul > li:hover{
		width: 16em;
	}


}
@media all and (min-width: 1em){
	.akcjonariat .firstBlock > ul > li:hover
	{
		background-color: rgba(176, 44, 56, 0.7);
	}
	.akcjonariat .firstBlock > ul > li > i
	{
		display:flex;
		justify-content:center;
		-webkit-box-pack:center;
		align-self:center;
		text-align: center;
		font-size: 1.6rem;		
	}

	.akcjonariat .firstBlock > p{

	}

	.akcjonariat .table{
		overflow-x: auto;
	}

}	
@media all and (min-width: 35em){
	.akcjonariat .table{
		overflow: hidden;
	}

}
@media all and (min-width: 1em){

	table{
		border-collapse: collapse;
		width: 100%;
	}

	.akcjonariat .table table{
		padding: 2%;
		margin:3em auto;
		width: 100%;
		border-collapse: collapse;
		box-sizing:border-box;
		color:white;
	}

	.akcjonariat .table table th{
		padding: 1em;
	}
	.akcjonariat .table table td{
		padding:1em;

	}

	.akcjonariat .table table tfoot{
		font-weight: 700;
	}


	.ownership table tr{
		border-bottom: 1px solid rgba(255,255,255, 1); 	
		text-align: left;

	}

	.counter{
		font-size: 3rem;
		font-weight: 400;
		margin-left:1.5em!important;
	}

	.OpAndDyv{
		height: 140%;


	}

	.operationOnstocks{
		height: 100%;
		width:49.8%;
		display: inline-block;
		background-color: white;
	}

	.reports > tbody::-webkit-scrollbar {
		width: 0.5em;
	}

	.reports > tbody::-webkit-scrollbar-track {
		background-color: rgba(176, 44, 56,0.2);

	}

	.reports > tbody::-webkit-scrollbar-thumb {
		background-color: rgba(176, 44, 56,1);
		border-radius: 1em;

	}

	.operationOnstocks > article{
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		position: relative;

	}


	.operationOnstocks > header{
		position: absolute;
		height: 5em;
		background: white;
		z-index: 1;
		width: 98%;
	}

	.operationOnstocks header h2{
		margin-left:auto;
		margin-right:auto;

	}
	.operationOnstocks header h3{
		text-align: center;
	}

	.operationOnstocks .stage {
		width:100%;
		margin: 0 auto;
	}

	.stage h3{
		text-align: center;
	}

	.operationOnstocks .stage section div{
		padding:1.5em;
		width: 80%;
		margin: 0 auto;
	}

	.operationOnstocks .accordion-content .right{
		width:79%;
		position: relative;
		border:0px dashed blue;
		display: inline-block;
	}

	.stage:first-of-type{
		margin-top: 5em;
	}
	.time
	{
		text-align: center;

		margin: 2em auto;
		background-color: rgb(176, 44, 56);
		color: white;
		padding: 0.5em;
		width: 10em;
		display: block;

		position: relative;
	}

	.accordion h3{
		text-align: center;
	}

	.note  h3{
		text-align: left;
	}


	.akcjonariatOffer{
		display: relative;
		background-color: rgb(160,60,60);
	}



	.inlineBoxes{
		padding: 0;
		margin: 0;
		list-style: none;

		-ms-box-orient: horizontal;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;

		-webkit-justify-content: space-around;
		-webkit-box-pack:justify;
		justify-content: space-around;
		-webkit-box-pack:justify;
		-webkit-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-align-items: stretch;
		align-items: stretch;	
	}

	.inlineBox{
		width:30vw;
		height:30vh;
		display: flex;
		color:white;
		background-color: rgb(176, 44, 56);	
		border:1em solid rgb(160,60,60);
		align-items:center;
		justify-content:center;
		-webkit-box-pack:center;
	}

	.inlineBox:not(:first-child):hover{
		width:30vw;
		height:30vh;
		display: flex;
		color:rgb(160,60,60);
		background-color: rgb(255,255,255);
		border: 1em solid rgb(160,60,60);
		font-weight: 800;
		align-items:center;
		justify-content:center;
		-webkit-box-pack:center;

	}

	.inlineBox i{
		font-variant: small-caps;
		font-style: normal;
		font-size: 1.3em;
		text-align:center;

	}


	.corGov{
		background-color: rgb(160,60,60);
	}

	.corGov .inlineBoxes{

	}

	.inlineBoxes .inlineBox
	{ flex-grow: 1; 
		min-width: 33%}

		.inlineBoxes .inlineBox:nth-of-type(1) 
		{ 
			width:100%; 

		}




		.corGov > header p{
			width: 40%;
			display: block;
			margin: auto;
			font-style: italic;
			color: white;
			text-align: justify;
			padding: 1em;

		}

		.history .calendar .date{
			width: auto;
		}

		.history .calendar section h2{
			font-size: 1.5em;
		}

		.event > section
		{
			width: auto;
		}

		section p{

		}

		.displayNone{
			display:none;
		}
		.dl{
			flex-direction:column;
		}

		.akcjonariat canvas {
			margin:0 auto;
			width:100%;
		}
		.historyEvents > .historyEvent:nth-child(even){
			background: rgba(200,200,200,0.6);
		}

	}
	@media all and (min-width: 35em){

		.stocksHistory > header{
			margin:1.5em;
			
		}
	}

	@media all and (min-width: 1em){
		.stocksHistory > header > h2{
			text-align: center;
		}
		.stocksHistory > header > h3{
			text-align: left;
			font-weight: 700;
		}
		.stocksHistory > section h3{
			line-height: 1.5em;
			font-weight: 700;
		}

		.stocksHistory > section h4{
			margin-top: 1em;
			font-weight: 700;
		}
	}
	@media all and (min-width: 35em){
		.stocksHistory > section h4{
			margin-left: 7.8em;
		}
	}
	@media all and (min-width: 1em){



		.stocksHistory > section > ul > li{
			width: 100%;
			padding:1.5em;
		}

		.stocksHistory > section > ul > li:nth-child(odd){
			background: rgba(200,200,200,0.6);
		}

		.stocksHistory > section table{
			width: 100%;
			height: auto!important;
			margin-top:1.5em;
		}
		.stocksHistory > section table tr{
			display: flex;
			flex-direction:column;
			justify-content:space-around;
			background: white;
			margin-bottom: 1.5em;
			border: 1px solid;

		}
		.stocksHistory > section table tr td:nth-child(1){
			display: flex;
			justify-content:center;
			-webkit-box-pack:center;
			/*			font-style: italic;*/
			width: 100%;
			color: white;
			background: rgb(177,44,56);

		}
		.stocksHistory > section table tr td:nth-child(2){
			text-align: justify;
			width: 100%;
/*			display: flex;
			display: -webkit-flex;*/
			padding: 0.5em;

		}
	}
	@media all and (min-width: 35em){
		.stocksHistory > section table tr{
			flex-direction:row;
			background: none;
			border: none;
		}
		.stocksHistory > section table tr td:nth-child(1){
			justify-content:flex-end;
			width: 20%;
			margin-left: 1.5em;
			background: none;
			color: black;
		}
		.stocksHistory > section table tr td:nth-child(2){
			width: 80%;
			padding: 0 2.5em;
			background: none;
			color: black;
			display: flex;
		}

	}
	@media all and (min-width: 1em){

		.stocksHistory > section table tr td{
/*			display: flex;*/
		}

		.stocksHistory > section table tr td:nth-child(2) p{
			width: 80%;
		}

		.historyEvent{
			padding-top:1.5em;
			padding-bottom:1.5em;
		}

		.historyEvent > header {
			margin-left:8.5em;
		}

		.historyEvent > section > ul > li {
			margin-top:1.5em;
		}

		.historyEvent > section > ul > li > time{
			width:20%;
			margin-left: 1.5em;
			font-style: italic;
			justify-content:flex-end;
		}
		.historyEvent > section > ul > li > span{
			width:80%;
			margin-left:1.5em;
		}
		.historyEvent > section > ul > li > span > p{
			font-size: 1.7rem;
			width:80%;
			text-align: justify;
		}


		.stocksHistory > section .historyEvent > section {
			margin-left:1.5em;
			margin-bottom:1.5em;
		}

		.publicOffer > header{
			text-align: center;

		}


		.publicOffer > ul > li > h3{

			font-weight: 700;
		}

		.publicOffer > ul{
		}

		.publicOffer > ul > li {
			width: 100%;
			padding: 1.5em;
		}
		.prospectus > ul > li > header {
			width: 100%;
			padding: 0.5em;
			text-align: center;
			font-weight: 700;

		}
	}
	@media all and (min-width: 35em){

		.prospectus > ul > li > header {
			width: 50%;
		}
	}
	@media all and (min-width: 1em){

		.publicOffer > ul > li:nth-child(even) {
			background: rgba(200,200,200,0.6);
		}

		.publicOffer > ul > li > section{
			overflow: hidden;
			height: 30rem;
			margin-top:1.5em;
		}



		.prospectus > ul > li > header > h3{
			font-weight: 700;
		}

		.prospectus > ul > li > header {
			margin-top:1.5em;
		}

		.prospectus > ul{
			margin: 0 auto;
		}

		.prospectus > ul > li > section{
			margin:1.5em 0 1.5em 0;
			display: flex;
			flex-direction:column;
			justify-content:center;
			-webkit-box-pack:center;
		}
		
	}
	@media all and (min-width: 35em){
		.prospectus > ul > li > section{
			flex-direction:row;
			margin: 0;
		}	
	}

	@media all and (min-width: 1em){


		.prospectus .leftColumn{
			display: flex;
			position: relative;
		}

		.prospectus .rightColumn{
			display: flex;
			width: 100%;
			text-align: justify;
			padding-left: 1.5em;
			flex-direction:column;
		}
		.prospectus section > .leftColumn > .prospectusBox {
			background: rgb(200,200,200);
			width: 21.3rem;
			height: 25.8rem;
			display: flex;
			flex-direction:column;
			margin: 0.5em auto;
		}
		
	}
	@media all and (min-width: 35em){
		.prospectus .rightColumn{
			width: 45%;
		}
		.prospectus section > .leftColumn > .prospectusBox {
			margin:0;
		}

	}
	@media all and (min-width: 1em){

		.prospectus .rightColumn li{
			list-style: disc;
			margin-left: 1.5em;
		}

		.prospectus section > .leftColumn > .prospectusBox > div > header {
			height: 20%;
			padding: 0;
		}


		.prospectus section > .leftColumn > .prospectusBox > div > header > h4 {
			font-style: 700;
			color:rgb(255,255,255);
			text-align: center;

		}

		body > section > section > ul > li.dla-inwestora > ul > li.stockOps > ul > li.prospectus > ul > li:nth-child(1) > section > div.leftColumn > div > p{
			display: none;
		}
		body > section > section > ul > li.dla-inwestora > ul > li.stockOps > ul > li.prospectus > ul > li:nth-child(3) > section > div.leftColumn > div > p{
			display: none;
		}

		.prospectus section > .leftColumn > .prospectusBox > .hoverOff{
			height: 100%;
			display: flex;
			flex-direction:column;

		}

		.prospectus section > .leftColumn > .prospectusBox > .hoverOn{
			display: flex;
			height: 100%;
			justify-content:center;
			-webkit-box-pack:center;
			align-items:center;

		}


		.prospectus section > .leftColumn > .prospectusBox > div > div {
			height: 70%;
			display: flex;
			flex-direction:row;
			justify-content:flex-end;
		}

		.prospectus section > .leftColumn > .prospectusBox > div > div > i{
			color: rgb(220,220,220);
			font-size: 16rem;
			line-height: 100%;
			font-style: normal;
			font-weight: 600;
			display: flex;
			justify-content:center;
			-webkit-box-pack:center;
		}

		.prospectus section > .leftColumn > .prospectusBox > div > footer {
			height: 10%;
			text-align: center;
			font-variant: small-caps;
		}

		.prospectus section > .leftColumn > .prospectusBox > div > footer > a {
			color: rgb(255,255,255);
			text-decoration: none;
			margin:1.5em auto;

		}

		.prospectus .hoverOn{
			position: absolute;
			background: rgba(255,255,255, 0.3);
			width: 100%;
			height: 100%;
			text-decoration: none;
		}

		.prospectus .hoverBox{
			position: relative;
		}
		.prospectus .hoverOn .fa{
			color:rgb(176, 44, 56);
			font-size: 16rem!important;
		}

		.governance {
			background: rgb(220,220,220);
		}

		.governance header {
			text-align: center;
			width: 100%;
			background: rgb(176, 44, 56);
		}
		.governance > header > h2{
			color: white;
		}

		.governance > ul{
			padding:1.5em 25%;
		}

		.governance > section > ul > li{
			margin-top:0.5em;
		}
		.governance > section > ul > li > a{
			color:rgb(176, 44, 56);
			text-decoration: none;
		}

		.invCalendar header h1,
		.stockOps header h1{
			text-align: center;
		}

		.invCalendar header nav ul,
		.stockOps header nav ul{
			display: none;
		}
	}
	@media all and (min-width: 35em){
		.invCalendar header nav ul{
			display: flex;
			display: -webkit-box;
			flex-direction:row;
			justify-content:center;
			-webkit-box-pack:center;
		}
	}

	@media all and (min-width: 50em){
		.stockOps header nav ul{
			display: flex;
			display: -webkit-box;
			flex-direction:row;
			justify-content:center;
			-webkit-box-pack:center;
		}
	}


	
	@media all and (min-width: 1em){

		.invCalendar > header > nav > ul > li,
		.stockOps > header > nav > ul > li{
			padding:0.5em;
		}

		.invCalendar header nav ul > li > a,
		.stockOps header nav ul > li > a{
			padding: 0;
			font-weight: 700;
			color:white;
		}
		.invCalendar table{
			width: 100%;
			margin:0 auto;
		}
		.invCalendar > ul > li{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			-ms-flex-direction:column;
			        flex-direction:column;
			-webkit-justify-content:center;
			-ms-flex-pack:center;
			        justify-content:center;
			-webkit-box-pack:center;
			align-items:center;
		}
	}

	@media all and (min-width: 35em){
		.invCalendar table{
			width:78rem;
		}
		.invCalendar > ul > li{
			padding: 1.5em 0;
		}

		.invCalendar > ul > li:not(:first-of-type){
			display: none;
		}
		
	}
	@media all and (min-width: 1em){

		.invCalendar > header > nav,
		.stockOps > header > nav {
			background: rgb(176, 44, 56);
		}

		.invCalendar > ul{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			-ms-flex-direction:column;
			        flex-direction:column;
		}

		

		.generalMeeting > ul > li:not(:first-of-type){
			display: none;
		}




		.invCalendar > ul > li > header{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			-webkit-justify-content:center;
			-ms-flex-pack:center;
			        justify-content:center;
			-webkit-box-pack:center;
		}
		.invCalendar > ul > li > header > h3{
			font-weight: 700;
		}


		.invCalendar > ul > li:nth-child(even){
			background: rgba(200,200,200,0.15);
		}

		.invCalendar > ul > li > table > tbody > tr{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			-ms-flex-direction:column;
			        flex-direction:column;
			background: white;
			margin: 1.5em;
			border: 1px solid;
		}
		.invCalendar > ul >  li tr > td:nth-child(1){

			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			width: 100%;
			-webkit-justify-content:center;
			-ms-flex-pack:center;
			        justify-content:center;
			-webkit-box-pack:center;
			color: white;
			background: rgb(177,44,56);
		}
	}
	@media all and (min-width: 35em){
		.invCalendar > ul > li > table > tbody > tr{
			background:none;	
			margin: 0;	
			border: none;
		}
		
		.invCalendar > ul >  li tr > td:nth-child(1){
			color: black;
			background: none;
			-webkit-box-pack:start;


		}
	}

	@media all and (min-width: 1em){

		.invCalendar > ul > li tr > td:nth-child(2){
			width: 100%;
/*			display: flex;
			display: -webkit-flex; IE wychodzi tekst*/
			padding: 0.5em;
		}
	}
	@media all and (min-width: 35em){

		.invCalendar > ul > li > table > tbody > tr{
				-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	    -ms-flex-direction:row;
	        flex-direction:row;
		}
		.invCalendar > ul >  li tr > td:nth-child(1){
			width:30%;
			justify-content:flex-start;

		}
		.invCalendar > ul > li tr > td:nth-child(2){
			width: 70%;
			padding: 0em;
		}
	}
	@media all and (min-width: 1em){


		.invCalendar .clicked,
		.stockOps .clicked{
			background: white;
		}
		.invCalendar .clicked > a,
		.stockOps .clicked > a{
			color:rgb(176, 44, 56);
		}
		.invCalendar a{
			width: 100%;
			display: block;
			text-align: center;

		}
		.invCalendar .clicked > a:hover{
			background: white;
			color: rgb(176, 44, 56);
		}

		.generalMeeting a{
			font-size: 1.6rem;

		}
		.generalMeeting header a{
			text-align: center;
			/*display: block; walne*/
		}

		.generalMeeting a:hover{
			font-weight: 700;

		}
		.generalMeeting header h1{
			text-align: center;
		}

		.generalMeeting header nav .compMenu{
			display: flex;
			display: -webkit-flex;
			flex-direction:row;
			justify-content:space-between;

		}

		.generalMeeting > header > nav > ul > li{
			padding:0.5em;
		}

		.generalMeeting header nav ul > li > a{
			padding: 0;
			font-size: 1.8rem;
		}


		.generalMeeting > header > nav {
			width: 85%;
			margin: 0 auto;
		}
		.generalMeeting > ul{
			display: flex;
			display: -webkit-flex;
			flex-direction:column;
			width: 85%;
			margin: 0 auto;
			background: rgba(255,255,255,0.5);
		}
	}
		@media all and (min-width: 50em){
		.generalMeeting > header > nav {
			width: 60%;
		}
		.generalMeeting > ul{
			width: 60%;
		}
		
		.stockOps > ul > li:not(:first-of-type){
			display: none;
		}

		.fa-caret-square-o-down{
			display: none!important;
		}

		}
		@media all and (min-width: 1em){
		body > section > section > ul > li.wza > section > header{
			padding: 0;
			text-align: center;
		}

		.generalMeeting > ul > li{

			display: flex;
			display: -webkit-flex;
			flex-direction:column;
			justify-content:center;
			-webkit-box-pack:center;
			padding: 1.5em 0;
		}

		.generalMeeting > ul > li > ul{
			width:95%;
			margin: 0 auto;
			padding: 1.5em 0;
		}

	}
		@media all and (min-width: 50em){
				.publicOffer > ul > li {
			padding: 3em 5%;
		}

		.generalMeeting > ul > li > ul{
			width:75%;

		}

		}

		@media all and (min-width: 1em){
		.generalMeeting > ul > li > header{
			display: flex;
			display: -webkit-flex;
			justify-content:center;
			-webkit-box-pack:center;
		}
		.generalMeeting  h4{
			font-weight: 700;
			text-align: center;
			color:black;
		}

		.generalMeeting p{
			text-align: center;
		}


		.generalMeeting > ul > li:nth-child(even){

		}
		.generalMeeting ul li{
		}
		.generalMeeting > ul > li > ul > li{
/*			display: flex;
			display: -webkit-box;
			display: -webkit-flex;
			-webkit-box-pack:justify;
			justify-content:space-between; IE tekst wystaje*/
			padding: 0.6em 0 0;
		}

		.generalMeeting > ul > li > ul > li a{
			width: 100%;
		/*	display: -webkit-box;
			display: flex;
			-webkit-box-pack:justify;
			justify-content:space-between; IE tekst wystaje*/
		}

/*		.generalMeeting > ul > li > ul > li a:after{
			font-family: FontAwesome;
			font-size: 3rem;
			content: "\f1c1";
			margin-right: 1.5em;
			display: -webkit-box;
		}*/


		.generalMeeting .clicked{
			background: rgb(176,44,56);

		}
		.generalMeeting .clicked > a{
			color:WHITE;
			font-size: 1.8rem;
		}


		.prezi > header{
			background: rgb(176, 44, 56);
		}

		.prezi > header > h1{
			color: white;
		}


		.prezi h3{
			color:black;
			text-align: center;
			font-weight: 700;
		}

		.prezi > ul > li{
			margin: 1.5em 0;
		}

		.prezi > ul > li:nth-child(1) ul{
			width:100%;
			display: flex;
			display: -webkit-flex;
			justify-content:center;
			-webkit-box-pack:center;
		}


		.prezi > ul > li:nth-child(1) > ul > li {
			width:25em;
			display: flex;
			display: -webkit-flex;
			justify-content:space-between;
		}

		.prezi > ul > li > ul > li{
			padding: 1.5em 0;
		}

		.prezi > ul > li > ul > li:after{
			font-family: FontAwesome;
			font-size: 3rem;
			content: "\f1c1";
			margin-right: 1.5em;
		}


		.prezi table{
			margin: 0 auto;
			width: 50em!important;

		}

		.prezi table tr{
			display: flex;
			display: -webkit-flex;
			padding: 0.5em 0;
		}

		.prezi table td{
			display: flex;
			display: -webkit-flex;
		}
		.prezi table td:nth-child(1){
			width:25%;
			justify-content:flex-start;
		}
		.prezi table td:nth-child(2){
			width:75%;
			justify-content:space-between;
			text-align: left;
		}

		.prezi a:hover{
			font-weight: 400;
		}

		.prezi table td:nth-child(2):after{
			font-family: FontAwesome;
			font-size: 3rem;
			content: "\f1c1";
			margin-right: 1.5em;
		}

		.tabWidget{
			/*box-shadow: 1px 1px 8px rgb(176, 44, 56);*/
			background-color: rgb(255,255,255);
			padding:2em;
		}

		.tabs{
			padding-top:2%;
			padding-left:2%;
			padding-right:2%;
			margin:0;
		}

		.tabs h3{

		}

		.tabs li{
			/*display: inline-block; safari*/
			background-color: rgb(200, 200, 200);
			padding:0.5em;
			margin-bottom:0.2;
			color:white;
			cursor:pointer;
			border-top-left-radius:0.2;
			border-top-right-radius:0.2;
			width: 50%;
		}

		.tabs .activeTab{
			background-color: rgba(0, 0, 0, 0.6);
		}

		.tabContent{
			color: white;
		}

		.tabContent table tr:nth-child(even){
			background: none;
		}

		.tabContent > table > thead{
			background: none!important;
			width: 100%;
		}

		.tabWidgetContent{
			position: relative;

		}

		.tabContent{
			padding:2%;
			background-color:  rgba(0,0,0, 0.6);
			/*			margin: 0 2% 2% 2%;*/
			display: none;
			overflow: hidden;
		}

		.tabContent p{
			position:relative;
		}


		.inactiveTab{
			background-color: rgb(176, 44, 56, 0.6);
		}


		.displayBlock{
			display: block;
		}


		.group section p{
			text-align: justify;
		}



		.bProfile > .contentView > ul{
			width: 300%;
			height: 100%;
			position: relative;
		}	

		.bProfile > .contentView .profil_dzialalnosci .content {
			width: 90%;
			margin: 0 auto;
		}

		.bProfile .contentView   ul > .authorities > section  {
			width:100%;
			padding: 0 1.5em;
			/*	background: rgba(255,255,255,0.4);*/
			display: flex;
			justify-content:space-around;
			flex-direction:column;
		}



		body > section > section > ul > li.authorities > section > div:nth-child(1) > ul > li:nth-child(1) > section > table > tbody > tr{
		/*	display: flex;IE wystaje*/
			/*	flex-direction:column;*/
		}


		.authorities > section > div {
			width:100%;
			display: flex;
			flex-direction:column;
			text-align: justify;
		}

		body > footer > div:nth-child(3) > a{
			display: block;
			width: 50%;
			margin: 0 auto;
			text-align: center;
		}



	}
	@media all and (min-width:35em) and (orientation: landscape){
		.bProfile{
			margin:1.5em auto;
			background: url("images/back2.jpg") no-repeat;
			background-size: 100% auto;
			background-attachment: fixed;
		}

	}
	
	@media all and (min-width:50em) {

		.bProfile > .contentView .profil_dzialalnosci .content {
			width: 59%;
			margin: 0 auto;
		}
		.bProfile .contentView   ul > .authorities > section  {
			flex-direction:row;
			display: -webkit-box;
			-webkit-box-pack: justify;
			padding: 0 3.5em;

		}

		.authorities > section > div {
			width:45%;
		}

		body > section > section > ul > li.authorities > section > div:nth-child(1) > ul > li:nth-child(1) > section > table > tbody > tr{
			flex-direction:row;	
		}
	}
	@media all and (min-width:1em) {




		.authorities table tr{
		/*	display: flex; IE wystaje*/
		}

		.authorities table td:nth-child(1){
/*			display: flex;*/
			width:25%;
			padding: 0;
		}
		.authorities table td:nth-child(2){
			padding: 0;
/*			display: flex;*/
			width:75%;
			text-align: left;
		}

		.experience > li > p{
		}

		.experience > li > p:nth-child(1){
			display: flex;
			width:35%;
			font-style: italic;
		}
		.experience > li > p:nth-child(2){
			width:65%;
			display: flex;
		}


		.history{
			width:100%;
			background: none;
			position: relative;
			overflow: hidden;
		}


		.event:hover{
			position: relative;
			background-color: rgba(176, 44, 56, 0.1);
		}
		.history .calendar::before{
			width:3px;
			background-color: rgb(176, 44, 56);
			content:"";
			height:100%;
			position: absolute;
			display: none;
			left:0em;
			margin-top:0;
			opacity:0.6;
		}
		.grupa-kapitalowa > section > section{
			width: 100%;
			padding: 1.5em;
		}

		body > section > section > ul > li.authorities > section > div:nth-child(1) > ul > li:nth-child(1) > section > table{
		width: 100%;	
		}
	}
	@media all and (min-width:35em) {
		.history .calendar::before{
			left:50%;
			display: block;
		}


	}
	@media all and (min-width:87.5em) {


		.grupa-kapitalowa > section > section{
			width: 85%;
			margin: 0 auto;
			
		}
	}
	@media all and (min-width:1em) {


		.history article{
			margin-right: auto;
			margin-left: auto;
			width:100%;
		}


		.history .calendar {
			list-style: none;
		}

		.history .calendar h2{
			font-size: 2em;
			text-align: center;
		}

		.history .calendar li{
			width:98%;
			margin:0 auto;
			clear:both;

		}

		.history .calendar .date{
			background-color: rgb(176, 44, 56);
			padding: 0.4em;
			text-align: center;
			width:4em;
			color:white;
			box-sizing:border-box;
		}

		.history .calendar li .event{
			padding:2%;
			margin-top:1%;
			overflow: hidden;
			position: relative;

		}

		.event > section{
			width:80%;
			display: inline-block;
			padding: 1%;
			text-align: justify;


		}
		.history .calendar li:nth-child(odd) .event .date{
			position: absolute;
			float:left;

		}
	}
	@media all and (min-width:35em) {
		.event > section{
			width:45%;
		}


		.history .calendar li:nth-child(odd) .event .date{
			float:right;
			left:55%;
		}

	}
	@media all and (min-width:1em) {

		.history .calendar li:nth-child(odd) .event section{
			float: right;
			clear: both;
			border: 1px solid rgba(176, 44, 56, 0.5);
			margin-top:1%;
			padding: 2%;
		}
	}

	@media all and (min-width:35em) {

		.history .calendar li:nth-child(odd) .event section{
			float: left;
			clear: both;
			border: 1px solid rgba(176, 44, 56, 0.5);
			margin-top:1%;
			padding: 2%;
		}
		.history .calendar li:nth-child(even) .event .date{
			right:55%;
		}
	}
	@media all and (min-width:1em) {

		.history .calendar li:nth-child(even) .event .date{
			position: absolute;
			float:right;

		}

		.history .calendar li:nth-child(even) .event section{
			float: right;
			clear: both;
			border: 1px solid rgba(176, 44, 56, 0.5);
			padding: 2%;
			margin-top:1%;
		}


		.corpdocs > .content > ul {
			display: flex;
			flex-direction:row;
			flex-wrap: wrap;
			justify-content:space-between;
		}

		.corpdocs > section > ul > li{
			width:50%;
			padding:1.5em;
			display: flex;
			flex-direction:row;
		}

		.corpdocs > section > ul > li:before{
			font-family: FontAwesome;
			font-size: 3rem;
			content: "\f1c1";
			margin-right: 1.5em;
		}

		.corpdocs > section > ul > li:hover{
			width:50%;
			padding:1.5em;
			color:white;
			background: rgba(176, 44, 56,0.6);
		}

		.corpdocs > section > ul > li > span{
			/*	order:2;*/
			text-align: left;
			margin-left: 1.5em;
			width: 80%;
		}

		.corpdocs > section > ul > li > i{
			/*	order: 1;*/
			font-size: 1.5em;
			width: 20%;
		}



		.main {
			overflow: hidden;
		}



		.main h3{
			font-variant: normal;
		}

		.main h2{
			font-variant: normal;
			text-align: center;
		}
		.newsPage{
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-flex-wrap:nowrap;
			    -ms-flex-wrap:nowrap;
			        flex-wrap:nowrap;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;	
			        -webkit-box-pack:justify;
			        justify-content:space-around;		
		}
	}
	@media all and (min-width: 50em){
		
		.newsPage{
			-webkit-box-orient:horizontal;
			-webkit-box-direction:normal;
			-webkit-flex-direction:row;
			    -ms-flex-direction:row;
			        flex-direction:row;
			padding: 0 1.5em;
		}
	}
	@media all and (min-width: 1em){

		.sideBar{
			width: 48%;
			position: relative;
			overflow: hidden;
			font-size: 1.5rem;
			align-items:center;
/*			margin-left:4.4em;*/

		}

		.sideBar > ul{
			margin-top: 5%;
			margin-left: 1.5em;
			position: fixed;
			width: 100%;
		}


		.sideBar > section{
			margin-top:3.5em;
			position: fixed;
			width: 45%;
		}

		.sideBar > ul > li{
			overflow: hidden;
		}

		.sideBar > ul > li > div{
			position: absolute;
			width: calc(100% - 3.6rem);
			height: 100%;
		}



		.sideBar > .archiveBox{
			height: 100%;
			width: 100%;
			overflow: hidden;
			z-index: 1;
			background: rgb(250,250,250);

		}

		.sideBar > .archiveBox > ul{
			position: relative;
			left:-100%;
			width: 100%;
			height: 100%;
		} 


		.sideBar h4{
			/*font-size: 1.6rem;*/
			font-weight: normal!important;
			text-align: left;
		}

		.sideBar > .archiveBox .yearsNote{
			display: none;
			/*	position: fixed;*/
			padding:1.5em;
			box-sizing:border-box;
			/*	width: 63em;*/
			/*	height: 42rem;*/
		}
		.sideBar > .archiveBox .activeBox{
			display: block;
		}
		.main > .content{
			/*padding: 0 4.5em 0 0; aktualnosci*/
			display: flex;
			display: -webkit-flex;
			justify-content:flex-end;
		}

		body > section > div.content ul{
  display: block;
  overflow: hidden;
		}


	}
	@media all and (min-width:50em){
		.main > .content{
			width: 45%;

		}
		body > section > div.content ul{
			  height: 85em;

		}

	}

	
	@media all and (min-width:87.5em){
		body > section > div.content ul{
			  height: 61em;
			}
	}
	@media all and (min-width:1em){



		.content > code{
	
		/*	margin-right:4.4em;*/
		}

		.archiveBox > ul > li > a{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
   -webkit-box-orient:horizontal;
   -webkit-box-direction:reverse;
   -webkit-flex-direction:row-reverse;
       -ms-flex-direction:row-reverse;
           flex-direction:row-reverse;
		}

		.archiveBox > ul > li > header{
			width: 100%;
			text-decoration: none;
			color:black;
		}

	}
	@media all and (min-width: 1em) and (max-width:50em){
		body > section > .main{
			display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
		}
		.sideBar{
			width: 100%;
			position: relative;
			margin: 0;
		}
		.sideBar > .archiveBox .activeBox{
			display: none;
		}

		.content > code{
			width:95%;
			margin:0 auto;
		}

	}
	@media all and (min-width: 1em){
		.sideBar > .archiveBox .activeBox li{
			opacity: 0;
		}
		.arrowLeft{
			position: absolute;
			top:5px;
			left:-10px;
			width: 0; 
			height: 0; 
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent; 

			border-right:10px solid rgb(230,230,230); 
		}


		.sideBar > .archiveBox > .archive{
			position: relative;
			width:100%;
			z-index: 2;
			text-align: left;
			padding: 0;
		}

		.sideBar > header {
			padding-left: 1.5em;
			font-variant: small-caps;
			z-index: 3;
			width: 50%;
		}

		.sideBar > .archiveBox > .archive > ul{
			-webkit-box-pack:start;
-webkit-justify-content:flex-start;
    -ms-flex-pack:start;
        justify-content:flex-start;
			-webkit-flex-wrap:wrap;
			    -ms-flex-wrap:wrap;
			        flex-wrap:wrap;
			background: rgb(176, 44, 56);
		}

		.sideBar > .archiveBox > .archive > ul > li{
			background: rgb(176, 44, 56);
			text-align: center;
			padding: 0.3em;

		}



		.sideBar > .archiveBox > .archive  a{
			text-decoration: none;
			color:white;
			text-align: center;
		}




		.archiveBox > ul > li h4 {
			margin-left:1.5em;
			width:75%;
		}

		.archiveBox > ul > li >  a {
			color:black;
		}

		.notesContainer > li {
			position: relative;
			padding: 2.5em 0;
			height: 100%;
		}

		.notesContainer > li > section{
			color: rgb(30, 30, 30);
			text-align: justify;
		}

		.activeBox > .active a {
			color:rgb(176, 44, 56)!important;
		}

		.archiveBox > .archive .active{
			color:rgb(176, 44, 56)!important;
			background:rgb(255,255,255)!important;

		}

		.archiveBox > .archive .active > a{
			color:rgb(176, 44, 56);
		}

		.sideBar > section > .archive > ul > li:nth-child(1){
			width: 5em;
		}
		.sideBar > section > .archive > ul > .active{
			color:white;
		}

		.displayNone{
			display: none!important;
		}

		.code > a{
			color:black;
			width:70%;
		}


		/*tabele raporty */
		.contentView > ul > li.dla-inwestora > ul > li table{
			display: table;
			border-collapse: collapse;
			font-size: 1.8rem;
			height: auto!important;
		}
		body > section > section > ul > li.dla-inwestora > ul > li > ul > li > table, li.stocksHistory > section > ul > li > table{
			table-layout: fixed;
		}

		.dividendPolicy table{
			table-layout: fixed;
		}

		.contentView > ul > li.dla-inwestora > ul > li:not(.akcjonariat):not(.invCalendar) table{
			width: 100%;
		}

		.contentView  ul > li:not(.akcjonariat) table thead{
			background: rgba(176, 44, 56, 1);
			width: 100%;
		}


		.contentView ul > li:not(.akcjonariat) table th{
			padding: 0.5em;
			text-align: center;
			color:white;
			font-weight: normal;
		}

		.responsiveReportsMenu{
			display: none;
		}

		.contentView .reports tbody{
			overflow-y:auto;
			height: 62rem;
			float: left;
			width: 100%;
		}
		.contentView.dla-inwestora ul > li:not(.akcjonariat):not(.dividendPolicy)  table tr{
			padding: 0.5em;
			width: 100%;
		}

		.contentView .reports tr{
			display: table;
			width: 100%;
		}
		.contentView .dla-inwestora ul > li.wyniki-finansowe/*:not(.akcjonariat):not(.dividendPolicy)*/ table td{
			padding: 0.5em;
			text-align: center;
		}

		li.raporty-biezace table td{
			padding: 0.5em;
		}
		.content table li{
			font-size: 1.4rem;
		}
		li:not(.akcjonariat) .content table a{
			font-size: 1.8rem;
			padding: 0 0.5em;
			display: block;
		}

		.content table a:hover{
			font-weight: 400;
		}


		.finance .contentView .dla-inwestora > ul > li.akcjonariat table tr:nth-child(even),
		.finance .contentView .dla-inwestora > ul > li.wyniki-finansowe table tr:nth-child(even){
			border-top: 1px solid white;
			border-bottom:1px solid white;

		}



		.reports td:nth-child(1){
			width:12%;
			min-width: 89px;

		}

		.reports td:nth-child(2){
			width:61%;
		}

		.raporty-okresowe .reports td:nth-child(2){
			width: 20%;
		}
		.reports td:nth-child(3){
			width:26%;
		}

		.reports th:nth-child(1){
			width:12%;

		}

		.reports th:nth-child(2){
			width:61%;
		}
		.reports th:nth-child(3){
			width:26%;
		}


		.single{
			width: 75%;
			border:1px solid rgb(176, 44, 56);
			margin: 5em auto;

		}

		.single > header{
			background: rgb(176, 44, 56);

		}

		.single > header h3{
			color:white;
			text-align: center;
			margin: 0 0.5em;
		}

		.single > header > time{
			width:20%;
		}

		.single > header > h3{
			width: 80%;
		}


		.single > section{
			padding: 1em;
		}

		.single > section h3{
			padding: 0.5em;
		}

		.single > section > p{
			padding: 0.5em;
		}

		.single > footer{
			text-align: right;
			padding: 1.5em;
		}

		.moreLink, .more{
			top: 0;
			position: absolute;
			left: 0;
			width: 100%!important;
			height: 100%;
			font-weight: 400;
			font-variant: small-caps;
			justify-content:center;
			-webkit-box-pack:center;
		}

		.moreLink > .link, .more > i{
/*			font-size: 2.8rem;
			color:white;
			display: flex;
			align-self:center;
			justify-content:center;
			-webkit-box-pack:center;
			font-style: normal;
			width: 100%;*/
		}

		.fa{
			font-size: 3.4rem!important;
		}

		.finance .gielda > .content {
			width: 100%;

		} 

		.aboutCompany{
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
			-webkit-align-self:center;
			    -ms-flex-item-align:center;
			        align-self:center;
		}

		article {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			width:100%;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;

		}

		.plantsNav{
			position: fixed;
			width: 100%;
			top:7.3rem;
			z-index: 2;
			overflow: hidden;
			left:0;
			padding: 0 3rem;
			display: none;
		}

	}
	@media all and (min-width: 35em){

	}
	@media all and (min-width: 1em){			

		.plantsMenu {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			display: -webkit-flex;
			-webkit-box-pack:start;
			-webkit-justify-content:flex-start;
			    -ms-flex-pack:start;
			        justify-content:flex-start;
			position: relative;
			height: 8rem;
			-webkit-box-orient:vertical;
			-webkit-box-direction:normal;
			-webkit-flex-direction:column;
			    -ms-flex-direction:column;
			        flex-direction:column;
			height: 100%;
		}


		.plantsMenu > .menu-item:first-of-type{
			margin-left:0;
		}
				.galv > header{
			width: 100%;
			position: relative;
		}

		.galv > section:nth-child(2) > div:nth-child(2) > header{
			display: none;
		}
		.galv > section:nth-child(2) > div:nth-child(2) > section{
			width: 100%;
		}
	}
	@media all and (min-width:35em) { 
				.sideBar > .archiveBox > .archive > ul{
			-webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
        justify-content:space-around;
		}

		.plantsNav{
			height: 12em;
			z-index: 3;
		}
		
		.plantsNav > ul{
			margin: 0 auto;
			width: 100%;
			background: white;
			padding-left: 19%;
		}
		.plantsNav > .subMenu{
			background: rgb(176,44,56);
		width: 100%;
  		padding: 0 19%;
		}
		.plantsNav > ul > li a{
			padding: 10px;
	
		}
		.plantsNav > .mainMenu > li a:hover{
			background: rgba(0,0,0,0.6);
			color:white;
	

		}
					
		.plantsNav > .mainMenu > li{
			background: white;

		}
		.plantsNav > .subMenu > li > a{
			color: white;
		}
/*		.plantsNav > .subMenu > li{
			display: none;
		}*/
		.plantsNav > .subMenu > .forClient{
			display: flex;
		}

		

		.plantsNav > ul > li a{
			color:rgb(176,44,56);

		}

		.plantsMenu{
			height: 100%;
			flex-direction:row;	
			background: rgb(250,250,250);
			padding-top:2em;
		}


		.plantsMenu > .menu-item{
			height: 100%;
		}

		.plantsMenu > .menu-item:first-of-type{
			margin-left:19.1%;
		}
		.galv > section:nth-child(2) > div:nth-child(2) > header{
			display: block;
			width: 100%;
			position: relative;
		}



		#galvWroc > header{
			display: none;
		}

	}

	@media all and (min-width:1em) { 



		.plantsMenu > .menu-item > ul > li:first-of-type{
			margin-left:19.1%;

		}



		.plantsMenu > .active{
			color:white;
		}

		.plantsMenu > .menu-item > a{
			line-height: 4rem;
			height: 4.88rem;
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
			-webkit-justify-content:center;
			    -ms-flex-pack:center;
			        justify-content:center;
			-webkit-box-pack:center;
			-webkit-box-align:center;
			-webkit-align-items:center;
			    -ms-flex-align:center;
			        align-items:center;

		}

		.plantsMenu > .menu-item > .submenu{
			position: absolute;
			background: rgb(176, 44, 56);
			display: none;
		}

	}

	@media all and (min-width:50em) { 


		.plantsNav{
			display: block;
		}
		.plantsMenu > .menu-item > .submenu{
			display: block;
			/*				height:4.88rem;*/
			justify-content:center;
			-webkit-box-pack:center;
			align-items:center;
		}
	}

	@media all and (min-width:1em) { 


		.mainMenu > .active > a{
			color:white;
			background: rgb(176, 44, 56);
		}

		.plantsMenu .menu-item .submenu > li{
			display: none;
			margin: 0 0.1em;
			padding: 0 0.1em;
			height: 100%;
		}



		.plantsMenu .menu-item:nth-child(1) .submenu > li{
			display:inline-block;
		}
		.plantsMenu .submenu-item > a{
			display: flex;
			/*				height: 4.88rem;*/
			color:white;
			justify-content: center;
			-webkit-box-pack:center;
			align-items: center;
			-webkit-box-align:center;
		}
		.plantsMenu .submenu-item > a:hover{
			background:rgba(150,50,50,1);
/*				color: white;
				display: flex;
				height: 100%;*/
			}	

			#galvWroc, #galvObo, #galvRawa{
				display: none;
			}

			#forClient{
				display: block;
			}

			article:first-of-type, #galvWroc, #galvObo, #galvRawa, #forClient{
				margin-top: 8rem;
			}

		}
		@media all and (min-width: 50em){
			article:first-of-type, #galvWroc, #galvObo, #galvRawa, #forClient{
				margin-top: 18rem;
				padding:0 3em;
			}
		}

		@media all and (min-width: 1em){


			#galvWroc .plantContact, #galvObo .plantContact, #galvRawa .plantContact{
				display: none;
			}

			.galv{
				display: flex;
				flex-direction:row;
				flex-wrap:wrap;
			}

			.galv > .block > div{
				width: 100%;
				padding: 1.5em;
			}

		}
		@media all and (min-width: 35em){
			.galv > .block > div{
				width: 50%;
			}
			#galvWroc > section:nth-child(2) > div:nth-child(2){

							  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -webkit-flex-direction: column;
	      -ms-flex-direction: column;
	          flex-direction: column;
	  -webkit-box-align: center;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-box-pack: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
				
			}
		}
		
		@media all and (min-width: 1em){

			.galv > .block:nth-child(1) > div:nth-child(1)
			{
				display: flex;
				flex-direction:column;
				justify-content:center;
				-webkit-box-pack:center;
				align-items:center;
				padding: 1.5em;
				/*background: grey;
				color:white;*/
			}
			.galv > .block:nth-child(1) > div:nth-child(2){
			}

			.galv > .block:nth-of-type(2) {
				background: rgb(250,250,250);
			}

			.mozliwosci-produkcyjne-wroclaw, .kontakt-wroclaw{
				/*	width: 50%;*/
			}

			article > section{
				position: relative;
			}

			.malarnia-nav{
				flex-direction:column;
				-webkit-box-orient:vertical;
			}

			article > .malarnia-rawa,
			article > .malarnia-obornik{
				display: flex;
				padding: 1.5em;
				width: 100%;
				flex-direction:column;
			}

			.malarnia-rawa > section ,
			.malarnia-oborniki > section {
				display: -webkit-box;
				display: flex;
				width: 100%;
				margin: 1.5em 0 0;
			}

			.malarnia-rawa > section > nav,
			.malarnia-oborniki > section > nav{
				width: 40%;
				justify-content: center;
				-webkit-box-pack:center;
				display: none;	
			}
		}
		@media all and (min-width: 35em){
			.malarnia-rawa > section ,
			.malarnia-oborniki > section {
				margin: 4.5em 0 0;
				
			}
			.malarnia-rawa > section > nav,
			.malarnia-oborniki > section > nav{
				display: -webkit-box;
				display: flex;

			}
		}
		@media all and (min-width: 1em){

			.malarnia-rawa nav > ul,
			.malarnia-oborniki nav > ul{
				width: 63em;
			}

		.malarnia-rawa  li,
			.malarnia-oborniki  li{
				/*text-align: justify;*/
				text-align: left;
			} /*	 slider malarni się rozjeżdża */

			.malarnia-rawa-container section li,
			.malarnia-oborniki-container section li{
				margin-left:1.5em;
			}

			.malarnia-rawa-container section li:before,
			.malarnia-oborniki-container section li:before{
				font-family: FontAwesome;
				content:"\f00c";
				margin: 0 0.5em;
				color: rgb(177,46,55);

			}


			.malarnia-rawa > section > nav li:hover,
			.malarnia-oborniki > section > nav li:hover{
				cursor:pointer;
				font-weight: 700;
				color: rgb(176,44,56);
			}

			.malarnia-rawa > section > nav li.active,
			.malarnia-oborniki > section > nav li.active{
				font-weight: 700;
				color: rgb(176,44,56);
			}



			.malarnia-rawa .malarnia-rawa-container,
			.malarnia-oborniki .malarnia-oborniki-container{
				width: 100%;
				overflow: hidden;
				position: relative;
			}
			.malarnia-rawa .malarnia-rawa-container section,
			.malarnia-oborniki .malarnia-oborniki-container section {
				width: 100%;
			}
		}
		@media all and (min-width:35em){
			.malarnia-rawa .malarnia-rawa-container,
			.malarnia-oborniki .malarnia-oborniki-container{
				width: 60%;
				height:67em;
			}
			.malarnia-rawa .malarnia-rawa-container section,
			.malarnia-oborniki .malarnia-oborniki-container section {
				width: 45em;
				margin:0 auto; /*safari*/
			}
		}
		@media all and (min-width:1em){


			.malarnia-rawa .malarnia-rawa-container section p,
			.malarnia-oborniki .malarnia-oborniki-container section p{
				margin:0 auto;
				text-align: justify;
			}

			.malarnia-rawa .malarnia-rawa-container > li,
			.malarnia-oborniki .malarnia-oborniki-container > li{
				display: flex;
				align-items:center;
				flex-direction:column;
				text-align: justify;
				margin: 0 0 2.5em 0;

			}

		}
		@media all and (min-width: 50em){
			.malarnia-rawa .malarnia-rawa-container > li,
			.malarnia-oborniki .malarnia-oborniki-container > li{
				margin: 0;
				height: 100%;
			}
		}
		@media all and (min-width: 1em){

			article > .malarnia-rawa > section > section,
			article > .malarnia-oborniki > section > section{
				position: relative;
				width: 45%;

			}

			#galvRawa > section .sectionContent{
				padding: 1.5em 0 5.5em;
				/*height: 65em;*/
			}
			#galvWroc .do-pobrania .sectionContent{
				/*  padding: 1.5em 9.5em 5.5em;*/
				  height: 24em;
  display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

			}

			#galvObo > section .sectionContent{
				padding: 1.5em 0 5.5em;
			}


			#galvObo > section .sectionContent{
				padding: 1.5em 0;
			}

		}

		@media all and (min-width:35em){
			#galvRawa > .do-pobrania .sectionContent,
			#galvObo > .do-pobrania .sectionContent{
			height: 15em;
			padding-left: 1.5em;
			}
			
		}
		@media all and (min-width:1em){

			article > .mozliwosci-produkcyjne-rawa > .sectionHeader{
				background: rgb(176, 44, 56);
			}
			article > .mozliwosci-produkcyjne-rawa > .sectionHeader > h2{
				color: white;
			}

			article > .rawa-malowanie > .sectionHeader > h2{
				color: white;
			}

			article > .rawa-malowanie > .sectionHeader{
				background: rgb(176, 44, 56);
			}

			article .history .sectionHeader{
				background: rgb(176, 44, 56);
			}
			article .history .sectionHeader h2{
				color: white;
			}

			article .history .sectionContent {
				padding: 0.5em 0 5.5em;
			}

			#forClient > section > .o-zakladach{
				background: rgba(255,255,255,0.8);
				padding: 4em 1.5em;
			}

			#forClient > section > .o-zakladach .sectionHeader{
				background: none;
				padding: 1.5em;
			}
			.mapContainer{
				display: none;

			}

			.map{
				background:url("images/mapa.png") no-repeat;
				background-size: auto;
				position: relative;
				background-size: auto 100%;
				/*display: none;*/
			}




			.map > #wro{
				position: absolute;	
				top:26rem;
				left:11rem;
				font-size: 3rem!important;
				cursor: pointer;

			}

			.map > #rawa{
				top: 21rem;
				left: 52%;
				font-size: 3rem!important;
				cursor: pointer;

				position: absolute;
			}
			.map > #obo{
				cursor: pointer;
				position: absolute;
				top: 15rem;
				font-size: 3rem !important;
				left: 11rem;
			}

			.group, .relations{
				background: rgb(240,240,240);
			}
			.cityLabel{
				position: absolute;
				font-size: 1.4em;
				color: rgb(255, 255, 255);
				background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.65);
				padding: 0.2em;
			}
			#oboLabel{
				top: 9em;
				left: 9.5em;
				width: 10em;
				display: none;

			}
			#wrocLabel{
				top: 20em;
				left: 10em;
				width: 10em;
				display: none;

			}
			#rawaLabel{
				top: 17em;
				left: 19.5em;
				display: none;
				width:14.5em;

			}

			.o-zakladach > .sectionHeader{
			}

			.o-zakladach > .sectionContent{
				display: flex;
				display: -webkit-flex;
				flex-direction: row;
				-webkit-box-orient:horizontal;
				padding: 0;
				width: 75%;
				margin: 0 auto;
			}


			.o-zakladach > .sectionContent > p{
				margin: 0 auto;
				align-self:center;
			}

			.kontakt-wroclaw, .kontakt-oborniki, .kontakt-rawa{
				background: rgb(245,245,245);
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient:vertical;
				-webkit-box-direction:normal;
				-webkit-flex-direction:column;
				    -ms-flex-direction:column;
				        flex-direction:column;

			}

			.kontakt-wroclaw > .sectionContent, 
			.kontakt-rawa > .sectionContent, 
			.kontakt-oborniki > .sectionContent{
				padding: 0;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				display: -webkit-flex;
				-webkit-box-orient:vertical;
				-webkit-box-direction:normal;
				-webkit-flex-direction:column;
				-ms-flex-direction:column;
				        flex-direction:column;

			
			}
			.kontakt-wroclaw > .sectionContent > ul,
			.kontakt-rawa > .sectionContent > ul,
			.kontakt-oborniki > .sectionContent > ul {
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webki-box-orient:vertical;
				padding: 0 1.5em;
				width: 100%;

				-webkit-box-orient:vertical;

				-webkit-box-direction:normal;

				-webkit-flex-direction:column;

				-ms-flex-direction:column;

				        flex-direction:column;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				        flex-wrap: wrap;
			}
			
			.kontakt-wroclaw > .sectionContent > ul > li > span,
			.kontakt-oborniki > .sectionContent > ul > li > span,
			.kontakt-rawa > .sectionContent > ul > li > span{
				-webkit-box-pack:justify;
				-webkit-justify-content:space-between;
				-ms-flex-pack:justify;
				justify-content:space-between;
				width: 100%;
				-webkit-box-align:center;
				-webkit-align-items:center;
				-ms-flex-align:center;
				        align-items:center;
			}
			.kontakt-wroclaw > .sectionContent > ul > li,
			.kontakt-rawa > .sectionContent > ul > li,
			.kontakt-oborniki > .sectionContent > ul > li {
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient:vertical;
				-webkit-flex-wrap:wrap;
				-ms-flex-wrap:wrap;
				        flex-wrap:wrap;
				-webkit-box-pack:justify;
				-webkit-flex-direction:column;
				-ms-flex-direction:column;
				        flex-direction:column;
				width: 100%;
				-webkit-justify-content:space-around;
				-ms-flex-pack:distribute;
				        justify-content:space-around;
				-webkit-align-self:center;
				-ms-flex-item-align:center;
				        align-self:center;
				padding: 1em;
				background: white;
				height: 15em;
				margin:0.5em 0;
				border: 1px solid rgb(145,145,145);

			}

		}
		@media all and (min-width:35em){
			.kontakt-wroclaw > .sectionContent > ul,
			.kontakt-rawa > .sectionContent > ul,
			.kontakt-oborniki > .sectionContent > ul {
				-webkit-justify-content:space-around;
				    -ms-flex-pack:distribute;
				    -webkit-box-pack:center;
				        justify-content:space-around;
				-webkit-box-orient:horizontal;
				-webkit-box-direction:normal;
				-webkit-flex-direction:row;
				    -ms-flex-direction:row;
				        flex-direction:row;
				-webkit-flex-wrap: wrap;
				    -ms-flex-wrap: wrap;

				        flex-wrap: wrap;
				                 margin: 1.5em 0;
				          
			}
		.kontakt-wroclaw > .sectionContent > ul > li,
			.kontakt-rawa > .sectionContent > ul > li,
			.kontakt-oborniki > .sectionContent > ul > li {
							width:33.3%;
				margin:0 1.2em;
			}


			.kontakt-wroclaw > .sectionContent > ul > li > span,
			.kontakt-oborniki > .sectionContent > ul > li > span,
			.kontakt-rawa > .sectionContent > ul > li > span{
				width: 50%;
			}

		
			.galv > section.block.kontakt > section > ul:nth-child(2){
				-webkit-box-pack:justify;
				-webkit-justify-content:space-between;
    			-ms-flex-pack:justify;
        			  justify-content: space-between;
			}
			.galv > section.block.kontakt > section > ul:nth-child(2) li{
				margin: 0.5em 0;
				width: 24.5%;
				
			}

		}
		@media all and (min-width:1em){

			.kontakt-wroclaw > .sectionContent > ul > li > *, 
			.kontakt-rawa > .sectionContent > ul > li > *, 
			.kontakt-oborniki > .sectionContent > ul > li > * {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack:center;
				justify-content:center;
				align-self:center;
				width: 100%;
			}

			.kontakt-wroclaw > .sectionContent > ul > li > span i,
			.kontakt-rawa > .sectionContent > ul > li > span i,
			.kontakt-oborniki > .sectionContent > ul > li > span i{
				width: 20%;
			}
			.kontakt-wroclaw > .sectionContent > ul > li > span p,
			.kontakt-rawa > .sectionContent > ul > li > span p,
			.kontakt-oborniki > .sectionContent > ul > li > span p{
				padding: 0.5em 0;
				width: 80%;
				text-align: center;

			}

			#galvRawa > section.block.kontakt-rawa > section > ul:nth-child(2) > li:nth-child(1) > span:nth-child(3)
			{
				width: 92%;
			}

			.kontakt-wroclaw > .sectionContent > ul > li > p > strong,
			.kontakt-rawa > .sectionContent > ul > li > p > strong,
			.kontakt-oborniki > .sectionContent > ul > li > p > strong{
				margin-top:1.5em;
			}

			.kontakt-wroclaw > .sectionContent h4,
			.kontakt-rawa > .sectionContent h4,
			.kontakt-oborniki > .sectionContent h4{
				text-align: center;
				color: rgb(176, 44, 56);
				font-weight: 700;
			}

			.sectionContent div h4{
				margin:1.5em 0 0;
			}

			.sectionContent div h3{
				margin:1.5em 0 0;
			}

			.kontakt-wroclaw > .sectionContent > p,
			.kontakt-rawa > .sectionContent > p,
			.kontakt-oborniki > .sectionContent > p{
				text-align: center;
				margin: 0 auto;
				padding: 1.5em;
			}

			.mozliwosci-produkcyjne-rawa > .sectionContent{
				padding: 1.5em;
				display: flex;
				display: -webkit-flex;
				flex-flow: row wrap;
				justify-content:space-around;
				background: rgb(235,235,235);
			}

			.mozliwosci-produkcyjne-rawa > .sectionContent > div{
				width: 49%;
				display: inherit;
				flex-flow: column nowrap;
			}
			.mozliwosci-produkcyjne-rawa > .sectionContent > div:nth-child(1){
				background: white;
			}

			.mozliwosci-produkcyjne-rawa > .sectionContent > div h3{
				margin:0;
			}

			.mozliwosci-produkcyjne-rawa > .sectionContent > div > section{
				background: white;
				padding: 2.5em;
			}

			.mozliwosci-produkcyjne-rawa > .sectionContent > div > section > header{
				padding: 0;
			}

			.mozliwosci-produkcyjne-rawa > .sectionContent > div:nth-child(2) > section:nth-child(1){
				margin:0 0 1.5em 0;
			}

			.malowanie-rawa{
				background: rgb(235,235,235);
				padding: 1.5em;
			}

			.malowanie-rawa .sectionHeader{
				background: none;

			}
			.malowanie-rawa .sectionContent{
				padding: 0 15em;
				background: none;

			}

			.malowanie-rawa .sectionContent > section{
				background: white;
				padding: 3.5em;
				margin: 1.5em;
			}

			.malowanie-rawa .sectionContent > p{
				padding: 1.5em 6em;
			}

			#galvRawa .gallery {
				width: 100%;
			}

			#galvRawa #gallery-3 {
				justify-content:center;
				-webkit-box-pack:center;
			}
			#galvRawa #gallery-4 {
				justify-content:center;
				-webkit-box-pack:center;
			}

			#galvRawa .gallery li{
				width: 25%;
				padding: 0.5em;
			}


			.kontakt-rawa{
				background: rgb(200,200,200);
			}

			.kontakt-rawa > .sectionContent{
				padding: 0;
				display: flex;
				display: -webkit-flex;
				flex-direction:row;
				flex-wrap:wrap;
			}



			.kontakt-rawa > .sectionContent > ul > li > p {
				display: flex;
				display: -webkit-flex;
				justify-content:center;
				-webkit-box-pack:center;
			}

			.kontakt-rawa > .sectionContent > ul > li > p > strong{
				margin-top:1.5em;
			}

			.kontakt-rawa > .sectionContent h4{
				text-align: center;
				color: rgb(176, 44, 56);
				font-weight: 700;
			}

			.kontakt-rawa > .sectionContent > p{
				text-align: center;
				margin: 0 auto;
				padding: 1.5em;
			}


			/* oborniki */
			article > .mozliwosci-produkcyjne-oborniki > .sectionHeader{
				background: rgb(176, 44, 56);
			}
			article > .mozliwosci-produkcyjne-oborniki > .sectionHeader > h2{
				color: white;
			}

			.mozliwosci-produkcyjne-oborniki > .sectionContent{
				padding: 1.5em;
				display: flex;
				display: -webkit-flex;
				flex-flow: row wrap;
				justify-content:space-around;
				background: rgb(235,235,235);
			}

			.mozliwosci-produkcyjne-oborniki > .sectionContent > div{
				width: 49%;
				display: inherit;
				flex-flow: column nowrap;
			}
			.mozliwosci-produkcyjne-oborniki > .sectionContent > div:nth-child(1){
				background: white;
			}

			.mozliwosci-produkcyjne-oborniki > .sectionContent > div h3{
				margin:0;
			}

			.mozliwosci-produkcyjne-oborniki > .sectionContent > div > section{
				background: white;
				padding: 2.5em;
			}

			.mozliwosci-produkcyjne-oborniki > .sectionContent > div > section > header{
				padding: 0;
			}

			.mozliwosci-produkcyjne-oborniki > .sectionContent > div:nth-child(2) > section:nth-child(1){
				margin:0 0 1.5em 0;
			}

			.malarnia-oborniki{
				width: 100%;
				padding: 1.5em;
			}

			.malarnia-oborniki .sectionHeader{
				background: none;

			}
			.malarnia-oborniki .sectionContent{
				padding: 0 15em;
				background: none;

			}

			.malarnia-oborniki .sectionContent > section{
				background: white;
				padding: 3.5em;
				margin: 1.5em;
			}

			.malarnia-oborniki .sectionContent > p{
				padding: 1.5em 6em;
			}

			#galvObo .gallery {
				width: 100%;
			}

			#galvObo #gallery-3 {
				justify-content:center;
				-webkit-box-pack:center;
			}
			#galvObo #gallery-4 {
				justify-content:center;
				-webkit-box-pack:center;
			}

			#galvObo .gallery li{
				width: 25%;
				padding: 0.5em;
			}

			.cynkowanie-ogniowe{
				background: rgb(235,235,235);
			}

			.cynkowanie-ogniowe > section{
				background: rgba(255,255,255,0.8);
				padding: 1.5em;
			}

			#forClient > .cynkowanie-ogniowe > .sectionHeader{
				background: none;
			}

			#forClient > section.cynkowanie-ogniowe > section > section{
				-webkit-box-orient: vertical;
				-webkit-box-pack:justify;
				display: -webkit-box;
				display: flex;
				flex-direction:column;
				justify-content:space-around;

			}

			#forClient > section.cynkowanie-ogniowe > section > section > div{
				width: 100%;
				padding: 1.5em;
			}

			#forClient > .polityka-jakosci{
				background: white;
				padding: 0;
				width:100%;
				margin: 0 auto;
			}
		}
		@media all and (min-width: 35em){
			#forClient > section.cynkowanie-ogniowe > section > section{
				-webkit-box-orient:horizontal;
				flex-direction:row;
			}

			#forClient > section.cynkowanie-ogniowe > section > section > div{
				width: 45%;
			}
			#forClient > .polityka-jakosci{
				width: 100%;
			}
		}

		@media all and (min-width: 1em){


			#forClient > .polityka-jakosci > .sectionContent{
				padding: 0!important;
			}

			#forClient > .polityka-jakosci > .sectionContent > p{
				padding: 1.5em;
			}

			#forClient > .polityka-jakosci > .sectionContent > ul{
				padding: 1.5em;
				display: flex;
				flex-direction:column;
			}

		}
		@media all and (min-width: 35em){
			#forClient > .polityka-jakosci > .sectionContent > ul.secondBlock{
				-webkit-box-orient:horizontal;
				flex-direction:row;
			}
		}

		@media all and (min-width: 1em){


			#forClient > .polityka-jakosci h4{
				color:rgb(176, 44, 56);
			}

			#forClient >  .polityka-jakosci .firstBlock{
				background: rgb(176, 44, 56);
				padding: 1.5em;
			}

			#forClient > .polityka-jakosci .firstBlock > li{
				color:white;
			}


			#forClient > .polityka-jakosci .firstBlock > li:before{
				font-family: FontAwesome;
				content: "\f192";
				font-size: 1rem;
				margin: 0 1.5em;
			}

			#forClient > .polityka-jakosci .thirdBlock > li:before{
				font-family: FontAwesome;
				content: "\f192";
				font-size: 1rem;
				margin: 0 1.5em;
			}

			#forClient > .polityka-jakosci .fourthBlock > li:before{
				font-family: FontAwesome;
				content: "\f192";
				font-size: 1rem;
				margin: 0 1.5em;
			}

			#forClient > .polityka-jakosci .secondBlock{
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-orient:horizontal;
				flex-direction:row;
				-webkit-box-pack:justify;
				justify-content:space-around;
				width:95%;
				margin: 0 auto;
			}

			#forClient > .polityka-jakosci .secondBlock > li{
				border: 1px solid rgb(176, 44, 56);
				width:100%;
				color:rgb(176, 44, 56);
				justify-content: center;
				-webkit-box-pack:center;
				align-items:center;
				text-align:center;
				padding:2em 0;
				margin:1.5em;
				font-weight: 700;
			}
		}

		@media all and (min-width: 35em){
			#forClient > .polityka-jakosci .secondBlock > li{
				width:24%;
				margin:0;
			}
		}

		@media all and (min-width: 1em){

			#forClient > .polityka-jakosci .thirdBlock {
				display: flex;
				display: -webkit-flex;
				flex-direction: column;
				-webkit-box-orient: vertical;
				background: rgb(176, 44, 56);
				padding: 1.5em;
			}

			#forClient > .polityka-jakosci .thirdBlock > li {
				color: white;

			}

			#forClient > .polityka-jakosci .fourthBlock {
				display: flex;
				display: -webkit-flex;
				flex-direction: column;
				-webkit-box-orient: vertical;
				background: rgb(176, 44, 56);
				padding: 1.5em;
			}

			#forClient > .polityka-jakosci .fourthBlock > li {
				color: white;

			}

			#forClient > .polityka-jakosci .sectionContent > p > span {
				color: rgb(176, 44, 56);
			}

			.front-page .cynk{
				/*    height: 12em;*/
			}

			.cynk h3, 
			.malp h3, 
			.malc h3 {
				padding: 0.5em;
			}

			#forClient > .cynkowanie-ogniowe > .sectionContent{
				padding: 1.5em!important;
				display: flex;
				display: -webkit-flex;
				flex-direction: row;
				-webkit-box-orient:horizontal;
				justify-content:space-around;
				background: none;
			}



			.cynkowanie-ogniowe > .sectionContent > div{
				background: white;
				width:45%;
				padding: 1.5em 3.5em;
				height: 45%;
			}

			.cynkowanie-ogniowe .sectionContent div h3{
				margin:0.5em;
			}

			#galvObo .do-pobrania,
			#galvRawa .do-pobrania{
				-webkit-box-orient:vertical;
				-webkit-box-direction:normal;
				-webkit-flex-direction:column;
				    -ms-flex-direction:column;
				        flex-direction:column;
			}

			.do-pobrania > .sectionContent{
				padding: 1.5em;
			}

			#galvObo .do-pobrania > .sectionContent,
			#galvRawa .do-pobrania > .sectionContent{
				display: flex;
/*				justify-content:center;
				-webkit-box-pack:center;
				align-items:Center;*/
			}	
			.galv .do-pobrania > .sectionContent > ul{
				display: -webkit-box;
				display:-webkit-flex;
				display: flex;
				-webkit-box-orient:vertical;
				-webkit-box-pack:justify;
				flex-direction: column;
				justify-content: space-around;
				-webkit-box-pack:justify;
			}

			#galvObo > section.block.do-pobrania.do-pobrania-oborniki > section > ul,
			#galvRawa > section.block.do-pobrania.do-pobrania-rawa > section > ul
			{
				-webkit-box-align:center;
				-webkit-align-items:center;
				    -ms-flex-align:center;
				        align-items:center;
				-webkit-justify-content:space-around;
				    -ms-flex-pack:distribute;
				        justify-content:space-around;
				        flex-wrap:wrap;
				        width: 100%;

			}



			.do-pobrania > .sectionContent > ul{
				display: -webkit-box;
				display:-webkit-flex;
				display: flex;
				-webkit-box-orient:vertical;
				flex-direction:column;
				-webkit-box-pack:justify;
					-webkit-justify-content:space-around;
				justify-content:space-around;
/*				
				height: 27em;*/
				margin: 0 auto;
			}
		}

		@media all and (min-width: 35em){
			#galvObo > section.block.do-pobrania.do-pobrania-oborniki > section > ul,
			#galvRawa > section.block.do-pobrania.do-pobrania-rawa > section > ul{
				-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-webkit-flex-direction:row;
    -ms-flex-direction:row;
        flex-direction:row;
        	-webkit-justify-content:flex-start;
        justify-content:flex-start;
			}
		}
		@media all and (min-width: 1em){


			.do-pobrania > .sectionContent > ul > li > a:before{
				font-family: FontAwesome;
				font-size: 3rem;
				content: "\f1c1";
				margin-right: 0.5em;
			}

			.do-pobrania > .sectionContent > ul > li > a{
				width: 100%;
				display: inherit;
				justify-content:flex-start;
			}

			.do-pobrania > .sectionContent > ul > li > a:hover{
				font-weight: 700;
			}


		}

		@media all and (min-width: 50em){
			#galvObo .do-pobrania > .sectionContent,
			#galvRawa .do-pobrania > .sectionContent{
				
/*				height: 20em;*/
			}	
		#galvWroc .do-pobrania > .sectionContent > ul{
				flex-direction:column;
				height: 35em;
			}
					.kontakt-wroclaw > .sectionContent > ul > li,
			.kontakt-rawa > .sectionContent > ul > li,
			.kontakt-oborniki > .sectionContent > ul > li {
				width: 47%;
			}
		}

		@media all and (min-width: 1em){


			.do-pobrania > .sectionContent li{
				text-align: left;
				width: 100%;
				display: flex;
				display: -webkit-flex;
			}
		}
		@media all and (min-width: 35em){
			.do-pobrania > .sectionContent > ul{
				align-items:flex-start;
			}
			.do-pobrania > .sectionContent li{
				width: 33.3%;
			}
			#galvWroc .do-pobrania > .sectionContent li{
				width: auto;
			}
		}

		@media all and (min-width: 50em){
			#galvObo > section.block.do-pobrania.do-pobrania-oborniki > section > ul, #galvRawa > section.block.do-pobrania.do-pobrania-rawa > section > ul{
				justify-content:space-around;
				flex-wrap:nowrap;
				margin: 3.5em 0;

			}
			.do-pobrania > .sectionContent li{
				width: auto;
			}


		}

		@media all and (min-width: 1em){

			.mozliwosci-produkcyjne-wroclaw{
				background: url("images/5.jpg") no-repeat;
				background-attachment: fixed;

			}

			.mozliwosci-produkcyjne-oborniki > .sectionContent,
			.mozliwosci-produkcyjne-wroclaw > .sectionContent {
				display: flex;
				display: -webkit-flex;
			}



			.mozliwosci-produkcyjne-oborniki > .sectionContent section, 
			.mozliwosci-produkcyjne-wroclaw > .sectionContent section{
				display: inherit;
			}

			.mozliwosci-produkcyjne-oborniki > .sectionContent > section,
			.mozliwosci-produkcyjne-wroclaw > .sectionContent > section{
				flex-flow: column nowrap;
				width: 100%;
				margin: 1.5em;
				box-shadow: 1px 1px 10px black;
			}

			.mozliwosci-produkcyjne-wroclaw > .sectionContent > section > header,
			.mozliwosci-produkcyjne-oborniki > .sectionContent > section > header{
				padding: 1.5em;
			}

			.mozliwosci-produkcyjne-wroclaw > .sectionContent > section > section,
			.mozliwosci-produkcyjne-oborniki > .sectionContent > section > section{
				flex-flow: column nowrap;
				padding: 0px 0px 2.4em;

			}

			.mozliwosci-produkcyjne-wroclaw > .sectionContent .topContainer, 
			.mozliwosci-produkcyjne-oborniki > .sectionContent .topContainer{
				display: inherit;
				flex-flow: row nowrap;
				margin: 0 1.5em;

			}

			.mozliwosci-produkcyjne-wroclaw > .sectionContent .topContainer > div
			{
				width: 50%;
				display: inherit;
				flex-flow: column nowrap;
				padding: 1.5em 2em;


			}
			.mozliwosci-produkcyjne-wroclaw > .sectionContent .topContainer > div:nth-child(1){
				margin-right: 0.75em;
			}
			.mozliwosci-produkcyjne-wroclaw > .sectionContent .topContainer > div:nth-child(2){
				margin-left: 0.75em;
			}

			.mozliwosci-produkcyjne-wroclaw > .sectionContent .topContainer > div > h4{
				text-align: left;
				margin: 0;
			}
			.mozliwosci-produkcyjne-wroclaw > .sectionContent .bottomContainer{
				margin: 1em 1.5em;
				padding: 1.5em 2em;
				display: inherit;
				flex-flow: column nowrap;
			}

			.mozliwosci-produkcyjne-wroclaw > .sectionContent .bottomContainer > p{
				text-align: center;
			}

			.info {
				background: url("images/2-1.jpg") no-repeat;
				background-size: 100% auto;
				width: 100%;
				height: 100%!important;
				background-attachment: fixed;
			}

			/* relacje inwestorskie*/

			.dla-inwestora{
				width: 16.66%;
			}


			.wyniki-finansowe > .content{
				width: 100%;
				overflow-x: auto;
			}
			.akcjonariat{
				width: 100%;
				margin: 1.5em auto;

			}

			.invCalendar,
			.stockOps{
				width: 95%;
				margin: 0 auto; 
			}
		}


		@media all and (min-width: 35em){
			.wyniki-finansowe > .content{
				width: 100%;
				margin:1.5em auto;
			}
			.akcjonariat, .stockOps{
				width: 77%;
				margin: 1.5em auto;
			}
			.invCalendar {
				width: 77%;
			}

		}

		@media all and (min-width: 1em){


			.dividendPolicy{
				margin: 0 auto;
			}

			.publicOffer{
				background: rgba(255,255,255,0.4);

			}

			.dividendPolicy > section{
				width:100%;
				display: flex;
				justify-content:center;
				-webkit-box-pack:center;
				flex-direction:column;
			}

			.dividendPolicy table{
				width: 100%!important;
			}

			.dividendPolicy > section header{
				background: rgba(255,255,255,0.6);
				text-align: center;

			}

			.dividendPolicy > section header > h2{
				color: rgb(176, 44, 56);

			}
			.dividendPolicy > section table{
				background: rgba(255,255,255,0.6);
				padding: 4.5em;
			}
			.dividendPolicy > section tbody > tr {
				padding-top:1.5em;
				padding-bottom: 1.5em;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				display: -webkit-flex;
				-webkit-box-orient:vertical;
				-webkit-box-direction:normal;
				-webkit-flex-direction:column;
				    -ms-flex-direction:column;
				        flex-direction:column;
				-webkit-justify-content:space-around;
				    -ms-flex-pack:distribute;
				        justify-content:space-around;
			}
			.dividendPolicy > section tbody > tr > td:nth-child(2)
			{	
				width:100%;
				padding: 1.5em;
				text-align:justify;
			}
		}

		@media all and (min-width: 35em){
			.dividendPolicy > section tbody > tr {
				padding-left: 1.5em;

			}
			.dividendPolicy > section tbody > tr > td:nth-child(2){
				padding-left:1.5em;

			}

		}

		@media all and (min-width: 1em){

			.dividendPolicy > section tbody > tr > td:nth-child(1){
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				display: -webkit-flex;
				-webkit-box-orient:vertical;
				text-align: center;
				-webkit-box-direction:reverse;
				-webkit-flex-direction:row-reverse;
				-ms-flex-direction:row-reverse;
				        flex-direction:row-reverse;
				-webkit-justify-content:center;
				-ms-flex-pack:center;
				        justify-content:center;
				-webkit-box-pack:center;
				width: 100%;
			}

			body > section > section > ul > li.dla-inwestora > ul > li.stockOps > ul > li.dividendPolicy > section > table > tbody > tr:nth-child(2) > td:nth-child(2) > p{
				text-align: justify;
			}
		}
		@media all and (min-width: 35em){
			.dividendPolicy > section tbody > tr {
				-webkit-box-orient:horizontal;
				-webkit-box-direction:normal;
				-webkit-flex-direction:row;
				    -ms-flex-direction:row;
				        flex-direction:row;

			}
			.dividendPolicy > section tbody > tr > td:nth-child(1){
				width:20%;
			}
			.dividendPolicy > section tbody > tr > td:nth-child(2){
				width:80%;
					display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

			}

		}
		@media all and (min-width: 1em){


			.dividendPolicy > section tbody > tr > td:nth-child(2) > p{
				width: 80%;
				text-align: justify;
			}

			footer div h4{
				color:rgb(176,44,56);
				font-weight: 700;
				text-align: left;
			}
			footer div section > div{
				padding: 0.5rem 2rem;
			}

		}
		@media all and (min-width: 50em){

				.kontakt-wroclaw > .sectionContent > ul,
			.kontakt-rawa > .sectionContent > ul,
			.kontakt-oborniki > .sectionContent > ul {
				width:100%;
				display:-webkit-box;
				display:-webkit-flex;
				display:-ms-flexbox;
				display:flex;
				  -webkit-box-orient:horizontal;
				  -webkit-box-direction:normal;
				  -webkit-flex-direction:row;
				      -ms-flex-direction:row;
				          flex-direction:row;
				  -webkit-box-pack:center;
				  -webkit-justify-content:center;
				      -ms-flex-pack:center;
				          justify-content:center;
				          margin: 1.5em 0;
			}

				.kontakt-wroclaw > .sectionContent > ul > li,
			.kontakt-rawa > .sectionContent > ul > li,
			.kontakt-oborniki > .sectionContent > ul > li {
				width:31.3%;
				margin:0 1.2em;
			}


			footer div section > div{
				padding: 0.5rem 2.5rem;
			}

		}
		@media all and (min-width: 1em){
			footer div li header a{
				font-weight: 700;
			}

			footer div li header{
				padding: 0;
			}

			.contactForInv section ul{
				width: 45%;
				margin: 0 auto;
				display: flex;
			}
			.contactForInv section ul li{
				width: 50%;
			}

			.contactForInv section p{
				text-align: left;
			}

			.contactForInv section a{
				text-align: left;
				/*	display: block;*/
			}

			.raporty-biezace > .content,
			.raporty-okresowe > .content,
			.raporty-cg > .content {
				width: 95%;
				margin: 0 auto;
				overflow: auto;
			}


			}

			@media all and (min-width: 35em){
				/*.raporty-biezace > .content,
			.raporty-okresowe > .content,
			.raporty-cg > .content {
					width: 85%;
			}
					*/

			}
			@media all and (min-width: 50em){
				.raporty-biezace > .content,
			.raporty-okresowe > .content,
			.raporty-cg > .content {
				width: 60%;
			}
			}
			@media all and (min-width: 1em){

				body > section > section > ul > li > section > table{
				width: 44em;
				}

			.reports tbody > tr:nth-child(odd){
				background: rgba(0,0,0,0.35);
				color: white;
			}
			.reports tbody > tr:nth-child(odd) a{
				color: rgb(176,44,56);
			}
			.reports tbody > tr a:hover{
				font-weight: 700;
				/*color:rgb(176,44,56);*/
			}

			.reports tbody > tr:nth-child(odd) a:hover{
				/*border: 1px solid rgb(255,255,255);*/
			}

			.reports td{
				padding: 0.5em;
			}

			.corpGov {
				width: 100%;

			}

			.corpGov > section > a{
				display: block;
			}
			.corpGov > section > a:hover{
				font-weight: 700;
			}
			.corpDocs{
				width: 100%;

			}
			.corpDocs ul{
				margin:0 auto;
			}
			.corpDocs ul a:hover{
				font-weight: 700;
			}

			.dokumenty-spolki > section{
				display: -webkit-box;
				display: flex;
				width: 100%;
				padding:1.5em;
				margin: 0 auto;
				-webkit-box-pack: justify;
				justify-content:space-around;
				flex-direction:column;

			}

			.contactForInv{
				background: rgba(255,255,255,0.6);
				height: 100%;
			}

			/*O zakladach*/
			.o-zakladach {
				display: flex;
				display: -webkit-box;
				padding: 0 0 8.5em;
				justify-content:center;
				-webkit-box-pack:center;
			}

			.o-zakladach > .sidebar{
				display: none;
			}
			.o-zakladach > .container{
				width: 100%;
				overflow: hidden;
			}

		}
				@media all and (min-width:35em) { 
				body > section > section > ul > li > section > table{
					width: 100%;
				}
			.o-zakladach > .sidebar{
				display: flex;
				display: -webkit-box;
				flex-direction:column;
				-webkit-box-orient:vertical;
	/*			margin: 6.5em 0;*/
				width: 40%;
			}
			.o-zakladach > .container{
				width: 60%;
				height: 60rem;

			}

		}
		@media all and (min-width:35em) and (max-width: 49.99em) { 
			.o-zakladach > .container{
			
				height: 80rem;
			}
		}


		@media all and (min-width:1em) { 

			.sidebar > nav{
				display: flex;
				display: -webkit-box;
				justify-content:center;
				-webkit-box-pack:center;
				width: 100%;
				/*align-self:flex-start; IE crashes*/
				margin: 1.5em;
			}

			.sidebar > nav > ul{
				display: flex;
				display: -webkit-box;
				flex-direction:column;
				-webkit-box-orient:vertical;
			}

			#aboutRawaNav{
				width: 20em;
			}

			.sidebar > nav > ul > li.active{
				color:rgb(176,44,56);
				font-weight: 700;
			}

			.sidebar > nav > ul > li:hover{
				cursor:pointer;
				font-weight: 700;
				color:rgb(176,44,56);
			}

			.container > li{
/*				height: 100%;*/
				width: 100%;
				padding: 0 1.5em;
			}
			.sidebar .map{
				height: 26.3rem;
				width: 28rem;
				justify-content: center;
				-webkit-box-pack:center;
				align-items: center;
				-webkit-box-align:center;
				margin: 1.5em;
			}
		}
		@media all and (min-width:35em) { 
			.container > li{
	/*			width: 80%;*/
				height: 100%;
			}
			.sidebar .map{
				display: flex;
				margin: 0 auto;
			}
		}

		@media all and (min-width:1em) { 


			.sidebar .map > #obo{
				top: 9rem;
				left:6rem;
			}

			.sidebar .map > #wro{
				top: 15rem;
				left:6rem;
			}

			.sidebar .map > #rawa{
				top:13rem;
				left:14rem;
			}


			#photoWroc{
				width: 100vw;
				height: 75vw;
				background:url("images/8.jpg") no-repeat;
				background-size: auto 100%;
				background-position: center;

			}
			#photoObo{
				width: 100vw;
				height: 75vw;
				background:url("images/oborniki10.jpg") no-repeat;
				background-size: auto 100%;
				background-position: center;
			}

				#photoRawa{
				width: 100vw;
				height: 75vw;
				background:url("images/rawa4.jpg") no-repeat;
				background-size: auto 100%;
				background-position: center;
			}


		}
		@media all and (min-width: 35em){
			#photoWroc, #photoObo, #photoRawa{
				width: 50%;
				height: auto;
				background-size: 100% auto;
				background-position: center;
			}

		}
		@media all and (min-width: 95.75em){
			#photoWroc, .photo{
				width: 751px;
				height: 484px;

			}

		}

		@media all and (min-width: 1em){


			#galvWroc > section:nth-child(1){
				padding: 1.5em;
				justify-content:center;
				-webkit-box-pack:center;
			}

			#galvWroc > section.block.mozliwosci-produkcyjne-wroclaw > div:nth-child(1){
				background: rgb(247,247,247);
			}

			body > section > section.block.investorsHighlight > div.section.relations > section > div.news.tile > div:nth-child(2) > section > ul > li > a{
				width: 100%;
			}

			body > footer > div:nth-child(3) > p{
				text-align: center;
			}



		}

		@media all and (min-width:35em) { 
			#slider{
				width: 74%;
				/*height: 30em;*/
				display: -webkit-box;
				display: -webkit-flex;
				display: -ms-flexbox;
				display: flex;
			}
		}
		@media all and (min-width:50em) { 
			.dokumenty-spolki > section{
				-webkit-box-orient:horizontal;
				-webkit-box-direction:normal;
				-webkit-flex-direction:row;
				    -ms-flex-direction:row;
				        flex-direction:row;
				-webkit-justify-content:space-around;
				    -ms-flex-pack:distribute;
				        justify-content:space-around;
			}

			.corpGov{
				width: 45%;
			}

			.corpDocs{
				width: 45%;
			}

			.topNav > .fa{
				display: none;
			}
			.front-page .block:first-of-type{
				justify-content:center;
			}

		
			#slider{
				height: 100%;
				max-width: 100%;
			}

		}
		@media all and (min-width:35em) { 
			.block{
			-webkit-box-orient: horizontal;
			-webkit-box-direction: normal;
			-webkit-flex-direction: row;
			    -ms-flex-direction: row;
			        flex-direction: row;
			  -webkit-flex-wrap:wrap;
			      -ms-flex-wrap:wrap;
			          flex-wrap:wrap;
			}

			.investorsHighlight{
				-webkit-box-orient:vertical;
			}
		

		}	
		@media all and (min-width:50em) { 

			.contactSection{
				height: 100%;
				-webkit-box-orient:vertical;
				flex-direction:column;
			}
		}
		@media all and (min-width:35em) { 
			.contactSection > div{
				display: flex;
				display: -webkit-box;
				align-items:center;
				height: 100%;
				width: 100%;
				justify-content:center;
				-webkit-box-pack:center;
			}

		}
			@media all and (min-width:50em){

			.contactTile ul li:nth-child(2){
				display: flex;
				display: -webkit-box;
				justify-content:flex-start;
				padding-left: 1.5em;
			}
			.contactSection > div:nth-child(1),
			.contactSection > div:nth-child(2){
				width: 98%;
				height: 49%;
			}
			}
			@media all and (min-width:35em) { 


			.investorsHighlight .tile{
				height: 31em;
				width:49%;
		
			}
			.contactTile ul li:nth-child(1){
				display: flex;
				width:100%;
				justify-content:center;	
			}
			
		}
			@media all and (min-width:50em) { 
				.contactTile ul li:nth-child(1){
				width:40%;
				justify-content:flex-end;
			}
				.front-page .block:nth-child(1){
				height: 60rem;

			}
		}
			@media all and (min-width:35em) { 

			.front-page .block:nth-child(2){
			/*	margin: 6.5em 0 0;*/
				padding: 3.5em 2.5%;
				-webkit-box-align:center;
-webkit-align-items:center;
    -ms-flex-align:center;
        align-items:center;
        justify-content: space-between;
        -webkit-box-pack:center;
			}

			.front-page .block:nth-child(2) > div:nth-of-type(2){
				margin-left:0.6em;
			}

			body > footer > div:nth-child(2) > div{
				width: 100%;
			}


		}
		@media all and (min-width: 50em){
			body > footer > div:nth-child(2) > div{
				width: 30%;
			}
		
			body > footer > div:nth-child(2){
				flex-direction:row;
				-webkit-box-orient:horizontal;
			}
		}
		@media all and (min-width: 35em){
		
			.front-page .section > section {
				-webkit-box-orient:horizontal;
				-webkit-box-direction:normal;
				-webkit-flex-direction:row;
				    -ms-flex-direction:row;
				        flex-direction:row;
				margin: 4.5em 0;
			}

			body > footer > div:nth-child(3){
				width: 100%;
			}
			#galvWroc > section.block.kontakt-wroclaw,
			#galvRawa > section.block.kontakt-rawa,
			#galvObo > section.block.kontakt-oborniki{
				display: -webkit-box;
				-webkit-box-orient:vertical;
				flex-direction:column;
			}

		}
		@media all and (min-width:50em) { 

			.topNav > .menu-menu-container {
				display: block;
			}

			.front-page .block:nth-child(1){
				height: 70rem;
			}

			.front-page .block:nth-child(2) > div:nth-of-type(2){
				width: 61%;
				align-self:center;
				overflow: auto;
				height: 63em;
			}
			.mapContainer{
				display: -webkit-box;
				display:  flex;
				justify-content:center;
				align-items:center;
				width: 37%;
			}

			.map{
				background:url("images/mapa.png") no-repeat;
				background-size: auto;
				height:42.3rem;
				width:46rem;
				position: relative;
				background-size: auto 100%;
				/*display: -webkit-box;
				display: flex;*/
				background-position: center;
				/*display: none;*/
			}
			.plantContact i, .plantContact a{
				padding: 0.4em;
			}
	}
			@media all and (min-width: 1em) and (max-width: 49.99em){
				nav > .fa-caret-square-o-down{
				margin:	0 0.5em;
			}

				.generalMeeting > header > nav{
					display: -webkit-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
				}

				.compMenu{
					display: none!important;
				}
				nav > .responsiveReportsMenu{
					display: -webkit-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
				-webkit-box-orient:vertical;
				-webkit-box-direction:normal;
				-webkit-flex-direction:row;
				    -ms-flex-direction:row;
				        flex-direction:row;
				        -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width:85%;
				}

				.content > nav i{
					display: -webkit-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					margin: 0.2em;
				}

			}
	

			@media all and (min-width: 1em) and (max-width: 34.99em){
				#galvObo > section.block.do-pobrania.do-pobrania-oborniki > section > ul, #galvRawa > section.block.do-pobrania.do-pobrania-rawa > section > ul{
					width: 50%;
				}

		}
			@media all and (min-width: 35em) and (max-width: 49.99em){

		#slider{
			max-width: 52%;
		}
		.front-page > .block > .contactSection > .contactBox{
			width: 74%;
		}		
		.contactSection{
			width: 45%;
		}
		.contactSection > div:nth-child(2){
			width: 25%;
		}

		article:first-of-type, #galvWroc, #galvObo, #galvRawa, #forClient{
			margin-top: 6rem;
		}
	}

		@media all and (min-width:50em) { 
			#forClient > .polityka-jakosci{
				width: 91%;
			}

		}

		@media all and (min-width:75em) { 
			.front-page .block:nth-child(1){
				width: 95%;
				margin: 0 auto;
				justify-content:space-between;
			}
					.front-page .block{
			padding: 0 2.5%;
		}

						.investorsHighlight{
				-webkit-box-orient: horizontal;

				}

			.front-page .section{
				width: 50%;
			}
			.galv > .block > div{
				width: 48%;
			}
			.container > li{
				width: 80%;
				}
		}


		@media all and (min-width:95.75em) { 
			html,body{
				font-size: 8px;
			}

			.front-page .block:nth-child(2) > div:nth-of-type(2){
				height: 52rem;
			}
			section .mozliwosci-tab{
				margin: 3.5em auto;
				width: 85%;
				background-color: rgb(236, 236, 236);

			}

			.front-page .mozliwosci-tab {
				width: 65%;
				margin: 0em auto;
			}

					.front-page .block:nth-child(2) > div:nth-child(1){
		/*	margin: 0 14em;*/
		}

		}


		@media all and (min-width:120em) { 
			html,body{
				font-size:9px;
			}
		}