@media print {
	
	
	h1, h2, h3, h4, h5, h6 {
	   font-family: Arial, Helvetica, sans-serif; color: #000;
	   }
	   
	h1 {font-size: 24pt; margin: 10px 0;}
	h2 {font-size: 20pt;}
	h3, h4, h5, h6 {font-size: 16pt;}

	p, ol li, ul li, div {line-height: 1.4; font-size: 12pt; color: #000;}
	
	a:link, a:visited {
   text-decoration: underline;
   /*font-weight: bold;*/
   color: #000;
   }
   
   body#uvod .intro-text p {
		color: #000;
   }
   
   
	   

	
	div#tisk-top {display: block;} /* jen pro tisk */
	div#tisk-top img {margin: 0 10px 5px 0; width: 60px;}
	div#tisk-top img, div#tisk-top span {vertical-align: bottom;}
	div#tisk-top span {font-size: 0.8em;}
	
	header, section#footer-info, footer {display: none;}
	
	.reference-box, .btn-back {display: none;}
	a#poptavka-fix {display: none;}
	
	.odkVideoOut {display: none;}
		
	.aktuality-hp {display: none;}
	
	.blok-text-obr-servis .obr .div-prospekt {
		display: none;
	}
	
	.vyrobci {
		display: none;
	}
	
	
	.container1 {
		padding: 20px 0;
		margin: 0;  /* 360 + padding 64 */
	}
	
	
	/* HP - texty vedle obrazku */
	.col-blue h2, .col-blue p, .col-blue ul li {
		color: #000;
	}




	
	#intro.subpage .blue  {
		padding: 0;
    	margin: 10px 0 0 0;
		max-width: 100%;
	}
	
	#intro.subpage .blue h1 {
		color: #000;
		margin: 10px 0;
	}
	#intro.subpage .blue * {
		color: #000 !important;
	}	
	
	#intro.subpage .blue p {
		font-size: 15pt;
		line-height: 20pt;
	}



	/* pod moodrym blokem: */
	.vetsi-text {
		font-size: 15pt;
		line-height: 20pt;
		margin: 0 0 8px 0;
	}
	
	




	
	.btn-wrap{display: none;}
	
	
	
	/* ale zobrazi jen prvni dva obrazky, kdyz zakomentuju v paticce skripty pro justifiedGallery, tak je to OK, ale zase ne stranka */
	#main_content .reference-img-gallery a[rel="lightbox[all]"] {
		position: initial;
		float: left;
		display: block;
		margin: 0 10px 10px 0;
		width: 45%;
		/*clear: both;*/ /* odradkovat */
	}	
	#main_content .reference-img-gallery a[rel="lightbox[all]"] img {
		position: relative;
		display: block;
		width: 100%;
		
		/*clear: both;*/ /* odradkovat */
	}		
	
	
	
	.reference-box .over p{
		color: black;
	}


	/* i: pridane pro tisk: */
	a.img-with-caption.typ-zastreseni, a.img-with-caption.posun-krytu {
		width: 80%;
		margin: 0 0 50px 0;
	}
	a.img-with-caption.typ-zastreseni img, a.img-with-caption.posun-krytu img {
		width: 100%;
	}

	
	.img-with-caption.typ-zastreseni .over p {
		color: black;
		text-shadow: none;
		position: absolute;
		bottom: -44px;
		left: 0;
		text-align: left;
	}
	.img-with-caption.posun-krytu .over p {
		color: black;
		text-shadow: none;
		position: absolute;
		bottom: -50px;
		left: 0;
		text-align: left;
	}
	.img-with-caption.posun-krytu.druhy .over p {
		bottom: -86px; /* 2 radky textu */
	}
	
	
		
	.reference-box img{
		position: relative;
		width: 90%;
		/*object-fit: none;*/
	}
	.reference-box .over{
		position: absolute;
		bottom: -44px;
		left: 0;
		text-align: left;
	}	
	
	
	div.jen-pro-tisk {
		display: block;
	}
	div.jen-pro-tisk img {
		width: 90%;
	}
	div.jen-pro-tisk p {
		font-size: 25px;
		color: black;
		margin: 4px 0 0 10px; /* 10px vlevo, jinak nebyl zacatek textu */
	}
	
	
	
	div.jen-pro-tisk.realizace-seznam img, div.jen-pro-tisk.realizace-detail img {
		width: 45%;
		height: 220px;
		margin: 0 10px 10px 0;
	}
	
	div.dalsiObrazky { /* v detailu realizaci */
		display: none;
	}
	
	
}  /* print */








@media (max-width: 1940px){
	/*div#typy-zastreseni-menu-fix {
		background: rgba(255, 255, 255, 1)
		
	}*/

} /* max-width: 1940px */






@media (max-width: 1900px){

	body#typy-zastreseni-bazenu .varianty-posuvu-blok .blok-obr-text .obr img {
		padding: 0 30px;
	}
	
	
	

} /* max-width: 1900px */







@media (max-width: 1710px){


	img.img-prazdny {  /* 3 obr. vycentrovane a tady nove jen 2 */
		display: none;
	}
	
	

} /* max-width: 1710px */





