/* PODSTRANA ZODPOVEDNOST CUSTOM
--------------------------------------- */

.wow {
  visibility: hidden;
}
.text-white {
	color:white;
}
.back-green {
	background-color:#3e6609;
}
.back-white {
	background-color:#fff;
}
.back-gray {
	background-color:#fafafa;
}
.sive {
	color:#a0a0a0;
}
.orange {
	color:#f89449;
}

.vnutro h1 {
    position: relative;
    color: #000;
    font-family: 'poppinsregular';
}
.vnutro h2 {
    position: relative;
    color: #000;
    font-family: 'poppinsbold';	
}
.vnutro h3 {
    position: relative;
    color: #000;
    font-family: 'poppinsbold';	
	font-size: 1.2rem;
	margin-bottom:25px;
}
.vnutro h3.normal {
    font-family: 'poppinsregular';	
}

.vnutro .text-white h1,
.vnutro .text-white h2 {
    color: #fff;
}


.obsah-zodpovednost .vnutro ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    width: 6px;
    height: 6px;
	border-radius:10px;
    background-color: #3e6609;
    margin-left: -20px;
}

.obsah-zodpovednost .vnutro ol {
    padding: 0;
    margin: 0;
    margin-left: 5em;
    margin-bottom: 15px;
    counter-reset: item;
}
.obsah-zodpovednost .vnutro ol li {
	margin-top:10px;
	margin-bottom:10px;
}
.obsah-zodpovednost .vnutro ol li:before {
    content: counter(count-me) ". ";
    display: block;
	font-family: 'poppinsbold';	
	font-size: 1.2rem;
    position: relative;
    max-width: 0px;
    max-height: 0px;
    left: -4em;
    top: .05em;
    color: #3e6609;
}	
	
.container_bg_green {
	background-color:#dbdbbf;
}
.border-radius-big {
	border-radius:30px;
	overflow:hidden;
}
.border-radius-medium {
	border-radius:20px;
	overflow:hidden;
}
.top-banner-text {
	position:relative;
    z-index: 10;
	margin-top: 200px;
    margin-bottom: 100px;	
}
img.top-banner {
	position:absolute;
	top:0;
	left: 0;
}
.vnutro .top-banner-text h1 {
    color: white;
    font-size: 330%;
	line-height:1.4;
	font-family: 'poppinsregular';
	text-align:center;
	margin-bottom: 0;
}
.vnutro .top-banner-text h1 span {
    font-family: 'poppinsbold';	
}
@media screen and (max-width: 991px) {
	.top-banner-text {
		margin-top: 150px;
	}	
	.vnutro .top-banner-text h1 {
		font-size: 230%;
		line-height:1.3;
		font-family: 'poppinsregular';
	}	
}

.zodpovednost-banner02-text {
	position:relative;
    z-index: 10;
	padding: 120px 30px 80px;
	color:white;
	background-image: url('/design/images/wood.jpg');
	background-size: cover; 
	background-position: bottom; 
	background-repeat: no-repeat; 
	border-radius:30px;		
}
.zodpovednost-banner02-text-in {
	width:40%;
}
.img-zodpovednost-banner02b {
	position:absolute;
	top: -50px;
	right: 15px;	
	width:50%;
	z-index:11;
}
@media screen and (max-width: 991px) {
	
	.img-zodpovednost-banner02b {
		top: -20px;
		right: 10px;	
		width: inherit;
        max-height: 120px;
	}
	.zodpovednost-banner02-text {
		padding: 120px 30px 30px;
	}	
	.zodpovednost-banner02-text-in {
		width: 100%;
	}	
}
 
.zodpovednost-zeleny-pas img {
	width:30px;
	height:auto;
}
.zodpovednost-zeleny-pas p {
	margin-bottom:0;
} 

img.img-male {
	width:60px;
	height:auto;
}
img.bezec {
	background:#f89449;
	border-radius: 20px;
    max-width: 120px;
    padding: 20px;
	
}

.kolaz .parent {
display: grid;
grid-template-columns: repeat(11, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}

.kolaz .parent .div1 { grid-area: 1 / 1 / 2 / 5; }
.kolaz .parent .div2 { grid-area: 2 / 1 / 4 / 5; }
.kolaz .parent .div3 { grid-area: 4 / 1 / 5 / 5; }
.kolaz .parent .div4 { grid-area: 5 / 1 / 6 / 5; }
.kolaz .parent .div5 { grid-area: 1 / 5 / 4 / 8; }
.kolaz .parent .div6 { grid-area: 4 / 5 / 5 / 8; }
.kolaz .parent .div7 { grid-area: 1 / 8 / 2 / 12; }
.kolaz .parent .div8 { grid-area: 2 / 8 / 5 / 12; }
.kolaz .parent .div9 { grid-area: 5 / 5 / 6 / 12; }

.kolaz .parent .div1,
.kolaz .parent .div2,
.kolaz .parent .div3,
.kolaz .parent .div4,
.kolaz .parent .div5,
.kolaz .parent .div6,
.kolaz .parent .div7,
.kolaz .parent .div8,
.kolaz .parent .div9 { 
	background:#fafafa; 
	border-radius:20px;
	padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kolaz .parent .div8 {
	padding: 15px 0;
}

@media (max-width: 768px) {
  .kolaz .parent {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-column-gap: 0;
    grid-row-gap: 10px;
  }

  .kolaz .parent .div1,
  .kolaz .parent .div2,
  .kolaz .parent .div3,
  .kolaz .parent .div4,
  .kolaz .parent .div5,
  .kolaz .parent .div6,
  .kolaz .parent .div7,
  .kolaz .parent .div8,
  .kolaz .parent .div9 {
    grid-area: auto;
  }
}