@media only screen and (max-width: 1700px) {
	#intro.subpage .blue {
		margin: -100px 130px 0 130px;
	}

	.container {
		margin: 0 194px 0 194px;
		/*border: 1px solid violet;*/
	}
	.container1 {
		margin: 0 194px 0 194px;
		/*border: 1px solid violet;*/
	}
	
	
	
	body#typy-zastreseni-bazenu .varianty-posuvu-blok .blok-obr-text .obr img {
		padding: 0 50px;  /* zpet vetsi padding po rozsireni */
	}



}  /* max-width: 1700px */




@media screen and (max-width: 1600px){
	
	
	header .container-header{
		max-width: 1360px;
		/*border: 1px solid green;*/

	}




	
	/* aktuality na HP: */
	.col-white:first-of-type {
		padding: 60px 30px 60px 100px;
	}

	.col-white:nth-of-type(2) {
		padding: 60px 100px 60px 30px;
	}	
	
	
	
	
	div.aktualita-blok h2{
	    font-size: 24px;
		line-height: 30px;

	}

	.pb60-aktuality-mezera {
		padding-bottom: 50px;  
	}
	
	
	
	
	.blok-material div {
		left: 105px;
		bottom: 12px;
	}

	
	
} /* max-width: 1600px */






@media screen and (max-width: 1450px){  


	.blok-material img {
		width: 96%;
		width: calc(100% - 8px);

	}
	.blok-material div {
		left: 82px;
		bottom: 12px;
	}






} /* max-width: 1450px */





@media screen and (max-width: 1400px){  /* TOP menu se meni na mobilni */
	
	header{
		margin-top: 0;
	}
	header .navbar-brand {
		margin-top: -15px;
		margin-bottom: -30px;
	}
	
	/* stranky s 2. radkem top menu: v mobilnim menu nuluju zmenu */
	body#typy-zastreseni-bazenu header .navbar-brand, body#technologie header .navbar-brand, body#o-nas header .navbar-brand, body#kontakt header .navbar-brand {
		margin-top: 0;
	}


	header .navbar-brand img.logo { 
		height: 85px; 
		width: auto;
		margin-top: 5px;
	}


	/* .... */
	
	
	header.scrolled .navbar-brand {
		margin-top: -5px; /* -30px pred oriznutim loga   logo je s velkym prostorem kolem kvuli stinu */
		margin-bottom: -10px;  /* -45px pred oriznutim loga */
	}

	/* stranky s 2. radkem top menu: v mobilnim menu nuluju zmenu */
	body#typy-zastreseni-bazenu header.scrolled .navbar-brand, body#technologie header.scrolled .navbar-brand, body#o-nas header.scrolled .navbar-brand, body#kontakt header.scrolled .navbar-brand {
		margin-top: -5px;
	}
	
	
	header.scrolled .navbar-brand img.logo {   /* header.scrolled #logo img */
		height: 85px; 
		width: auto;
		margin-top: 0;
	}
	

	/* .... */


	header.scrolled .nav li.lvl-1 > a {
		padding: 20px 0 16px 0; /* zpet po zvetseni sirokeho po odscrollovani */
	}


	header .container-header{
		max-width: 1080px;
		/*width: 100%;*/
		/*padding: 0 15px 0 25px;*/  /* 0 15px */
		position: static;
		/*border: 1px solid orange;*/
	}


	
	#menu_top, #kontakt{
		max-width: 100%;
		flex-basis: 100%;
	}
	.collapse_open, .collapse_close{
		text-align: center;
			width: 100%;
		height: auto;
		color: black;
		padding: 0.5rem 0;
		font-size: 130%;
		cursor: pointer;
	}
	.collapse_open .fas, .collapse_close .fas{
		margin-right: 0.5rem;
	}
	.collapse_open{
		display: block;
	}
	.collapsible{
		max-height: 0;	
		transition: all 0.4s ease-in;
		overflow: hidden;
		margin-bottom: 0;
	}
	.collapsible.visible{
		max-height: 1000px;
		transition: all 0.4s ease-out;
		margin-bottom: 1rem;
	}
	header{
		/*background: #0e2d50;*/
	}
	
	
	
	/* iva jazyky - v mob. menu jinak: */
	.nav-flags{
		display: none;
	}



	.navbar{
		flex-wrap: wrap;
	}
	#navbarNavDropdown{
		flex-basis: 100%;
	}
	
	

	/* stranky s 2. radkem top menu: v mobilnim menu nuluju zmenu */
	body#typy-zastreseni-bazenu #navbarNavDropdown, body#technologie #navbarNavDropdown, body#o-nas #navbarNavDropdown, body#kontakt #navbarNavDropdown {
		margin-top: 0;
	}


	/* stranky s 2. radkem top menu: v mobilnim menu nuluju zmenu */
	body#typy-zastreseni-bazenu header.scrolled #navbarNavDropdown, body#technologie header.scrolled #navbarNavDropdown, body#o-nas header.scrolled #navbarNavDropdown, body#kontakt header.scrolled #navbarNavDropdown {
		margin-top: 0;
	}

	
	.navbar-toggler { /* hamburger pred rozbalenim i po rozbaleni  PREDELAT PAK JINAK BARVY */
		display: block !important;
		outline: none !important;
		border: none !important;
		padding: 15px 0;
		/* zal. icon font awesome:
		display: block !important;
		color: #0e2d50;
		background: white;
		padding: 10px 5px;
		margin: 13px 0;
		border-radius: 3px;
		font-size: 25px;
		outline: none !important;
		line-height: 25px;*/
	}
	.navbar-toggler-icon {
		/* zal. icon font awesome:
		font-size: 25px;
		height: auto;
		vertical-align: initial;
		margin-bottom: 0;
		color: #0e2d50;*/
	}
	.navbar-collapse.collapse:not(.show) {
		display: none;
		height: auto;
	}
	.navbar-inner{
		width: 100%;
		text-align: center;
	}
	
	
	.navbar-toggler img {
		/*border: 1px solid red*/
	}
	
	
	
	
	.navbar-toggler img.mobilemenu-hide {
		display: none;
	}



	
	#menu_top {
		background: transparent;
		margin-bottom: 0;
		flex-basis: auto;
		margin-top: 0;
	}
	#menu_top .navbar {
		position: static;
	}
	#menu_top .navbar-collapse { /* rozbalene mob. menu */
		position: absolute;
		top: 0; /* 75px pri modrem pozadi, obr. odsunuty     0 */
		right: 0px;  /* 0px */
		width: 100%;
		background: #d2dbe5;
		padding: 0; /*top 40px; */ /* 6px */
	}
	.navbar-toggler[aria-expanded="true"]{ /* ikonka hamburgeru pri rozbalenem mob. menu */
		position: absolute;
		top: 3px;
		right: 25px;  /* cca 145 kdyz skonci top menu    zkusit jinak postupne jako v klasicke liste */
		z-index: 2001;		

	}
	.navbar-collapse.collapse:not(.show) {
		display: none;
		height: auto;
	}
	.navbar-inner{
		width: 100%;
		text-align: center;
	}
	.nav {
		width: 100%;
		height: 100vh;
		overflow: auto;
		display: block;
	}
	
	
	
	#menu_top .navbar-collapse .zahlavi-modre { /* hlavicka rozbaleneho mob. menu */
		display: block;
		position: relative;
		background: #0E2D50;
		width: 100%;
		height: 70px;
	}

	#menu_top .navbar-collapse .zahlavi-modre img.logo-mob { /* jine logo - oriznute bez stinu, proto jinak zadavane rozmery */
		width: 136px;
		margin-top: 12px;
		margin-left: 25px;   /* 145 cca kdyz skonci top menu   zkusit jinak postupne jako v klasicke liste */
	}








	.nav li.lvl-1 { /* polozky rozbaleneho mob. menu */
		display: block;
		text-align: center;
		flex-basis: 100%;
		margin: 0 20px;  /* aby cara nebyla az do kraju */
		border-bottom: 1px solid rgba(14, 45, 80, 0.5); /* #0e2d50   #D3D3D3 */
		
	}
	.nav li.lvl-1 > a{  /* texty rozbaleneho mob. menu */
		display: block;
		color: #0e2d50;  /* black */
		text-align: left;
		font-weight: 700;
		margin: 0; /* texty polozek az vlevo */
	}
	.nav li.lvl-1:has(ul) > a {  /* kdyz ma submenu, mensi mezera dole (6 misto 16, ktere je prevzato z top menu) */
		padding: 20px 0 16px 0;
	}
	
	
	.nav li.lvl-1:has(ul) > a:has(.divZnamenko.active) {  /* kdyz ma submenu, mensi mezera dole (6 misto 16, ktere je prevzato z top menu) */
		padding: 20px 0 6px 0;
	}
	
	
	
	
	.nav li.lvl-1:hover > a, .nav li.lvl-1:focus > a, .nav li.lvl-1.show > a, .nav li.lvl-1 > a.active,
	.dropdown-menu a.nav-link:hover, .dropdown-menu a.nav-link:focus{
		color: #5a8cc4 !important;  /* #003776 !important; */
		/*background: white;*/
		border-bottom: 4px solid transparent; /* misto 4px border-bottom v top menu */
		/*border-bottom: none;*/  /* misto 4px border-bottom v top menu */
	}
	
	
	
	.nav li.lvl-1:last-child { 
		border-bottom: none; /* pod jazyky */
		
	}
	
	
	

	
	.nav li.lvl-1.mobile {  /* uvod jen v mob. menu */
		display: block;
	}



	.nav li.lvl-2 {  /* sekce ve strankech jen v mob. menu */
		display: block;
		text-align: left;
		padding: 0 0 10px 0;
		margin: 0 0 0 -30px; /* texty polozek az vlevo */
		flex-basis: 100%;
	}
	.nav li.lvl-2 > a {
		display: block;
		font-size: 16px;
		font-weight: 500;
		color: #0e2d50;
	}

	.nav li.lvl-2 > a:hover{
		color: #5a8cc4; 
		text-decoration: none;
	}
	
	
	.dropdown-menu.show{
		float: none;
		position: relative;
		left: auto;
		top: auto;
		background: white;
	}
	.dropdown-menu a.nav-link{
		color: black;
	}
	/*.vzornik .reference-box .over p{
		font-size: 28px;
	}*/
	.caption p{
		font-size: 38px;
	}

	.dropdown-menu a{
		text-align: center;
	}
	
	
	
	
	
	
	/* jen menu pro PC */
	/* JINAK .nav li.lvl-1 > a.aProklik {
		display: none !important;
	}*/


	/* jen mob. menu */
	.nav li.lvl-1.rozbal {
		
		display: block; /* aby se podtrhl cely radek */
		text-align: left;
		

	}
	
	/* iva - proklikavaci polozky jen pro PC */
	.nav li.lvl-1.proklik {
		display: none;
	}



	a.aRozbal  {
		position: relative;
		cursor:pointer;
	}
	/*a.aRozbal div.divSipka {
		position: absolute;
		right: 10px;
		top: 15px;
	}*/
	a.aRozbal div.divZnamenko {
		display: block;
		position: absolute;
		right: 10px;
		top: 15px;
	}
	
	
	.rotate { /* pro sipku */
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
	}
	
	
	
	
	/* rozbaluje a sbaluje JQuery: */
	#rozbal-1-in, #rozbal-2-in, #rozbal-3-in
	{
		display: none;
	}



	/* rozbalovaci + a - otacene pres JQuery */
	a.aRozbal div.divZnamenko button {
	  color: #0e2d50;
	  background: #d2dbe5;
	  width: 30px;
	  height: 30px;
	  position: relative;
	  font-size: 20px;
	  cursor: pointer;
	  border: 0;
	  outline: 0;
	  padding: 0;
	  margin-bottom: 30px;
	}
	.plus,
	.minus {
	  color: #0e2d50;
	  padding: 5px;
	  width: 30px;
	  height: 30px;
	  line-height: 20px;
	  display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  text-align: center;
	  box-sizing: border-box;
	  transition: .5s all ease-out;
	}
	
	.plus {
	  opacity: 1;
	  transform: rotate(0deg);
	}
	.divZnamenko.active .plus {
	  opacity: 0;
	  transform: rotate(90deg);
	}
	.minus {
	  opacity: 0;
	  transform: rotate(-90deg);
	}
	.divZnamenko.active .minus {
	  opacity: 1;
	  transform: rotate(0deg);
	}
	
	


	
	
	
	/* jen mob. menu */
	/*zatim ne, kliknutim se prejde na stranku a kdyby se misto toho rozbalovalo submenu, musela by se dat dalsi polozka, nebo by se nedalo nikdy z mobilu kliknout na celou stranku a.aRozbal div.divZnamenko {
		display: block;
		position: absolute;
		right: 10px;
		top: 15px;
	}*/






	/* iva - prepinani jazyku mob.: */
	.nav li.lvl-1.mob-flags {
		
		display: block; /* aby se podtrhl cely radek */
		text-align: left;

	}
	.nav li.lvl-1.mob-flags > div {
		padding: 17px 22px 20px 12px;
		display: inline-block;
		position: relative;
		background: transparent; 
		
	}

	.nav li.lvl-1.mob-flags > div > a {
		font-size: 16px;
		font-weight: 600;
		text-decoration: none;
	}

	.nav li.lvl-1.mob-flags > div > a.active, .nav li.lvl-1.mob-flags > div > a:hover {
		color: #5a8cc4;
		text-decoration: none;
	}
	
	
	
	
	
	
	/*.nav li.lvl-1.mob-flags > a.active, .nav li.lvl-1.mob-flags > a.active:hover {
		color: #5a8cc4 !important;  
	}
	.nav li.lvl-1.mob-flags:hover > a, .nav li.lvl-1.mob-flags:focus > a{ 
		color: inherit !important;  
	}*/

	
	.radio-btns:hover .radio-btns__btn:not(:hover) {
  filter: grayscale(100%);
  opacity: 0.75;
}



	/*.nav li.lvl-1.flags > a > img {
	   width: 36px;
	}*/

	/* k: iva - prepinani jazyku mob. */






	a.posun-krytu-motory div.obr {
				
		flex: 35%;
	   
	}
	a.posun-krytu-motory div.text {
		
		flex: 65%;
	  
	}
 
 
 
 
 
	#intro.homepage, #intro.subpage{
		/*margin-top: 72px;*/ /* az pod hlavickou menu - SPOCITAT PRESNE */
	}
 
  
  


	div#typy-zastreseni-menu-fix, div#technologie-menu-fix {
		display: none;
	}
 
 
 
 
	.blok-text-obr-servis .obr .div-prospekt {
		float: none;
		margin: -44px auto 0 auto;
		text-align: center;

	}
 




	div.anchor { /* zastreseni, technologie, o nas */
		top: -100px; /* posun kvuli ukotvenemu menu - zmenseno u mob. menu */
	}

	div.anchor2 { /* kontakt form */
		top: -180px; /* posun kvuli ukotvenemu menu  - zmenseno u mob. menu  */
	}






} /* max-width: 1400px */






@media only screen and (max-width: 1320px) {
	#intro.subpage .blue {
		margin: -100px 80px 0 80px;
	}
	
	.container {
		margin: 0 144px 0 144px;
		/*border: 3px solid yellow;*/

	}
	.container1 {
		margin: 0 144px 0 144px;
		/*border: 3px solid yellow;*/
	}
	
	
	
	body#typy-zastreseni-bazenu .varianty-posuvu-blok .blok-obr-text .obr img {
		padding: 0 30px;  
	}
	
	
	
	div.kontakt-osoby div.osoba {
		width: 50%;
	}
	div.kontakt-osoby div.osoba:first-of-type, div.kontakt-osoby div.osoba:nth-of-type(2) {
		margin: 0 0 50px 0;
	}
	div.kontakt-osoby div.osoba h3 {
		margin: 0 0 15px 0;
	}
	
	
	
	
}  /* max-width: 1320px */





@media screen and (max-width: 1200px){
	header .navbar-brand {
		margin-left: -30px;
	}

	header{
		margin-top: 0;
	}
	header .header-inner{
		padding: 8px 0;
	}
	header #logo img{
		max-height: 50px;
	}
	
	
	
	header .container-header{
		width: 86%;
		/*padding: 0 15px 0 25px;*/  /* 0 15px */
		/*border: 1px solid pink;*/
	}


	
	#margin-header {
		padding-top: 0;
	}
	.panels{
		flex-wrap: wrap;
	}
	.panel-big, .panels-small{
		flex-basis: 100%;
		max-width: 100%;
	}
	.panel-big{
		background-size: cover;
	}
	.video-toggle{
		padding: 50px 0;
	}
	.panel-img{
		background-size: cover !important;
	}
	/*
	#footer-info{

	}*/
	#margin-header h1{
		font-size: 60px;
	}
	.col-img{
		min-height: 600px;
	}



	/* aktuality na HP: */
	.col-white:first-of-type {
		padding: 60px 20px 60px 50px;
	}

	.col-white:nth-of-type(2) {
		padding: 60px 50px 60px 20px;
	}	





	.pb60-aktuality-mezera {
		padding-bottom: 40px;  
	}
	
	
	
	
	.blok-obr-text .text {
		padding: 36px 36px 36px 15px;
	}


	.blok-text-obr-servis .obr .div-prospekt {
		margin: -40px auto 0 auto;
	}
 
 
 
 
 	.blok-material img {
		width: 98%;
		width: calc(100% - 2px);

	}
	.blok-material div {
		left: 76px;
		bottom: 10px;
	}

	
	
	
	
	#footer_text {
		margin: 0 0 30px 0; /* kvuli poptavce */
	}


} /* max-width: 1200px */






@media only screen and (max-width: 1100px) {

	.blok-material {
		width: 50%;
		margin-bottom: 30px;
	}
	.blok-material img {
		width: 50%;
		width: calc(100% - 100px);

	}
	.blok-material div {
		left: 115px;
		bottom: 16px;
	}




	.reference-box{
		flex-basis: 33%;   /* zal. pro 2 vedle sebe, ted 3: 50% */
		max-width: calc(33% - 10px);  /* calc(50% - 10px) */
		margin-bottom: 20px;  /* 20pc */
	}
	
	
	
	
	.ke-stazeni-box {
		width: 50%;   
	}
	.ke-stazeni-box:first-of-type {
		/*padding: 0 15px 30px 15px; */
	}
	.ke-stazeni-box:nth-of-type(3) {
		clear: both;   
	}
	
	
	
	.ke-stazeni-box p {
		margin: 0 0 5px 0;
	}

	.ke-stazeni-box img {
		margin: 0 0 15px 0;
	}	
	
	


} /* max-width: 1100px */






@media only screen and (max-width: 1050px) {
	#intro.subpage .blue {
		margin: -100px 30px 0 30px;
	}
	
	.container {
		margin: 0 94px 0 94px;
		/*border: 1px solid blue;*/
	}
	.container1 {
		margin: 0 94px 0 94px;
		/*border: 1px solid blue;*/
	}
	
}  /* max-width: 1050px */








@media screen and (max-width: 992px){

	h2, .h2{
		font-size: 28px;
	}

	h2.zastreseni-swim-spa {
		font-size: 20px;
	}


	#intro.subpage img{
		margin-bottom: 0; /* bylo -40px */
	}
	#intro.subpage .blue{
		/*margin: 0 30px 0 30px;*/
		/*max-width: 100%;
		margin-top: 0;*/ /* bylo -100px */
		/*padding: 30px 40px;*/
	}

	#intro.subpage .blue h1 {
		font-size: 38px;
		line-height: 48px;
		margin: 0 0 20px 0;
	}
	#intro.subpage .blue p {
		font-size: 20px;
		line-height: 28px;
	}
	
	
	/* pod moodrym blokem: */
	.vetsi-text {
		font-size: 20px;
		line-height: 28px;
	}	
	
	
	
	div.kontakt-zavolejte p.big, div.kontakt-napiste p.big {
		font-size: 26px;
		line-height: 28px;
	}
	div.kontakt-zavolejte p.big a, div.kontakt-napiste p.big a {
		font-size: 26px;
		line-height: 28px;
	}

	
	/*.reference-box .over p {
		font-size: 26px;
	}*/


	.col-blue{
		margin-top: 0;
		padding: 30px 40px;	
	}

	
	/* aktuality na HP: */
	.col-white:first-of-type {
		padding: 30px 40px;	
	}

	.col-white:nth-of-type(2) {
		padding: 30px 40px;	
	}	
	

	.aktuality-hp h2.h2-aktuality {
		padding: 20px 40px 10px 40px;
		
	}




	.btn.btn-primary, .btn.btn-secondary{
		padding: 10px 20px;
		font-size: 17px;
	}



	/* iva: */
	div.obrazky-rada {
		text-align: center;
	}
	div.obrazky-rada a {
		width: 49%;
	}


	div.obrazky-rada.div-typ-zastreseni a {
		width: 48%;
	}
	div.obrazky-rada.div-typ-zastreseni a img {
		width: 100%;
		width: calc(100% - 8px);
	}





	a.posun-krytu-motory {
		flex-direction: column;
	}


	a.posun-krytu-motory div.obr {
		flex: 100%;
		
	}
	a.posun-krytu-motory div.text {
		flex: 100%;
	}




	 a.posun-krytu-motory h2 {
		
			margin: 20px 0 10px 0;
			
	}
	a.posun-krytu-motory p {
			margin: 0 0 20px 0;
			
	}


	a.posun-krytu-motory div.obr img {
		padding: 0 70px;
		

	}









	div.aktualita-blok {
		flex-direction: column;
	}


	div.aktualita-blok div.obr {
		flex: 100%;
		overflow: visible; /* kdyz jsou uz .obr a .text pod sebou, s puvodnim hidden byly stejne vysoke */
		
	}
	div.aktualita-blok div.text {
		flex: 100%;
	}


	.pb60-aktuality-mezera {
		padding-bottom: 20px;  
	}
		




	div.aktualita-blok h2 {
		
		margin: 20px 0 10px 0;
		
		/* zpet velky text - na celou sirku: */
		font-size: 32px;
		line-height: 38px;
			
	}
	div.aktualita-blok p {
			margin: 0 0 10px 0;
			
	}


	div.aktualita-blok div.obr img {
		padding: 0;

	}


	div.aktualita-blok .btn-wrap {
		margin: 0 auto 20px auto;
	}








	a#poptavka-fix {

		bottom: 20px;
		right: 20px;
		
		width: 100px;
		
		opacity: 0.8;

		
		
		
	}
	


	.col-mg{
		margin-bottom: 50px; 
	}	
	
	



}  /* max-width: 992px */






@media (max-width: 900px){



	header .navbar-brand img.logo { 
		height: 75px; 
	}


	header.scrolled .navbar-brand img.logo {   
		height: 75px; 
	}


	#menu_top .navbar-collapse .zahlavi-modre img.logo-mob {
		width: 120px;
		margin-top: 15px;
		/*margin-left: 50px;*/
	}




	.blok-text-obr-servis .obr .div-prospekt {
		margin: -30px auto 0 auto;
	}
	



	.blok-material img {
		width: 70%;
		width: calc(100% - 70px);

	}
	.blok-material div {
		left: 80px;
		bottom: 16px;
	}






}  /* max-width: 90px */








/* iva */
@media (max-width: 840px){
	
	.popis-realizace-wrapper {
	  flex-direction: column;
	}
	

	.btn.btn-poptat{
		margin: 20px 0;
	}



	.blok-material img {
		width: 80%;
		width: calc(100% - 60px);

	}
	.blok-material div {
		left: 96px;
		bottom: 14px;
	}





	div.kontakt-left {
		width: 100%;
		margin: 0 0 30px 0;
	}

	div.kontakt-right {
		width: 100%;
	}
	
	div.kontakt-adresy h2 {
		margin: 0 0 15px 0;
	}



	div.kontakt-osoby div.osoba {
		width: 100%;
	}
	
	
	
	
	.form-wrap {
		padding: 25px 25px 15px 25px;
	}

	.form-control {
		padding: 5px 3px;
		margin: 0 0 20px 0;
	}

	textarea.form-control  {
		margin: 0 0 5px 0;
	}

	.form-group label {
		padding: 0 0 5px 0;
	}
	




	#footer_text {
		margin: 0 0 60px 0; /* kvuli poptavce */
	}



} /* max-width: 840px */





@media only screen and (max-width: 800px) {
	#intro.subpage .blue {
		margin: -60px 24px 0 24px;
	}
	
	.container {
		margin: 0 88px 0 88px;
		/*border: 1px solid cyan;*/
	}
	.container1 {
		margin: 0 88px 0 88px;
		/*border: 1px solid cyan;*/
	}
	
	
	
	
	.blok-obr-text .obr {
		flex: 100%; 
	}

	.blok-obr-text .text {
		flex: 100%; 
		padding: 26px;
	}
	
	.blok-obr-text .obr img {
		object-fit: contain;
		object-position: top center;
	}
	
	.blok-obr-text .text h2 {
		margin: 0 0 20px 0;
	}
	
	
	
		
		
	.blok-text-obr-servis .text {
		width: 100%;

		padding: 0 0 40px 0;
	}

	.blok-text-obr-servis .obr {
		width: 100%;
		/*float: none;*/
	}

	.blok-text-obr-servis .obr .div-prospekt {
		margin: -100px auto 0 auto;
	}


	.blok-text-obr-servis .text h2 {
		margin: 0 0 20px 0;
	}	




	.blok-material img {
		width: 92%;
		width: calc(100% - 30px);

	}
	.blok-material div {
		left: 90px;
		bottom: 14px;
	}







	
}  /* max-width: 800px */






@media screen and (max-width: 768px){   /* col-md */

	.caption{
		text-align: center;
	}
	.caption p{
		display: none;
	}
	/*.reference-box,*/.reference-wrap.vzornik .reference-box{
		position: relative;
		flex-basis: 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}
	
	
	.reference-box{
		flex-basis: 50%;   /* zal. pro 2 vedle sebe, ted 3: 50% */
		max-width: calc(50% - 10px);  /* calc(50% - 10px) */
		margin-bottom: 20px;  /* 20pc */
	}



	.col-md-6.no-padding{
		padding: 0 15px !important;
	}
	.col-md-6.no-padding .h1{
		text-align: center;
	}
	header .kontakt{
		top: auto;
		right: auto;
		position: relative;
		text-align: center;
		margin-top: 10px;
	}
	#margin-header h1{
		font-size: 32px;
	}
	#form_search{
		flex-wrap: wrap;
	}
	#form_search > *{
		flex-basis: 100%;
	}
	.search_text{
		margin-right: 0;
		margin-bottom: 5px;
		padding: 15px;
	}
	
	
	
	
	body#typy-zastreseni-bazenu .blok-obr-text .text {
		padding: 56px 36px 56px 36px;
	}
	
	body#typy-zastreseni-bazenu .varianty-posuvu-blok .blok-obr-text .text {
		padding: 0 56px 30px 56px;
	}
	body#typy-zastreseni-bazenu .varianty-posuvu-blok .blok-obr-text .obr img {
		padding: 0 80px;
	}	
	
	
	.form-wrap .ovladani {
		/*text-align: center;*/
	}
	
	form#form-send-mail div.outer-recaptcha {
        /*text-align: center;*/
	}
	
	form#form-send-mail div.g-recaptcha {
		/*padding-left: 130px;*/  /* posunout kvuli zmenseni transform:scale(0.77);, aby se veslo vedle tlacitkoa ODESLAT: */
	}
			
			
			
			



}  /* max-width: 768px */





@media screen and (max-width: 700px){
	
	
	/* iva: */
	div.obrazky-rada a {
		width: 100%;
	}



	
	div.obrazky-rada.div-typ-zastreseni a {
		width: 100%;
	}
	div.obrazky-rada.div-typ-zastreseni a img {
		width: 100%;
		
	}




	.blok-material img {
		width: 96%;
		width: calc(100% - 10px);

	}
	.blok-material div {
		left: 88px;
		bottom: 10px;
	}



}  /* max-width: 700px */





@media screen and (max-width: 640px){  /* resp. */




	header .navbar-brand {
		margin-top: -15px; /* -30px  pro 1400 je -15 a pak uz nic */
	}

	/* stranky s 2. radkem top menu: v mobilnim menu nuluju zmenu */
	body#typy-zastreseni-bazenu header .navbar-brand, body#technologie header .navbar-brand, body#o-nas header .navbar-brand, body#kontakt header .navbar-brand {
		margin-top: -15px; /* -30px   pro 1400 je 0 a pak uz nic */
		padding: 10px 0;  /* zmensilo se logo, rozsirit, aby sedelo s modrym pruhem rozbaleneho mob. menu */
	}




	header .navbar-brand img.logo { 
		margin-left: 5px;
		height: 60px; /* pro 900 je 75 a pro 1400 je 85 */
	}


	header.scrolled .navbar-brand img.logo {   
		height: 60px; /* pro 900 je 75 a pro 1400 je 85 */ 
	}


	/* TYHLE 4 NAHORE VADI */



	#menu_top .navbar-collapse .zahlavi-modre img.logo-mob { /* jine logo - oriznute bez stinu, proto jinak rozmery */
		width: 100px;
		margin-top: 18px;
		/*margin-left: 35px; */
	}




	.navbar-toggler[aria-expanded="true"]{ /* ikonka hamburgeru pri rozbalenem mob. menu */
		/*right: 65px;  */
	}




	.container {
		margin: 0 24px 0 24px;
		/*border: 1px solid darkgreen;*/
	}
	.container1 {
		margin: 0 24px 0 24px;  /* text uz primo pod okrajem .blue */
		/*border: 1px solid darkgreen;*/
	}





	h1, .h1 {
		font-size: 24px;
		line-height: 30px;
	}
	body#uvod h1, body#uvod .h1{
		font-size: 24px;
		line-height: 30px;
	}
	
	#intro.subpage .blue {
		padding: 24px 24px;
		margin: -30px 24px 0 24px;
	}

	#intro.subpage .blue h1 {
		font-size: 24px;
		line-height: 30px;
	}

	#intro.subpage .blue p span.width-blue {  /* jinak neslo roztahnout modry blok spravne - napr. pro konakty */
		display: none;
	}





	.blok-text-obr-servis .obr .div-prospekt {
		margin: -70px auto 0 auto;
	}



	.aktuality-hp h2 { /* title aktuality */
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 2px 0;
		
	}



	div.aktualita-blok h2 {
	    font-size: 24px;
		line-height: 30px;

	}
	
	
	
	.blok-material {
		width: 100%;
	}
	.blok-material img {
		width: 50%;
		/*width: calc(100% - 100px);*/

	}
	.blok-material div {
		left: 115px;
		bottom: 16px;
	}
	
	
	
	.reference-box{
		flex-basis: 100%;   
		max-width: 100%;  
		margin-bottom: 20px;  /* 20pc */
	}
	
	
	


	div.kontakt-zavolejte {
		width: 100%;
		margin: 15px 0 25px 0;
	}
	div.kontakt-napiste {
		width: 100%;
	}	
	





}  /* max-width: 640px */





@media screen and (max-width: 620px){


	.navbar-toggler[aria-expanded="true"]{ /* ikonka hamburgeru pri rozbalenem mob. menu */
		/*right: 55px; */ 
	}
	
	
	.ke-stazeni-box {
		width: 100%;   
	}
	.ke-stazeni-box:first-of-type {
		/*padding: 0 0 30px 0; */
	}
	
	
	.ke-stazeni-box p {
		margin: 0 0 -5px 0;
	}

	.ke-stazeni-box img {
		margin: 0;
	}	
	
	.ke-stazeni-box:first-of-type img {
		margin: 0 0 -70px 0;
	}
	








}  /* max-width: 619px */






@media screen and (max-width: 560px){ 

	
	
	.navbar-toggler[aria-expanded="true"]{ /* ikonka hamburgeru pri rozbalenem mob. menu */
		/*right: 15px;  */
	}
	
	
}




@media screen and (max-width: 500px){
	.panel-small {
		flex-basis: 100%;
		max-width: 100%;
	}
	.panel-img{
		min-height: 300px;
	}
	.panel-text + .panel-text{
		order: 4;
	}
	#kontaktModal .modal-body a{
		display: block;
		margin: 0 auto;
	}
	
	
	
	
	#intro.subpage .blue p {
		font-size: 18px;
		line-height: 28px;
	}
	
	
	/* pod moodrym blokem: */
	.vetsi-text {
		font-size: 18px;
		line-height: 28px;
	}	
	

	
	
	/*#intro.subpage .blue{
		padding: 15px;
	}*/
	


	.btn.btn-care{
		padding: 10px;
		margin: 15px 10px;
		font-size: 19px;
		font-weight: 600;
		
		white-space: normal;
	}
	
	
	
	div.kontakt-right {
		float: left;
		position: relative;
		margin: 20px 0 0 0;
		clear: both;
	}




	form#form-send-mail div.g-recaptcha {
		width: 250px; /* jeste k transform:scale(0.77), bez nej stale roztahovalo form, i kdyz bylo na sirku male */

	}
	
	/*.btn.btn-odeslat-form {
		padding: 10px 20px 10px 20px;
	}*/



	body#typy-zastreseni-bazenu .varianty-posuvu-blok .blok-obr-text .obr img {
		padding: 0 30px;
	}	






	.blok-text-obr-servis .obr .div-prospekt {
		margin: -50px auto 0 auto;
	}






	.blok-material img {
		width: 60%;
	}

	.blok-material div {
		left: 100px;
		bottom: 12px;
	}




	a#poptavka-fix {

		
		width: 80px;

		
	}








}  /* max-width: 500px */








@media screen and (max-width: 375px){




	#intro.subpage .blue{
		padding: 20px 20px;
		margin: -30px 24px 0 24px;
	}


	#intro.subpage .blue h1 { /* neveslo se uz ai TECHNOLOGIE */
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 10px 0;
	}
	
	
	
	form#form-send-mail div.g-recaptcha {
		width: 200px; /* jeste k transform:scale(0.77), bez nej stale roztahovalo form, i kdyz bylo na sirku male */

	}
	



	.ke-stazeni-box:first-of-type img {
		margin: 0 0 -55px 0;
	}




	.blok-material img {
		width: 80%;
	}




}  /* max-width: 375px */