@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* Poppins: Thin = 100, Extra-light = 200, Light = 300, Regular = 400, Medium = 500, Semi-bold = 600, Bold = 700, Extra-bold = 800, Black = 900 */







*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/* pro IE 10 */
a img{
    border: 0px;
}





/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Global properties */
html {width:100%}
body {font-family:'Be Vietnam Pro', sans-serif;font-size:100%;color:#0A234F;background:#fff;font-weight: 400;}


/*.main {padding:0;margin:0 auto;font-size:0.875em;line-height:1.5em}*/
a {color:#FFAF02;text-decoration:none;outline:none}
a:hover {color:#FFAF02;text-decoration:underline}
.wrapper {width:100%;overflow:hidden;position:relative}
.extra-wrap {overflow:hidden}

a.und, a.pod{text-decoration:underline}
a.nepod, a.nepod:hover{text-decoration:none}
p {margin: 0 0 30px 0; padding: 0; font-size:1em; line-height: 2;} 
.p1 {margin-bottom:1px}
.p2 {margin-bottom:2px}
.p5 {margin-bottom:5px}
.p8 {margin-bottom:8px}
.p15 {margin-bottom:15px}
.p30 {margin-bottom:30px}
.p40 {margin-bottom:40px}
.p50 {margin-bottom:50px}
.fleft {float:left}
.fright {float:right}
.alignright {text-align:right}
.aligncenter {text-align:center}

.t08 {font-size: 0.8em}
.t09 {font-size: 0.9em}
.t12 {font-size: 1.2em}
.t13 {font-size: 1.3em}


p.pJakoNadpis {
	font-size: 3.3em;
	font-family: "OptimaLTPro-Medium", sans-serif;
	/*font-family: 'Arsenal', sans-serif;*/
	font-weight: normal;
	/*letter-spacing: 1px;*/
	line-height: 1.2;
	margin: 0 0 20px 0; 
	padding: 0;
	color: #02234A;
	
}




img.img-all-width {
	width: 100%;
}



a.odkaz-zlaty { /* zmenit barvu, jestli se pouzije */
	color: #DEAF6F;
	font-size: 1em;
	font-weight: 200;
	letter-spacing: 5px;
	text-decoration: none;
}
a.odkaz-zlaty:hover {
	text-decoration: none;
}
a.odkaz-zlaty span, a.odkaz-zlaty img {
	vertical-align: middle;
}
a.odkaz-zlaty img {padding: 0 0 0 3px}






.menu li a, .list-1 li a, .list-2 li a, .link, .button, .logo {text-decoration:none}
/*header*/
header {width:100%;/*padding-bottom:44px;margin-bottom:-30px*/}
	/*#page1 header {min-height:600px;}*/
/* menu */
.menu-row {
	width:100%;
	background: #fff;
}
.menu {padding:0;width:100%; margin: 0; }
.menu li {float:left;position:relative;}
.menu li a {display:block;font-size:1.3em;line-height:2em;font-weight:500;padding:45px 27px 10px 27px;margin:0;color:#0A234F; text-align:center; 

}
.menu li:first-of-type a {padding-left: 70px;}
.menu li:last-of-type a {padding-right: 10px;}

.menu li a.active {color: #FFBF02;}
.menu li a:hover {color: #FFBF02;}
.menu li.active, .menu li:hover {}







/*content*/
#content {width:100%;}

h1 {  
	font-size: 2.4em;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 20px 0; 
	padding: 0;
	color: #0A234F;
	
}

h2 {
	font-size: 2.4em;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 20px 0; 
	padding: 0;
	color: #0A234F;
	
	
}
h3 {
	font-size: 2em;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 10px 0; 
	padding: 0;
	color: #0A234F;
	
	
}
h4 {
	font-size: 1.8em;
	font-weight: 600;
	line-height: 1.4;
	margin: 0 0 10px 0; 
	padding: 0;
	color: #0A234F;
	
	
}


div.podstranka h1 {
	font-size: 2.4em;
	margin: 0 0 10px 0; 
}

h2.certif {
	font-size: 1.5em;
	margin: 0 0 10px 0; 
}


div.mlr34 {
	position: relative;
	margin-left: 34px;
	margin-right: 34px;
}
div.mlr47 {
	position: relative;
	margin-left: 47px;
	margin-right: 47px;
}
div.mlr326 {
	position: relative;
	margin-left: 326px;
	margin-right: 326px;
}









div.ml23 {
	position: relative;
	margin-left: 23px;
}
div.mr23 {
	position: relative;
	margin-right: 23px;
}

div.ml27 {
	position: relative;
	margin-left: 27px;
}
div.mr27 {
	position: relative;
	margin-right: 27px;
}

div.ml30 {
	position: relative;
	margin-left: 30px;
}
div.mr30 {
	position: relative;
	margin-right: 30px;
}

div.ml53 {
	position: relative;
	margin-left: 53px;
}
div.mr53 {
	position: relative;
	margin-right: 53px;
}

div.ml74 {
	position: relative;
	margin-left: 74px;
}





/*footer*/
footer {width:100%;color:#fff;padding:65px 0 10px; background:#0A234F;}
		
footer a {color:#fff;text-decoration:none;}
footer a:hover {color:#fff;text-decoration:underline;}

footer h2 {color:#FDB900;font-size:1.2em; font-weight: 400; margin: 0 0 30px 0; }
footer h2.firma {color:#fff; font-size:1em; font-weight: 500; margin: 0 0 10px 0;}
footer p {
	font-weight: 300;
	margin: 0 0 3px 0;
	padding: 0;
}

footer ul.ul-foot {
	list-style-type: none; 
	margin: 0;  
	padding: 0;
}
footer ul.ul-foot li {
	line-height: 1.3;
	margin: 0 0 3px 0x;
	padding: 0 0 25px 0;
	font-size: 1em;
	font-weight: 500;
}
/*footer ul.ul-foot li:before {
    content: "- ";
    
}*/

footer img {
	max-width: 100%;
}


div.footer-in { /* kvuli barve pozadi v IE 8 a nize, ve footer nebralo ani s upravami */
	/*float: left;*/
	color:#fff;
	background:#0A234F;
	
}



footer div.foot-left {
	width: 42%;
	position: relative;
	float: left;
}
footer div.foot-middle {
	width: 28%;
	position: relative;
	float: left;
	text-align: center;
	
	border-left: 1px solid #194084;
	border-right: 1px solid #194084;
	margin: 40px 0 0 0;
}
footer div.foot-right {
	width: 30%;
	position: relative;
	float: left;
	margin: 40px 0 0 0;
}

footer div.foot-middle div.div-centered {
	display: inline-block;
	
	text-align: left;

}



footer hr.cara-dblue {
	width: 100%;
	height: 1px;
	margin: 0;
	background-color: #194084;
	border: 0 none;
}


footer div.foot-copy {
	width: 100%;
	float: left;
	position: relative;
	color: #fff;
	font-size: 0.95em;
	background: #0A234F;
	padding: 40px 0 20px 0;
}

footer div.foot-copy-left {
	float: left;
	position: relative;
	color: #fff;
}
footer div.foot-copy-right {
	float: right;
	position: relative;
	text-align: right;
	color: #fff;
}

footer div.foot-copy p {
	font-size: 1em;
	line-height: 1.5;
	
}




	
/* Galerie*/
 div.gallery-image 		{float:left; margin-right:5px; margin-bottom:25px;}
 div.gallery-image.last	{margin-right:0px;}
 
 div.pOdkaz 				{float:left; margin: 10px 0 15px 0;}

 
.clear {
    clear: both;
    height:0px;
    float:none;
    font-size:0px;
    line-height:0px;
    margin:0;
    padding:0;
    display:block;
}

.nobr	{ white-space:nowrap; }

.pb2 { padding-bottom:2px;}	
.pb5 { padding-bottom:5px;}	
.pb10 { padding-bottom:10px;}	
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}	
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb55 { padding-bottom:55px;}
.pb60 { padding-bottom:60px;}
.pb70 { padding-bottom:70px;}
.pb80 { padding-bottom:80px;}
.pb90 { padding-bottom:90px;}
.pb100 { padding-bottom:100px;}

.clear-pb30-resp {display: none;} /* pro resp. */


 
div.nahoru {
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
}
a.nahoruGrey {
	color: #676767;
}


a.aTit {text-decoration:none}
a.aTit:hover {text-decoration:underline}


div#topImg {
	float: left;
	position: relative;
	width: 340px;
	height: 135px; /* urcuje vysku horniho pruhu */
	
	display: inline-block;
	text-align: center;

	background: #0A234F;
	
}
div#topImg img {
	margin-top: 24px;
}

div#topMenu {
	float: left;
	position: relative;
	margin: 0;  
}
div#topKontakty {
	float: right;
	position: relative;
}

div#topKontakty div#topKontaktyForm {
	float: right;
	position: relative;
	
	height: 135px; /* kvuli border right */

	
	border-right: 1px solid #DDE4F1;
}

div#topKontakty div#topKontaktyForm div {
	float: left;
	position: relative;
	width: 190px;
	height: 60px;
	
	margin: 35px 60px 0 0;
	
	color: #fff;
	background: #FDB900;

	font-family: 'Poppins', sans-serif;
	font-size: 1.2em;
	line-height: 1.3;
	font-weight: 600;
	text-align: center;
	
	padding: 18px 0 0 0;
	
	border-radius: 4px;
	
}
	
	
	
div#topKontakty div#topKontaktyTel {
	float: right;
	position: relative;
}

div#topKontakty div#topKontaktyTel div {
	float: right;
	position: relative;
	
	margin: 15px 60px 0 60px;
	
	color: #0A234F;

	font-family: 'Poppins', sans-serif;
	font-size: 1.2em;
	line-height: 2;
	font-weight: 600;
	text-align: center;
	
	padding: 18px 0 0 0;
	
}







div.top-row-2 {
	position: relative;
	width:100%;
}


div.top-row-2 img {
	width:100%;
}


div.top-row-3 { /* form na HP - obrazkove pozadi */
	position: relative;
	width:100%;
	background-image: url(../gfx/bg-form-hp.png);
	background-repeat: repeat;
	background-position: left top;
	/*background-size: contain;*/
	background-color: #ecf0f7; /* zal. puvodni tmavsi DDE4F1;*/
	
}







div.top-hlavni-obr { /* misto slideru */
	width: 100%;
	position: relative;
}
div.top-hlavni-obr div.top-hlavni-obr-in { /* cenrovani nad 1920 */
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
}
div.top-hlavni-obr div.top-hlavni-obr-in img {
	width: 100%;
}

div.top-hlavni-obr div.napis { 
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
}
	
div.top-hlavni-obr div.napis span { 
	font-family: 'Poppins', sans-serif;
	color: #fff;
	font-size: 5em;
	line-height: 1.3;
	font-weight: 600;
	text-align: center;
	vertical-align: middle;
}



div.top-hlavni-obr div.napis2 { 
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
    text-align: center;
}
	
div.top-hlavni-obr div.napis2 span { 
	font-family: 'Poppins', sans-serif;
	color: #fff;
	font-size: 1.1em;
	line-height: 1.3;
	font-weight: 500;
	text-align: center;
	vertical-align: middle;
}
div.top-hlavni-obr div.napis2 span span {
	letter-spacing: 7px;
}





.fleft-img {
	float: left;
	margin: 0 35px 15px 0;

}
.fright-img {
	float: right;
	margin: 0 0 15px 35px;

}
.fright-img-2 {
	float: right;
	margin: 0 30px 15px 35px;

}



.center {
	text-align: center;
}



hr.hr-lblue {
	border: 0;
	color: #DDE4F1;
	background-color: #DDE4F1;
	height: 2px;
}
hr.hr-lblue-pod-menu {
	border: 0;
	color: #DDE4F1;
	background-color: #DDE4F1;
	height: 1px;
}


p.motto {
	font-size: 1.2em;
	font-weight: 600;
}





div.drobeckova-navigace-out {
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
	
}

div.drobeckova-navigace {
	display: inline-block;
	color: #0A234F;
	font-size: 0.8em;
	margin: 20px 0 24px 0;
}
div.drobeckova-navigace a {
	color: #0A234F;
	text-decoration: none;
}
div.drobeckova-navigace a:hover {
	color: #0A234F;
	text-decoration: underline;
}

/*div.drobeckova-navigace img {
	width: 14px;
}*/








.hp-reference-odk {
	float: left;
	position: relative;
	width: 100%;
}
.hp-reference-odk .hp-reference-odk-box {
	position: absolute;
	bottom: 28px;
	right: 28px;
	
	background: #FDB900;
	color: #fff;
	width: 176px;
	height: 163px;
	
	padding: 47px;

}
.hp-reference-odk .hp-reference-odk-box h2 {
	color: #fff;
	font-size: 1.1em;
	font-weight: 500;

}

.hp-reference-odk .hp-reference-odk-box img.sipka-doprava {
	display: block;
	position: absolute;
	bottom: 15px;
	right: 20px;
	
}



div.hp-sluzby {
	float: left;
	position: relative;
	width: 100%;
}

.hp-sluzby-wrapper {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

    -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
	flex-wrap: wrap;

	gap: 15px; /* mezery mezi boxy */
}





.hp-sluzby-child {
 
	flex: 21%; /* asi mezi 20 a 25, aby byly 4 sloupce a dost mista na mezery mezi nimi */
 
}
.hp-sluzby-child img {
	width: 100%;
}

.hp-sluzby-child a {
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	z-index: 9; 
}


.hp-sluzby-child .odkaz {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 10;
	
	
    
	/*background-image: linear-gradient(#fff, #0A234F);*/
	/*background: transparent linear-gradient(180deg, #FFFFFF 0%, #0A234F 100%) 0% 0% no-repeat padding-box;*/
  

}

/* linear-gradient bila / tm. modra 40% pres obr. kvuli citelnosti: */
.color-overlay {
  position: absolute;
  top: 0;
  opacity: 0.4;
  height: 100%;
  width: 100%;
  /*background: #032A58;*/
  background-image: linear-gradient(#fff, #0A234F); /* odshora dolu */
}


.hp-sluzby-child .odkaz .odkaz-in {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 18px 24px;
	z-index: 11;
}

.hp-sluzby-child .odkaz .odkaz-in-sipka {
	position: absolute;
	/*width: 100%;*/
	right: 0;
	bottom: 0;
	padding: 18px 24px;
	z-index: 12;
	
	/*color: #FDB900;
	font-size: 1.1em;
	text-decoration: none;*/
	
}





/* boxy bez obr.: */


/* pro odkazy kolem polozek .hp-sluzby-child-jen-text: */
.hp-sluzby-wrapper .col { /* .col je "a" - figl pro moznost odkazu kolem celeho bloku flex */
	display: flex; /* musi byt pro IE, aby se zarovanlo do radku po 4, jinak byly pod sebou */
	flex: 21%;
 
	color: #0A234F;
	font-size: 1.1em;
	text-decoration: none;
 
}


.hp-sluzby-child-jen-text {
 
	flex: 21%; /* asi mezi 20 a 25, aby byly 4 sloupce a dost mista na mezery mezi nimi */
 
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	align-items: center; /* center vertically */
 
	height: 132px;
	padding: 0 24px;
	border: 1px solid #DDE4F1;
	

 
}



.hp-sluzby-child-jen-text .odkaz-in {
	flex-grow: 8; /* velikost v pomeru k vedlejsimu */

	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

	
	
}

.hp-sluzby-child-jen-text .odkaz-in-sipka {
	flex-grow: 1; /* velikost v pomeru k vedlejsimu */

	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */ /* musi byt, aby fungovalo justify-content: end; */

	
	justify-content: end; /* zarovani doprava */
	
	
}


/* ma jen zabirat misto, aby se boxy na radku neroztahly do zbyvajiciho prostoru */
.hp-sluzby-child-jen-text.hidd {
	border: none;
}








.hp-blog-clanky {
	width: 100%;
	display: inline-block;
	margin: 70px 0 20px 0;
}


.hp-blog-clanky h2 {
	margin: 0 0 10px 0; 
}


.hp-blog-clanky .sl-1-2 {
	float: left;
	width: 50%;
	text-align: left;
}
.hp-blog-clanky .sl-1-2 .sl-1-2-in.levy {
	margin-right: 16px;
}
.hp-blog-clanky .sl-1-2 .sl-1-2-in.pravy {
	margin-left: 16px;
}

.hp-blog-clanky .sl-1-2 h2 {
	font-weight: normal;
	font-size: 1.5em;
	line-height: 1.2;
	color: #0A234F;
	padding: 35px 0 15px 0; /* margin nesel */
	margin: 0;
}
.hp-blog-clanky .sl-1-2 p.xxx {
	font-size: 1em;
	line-height: 1.4;
	color: #0A234F;
	padding: 20px 0 0 0; 
	margin: 0;
}
.hp-blog-clanky .sl-1-2 img {
	width: 100%;
	margin: 0;
}

.hp-blog-clanky a {
	color: #0A234F;
	text-decoration: none;
}







div.hp-form-adresa {
	float: left;
	position: relative;
	width: 100%;
}

.hp-form-adresa-wrapper {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */ 

	-webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    flex-wrap: wrap;	
	
	gap: 15px; /* mezery mezi boxy */
}



.hp-form-adresa-child-left {
 
	flex: 2; /* 60%  asi mezi 25 a 50, aby byly 2 sloupce a dost mista na mezery mezi nimi */

	flex-grow: 2; /* velikost v pomeru k vedlejsimu */

	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */ /* musi byt, aby fungovalo justify-content: end; */
	
	padding:40px;
	
	background: #fff;
 
}

.hp-form-adresa-child-right {

	flex: 1; /* 30%  asi mezi 25 a 50, aby byly 2 sloupce a dost mista na mezery mezi nimi */

	flex-grow: 1; /* velikost v pomeru k vedlejsimu */

	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */ /* musi byt, aby fungovalo justify-content: end; */
	
	
	flex-direction:column;
	justify-content: space-between; /* rozdeli deti nahoru a dolu, ty nesmi mit flex: 1;*/
	
	
	/*justify-content: end;*/ /* zarovani doprava */
	
	padding:40px;

	background: #FDB900;
	color: #fff;	
	
}



.hp-form-adresa-child-right-top {
	/*flex: 1;*/
	/*align-self:start;*/
	width: 100%;
}
.hp-form-adresa-child-right-bottom {
	/*flex: 1;*/
	float: left;
	/*align-self: end;*/
	width: 100%;
}




/* jinak se ve zlutem bloku delaly sloupce z casti adresy: */
.hp-form-adresa-child-right-top .hp-adresa {
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

.hp-form-adresa-child-right-top .hp-adresa h3 {
	color: #fff;	
}
.hp-form-adresa-child-right-top .hp-adresa h3.firma {
	color: #fff;	
	font-size: 1em;
	font-weight: 600;
}

.hp-form-adresa-child-right-top .hp-adresa p {
	color: #fff;	
	font-weight: 300;
	margin: 0 0 3px 0;
	padding: 0;
}
.hp-form-adresa-child-right-top .hp-adresa p a {
	color: #fff;	
}



.hp-form-adresa-child-right-bottom .tlacitko { background: #0A234F; color: #fff; border: 0; font-weight: 400; font-family: inherit; cursor: pointer; padding: 21px 56px; font-size: 1.1em; text-align: center; width: 100%; }
.hp-form-adresa-child-right-bottom .tlacitko:hover {background: #194084; color: #fff; border: 0; text-decoration: none;}

.hp-form-adresa-child-right-bottom a:hover {text-decoration: none;}








img.img-all-width {
	width: 100%;
}




div.kontakt-box {
	float: left;
	position: relative;
	width: 100%;
	background-color: #DDE4F1;
	
}
.kontakt-box-wrapper {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */

    -ms-flex-wrap: wrap;
     -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
	flex-wrap: wrap;

	gap: 15px; /* mezery mezi boxy */
}

.kontakt-box-wrapper .kontakt-box-left {
	display: flex;  /* musi byt kuli IE, jinak se obrazek scukne  (u  .kontakt-box-right naopak nesmi byt, protoze by se rozhodil text */
	width: 64%;
	width: calc(66% - 8px);
	
}
.kontakt-box-wrapper .kontakt-box-right {
	width: 30%;
	width: calc(30% - 8px);
	padding: 40px 20px 40px 40px;
	
}


.kontakt-box-wrapper .kontakt-box-left img {
	height: 100%;
	width: 100%;
	object-fit: cover; /* vyplneni obrazkem */
}

/* zal. klasicek, obr. se neprizpusobi: 
div.kontakt-box {
	float: left;
	position: relative;
	width: 100%;
	background-color: #DDE4F1;
	
}
div.kontakt-box-left {
	float: left;
	position: relative;
	width: 66%;
	
	
}
div.kontakt-box-right {
	float: left;
	position: relative;
	width: 34%;
	padding: 40px;
	
}
*/




.kontakt-box-wrapper .kontakt-box-right h2.firma {
	font-size: 1em;
	font-weight: 600;
	margin: 0 0 10px 0;
}

.kontakt-box-wrapper .kontakt-box-right p {
	font-weight: 300;
	margin: 0 0 3px 0;
	padding: 0;
}
.kontakt-box-wrapper .kontakt-box-right p a {
	color: #0A234F;	
}
.kontakt-box-wrapper .kontakt-box-right p.rejstrik {
	font-weight: 500;
}










.sluzba-reference div {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */ 

	-webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
	flex-wrap: wrap;

	padding-left: 0;
	gap: 26px; /* zal. 15 mezery mezi boxy */
}

.sluzba-reference div div { 
	
	/*flex: 31%;*/ /* IE */
 	/*flex: calc(33.33% - 18px);*/ /* zkousim misto dalsiho radu */
	flex: 0 0 31%;  /* IE */
	flex: 0 0 calc(33.33% - 18px);   /* 3 vedle sebe   gap * pocet mezer / pocet boxu:   26*2/3 = 17.33 >> 18 */  /* syntaxe: <'flex-grow'> <'flex-shrink'> <'flex-basis'> */
	/* <'flex-grow'> = jestli se roztahne na volne misto a pokud 2 a 1, 2 ma 2x vice prostoru */
	/* <'flex-shrink'> = jestli se muze zmensit */
	/* <'flex-basis'> = vychozi velikost prvku pred rozdelenim zbyvajiciho prostoru / v %, em atd. */
	
	/*flex: 0 0 calc(25% - 18px);*/ /* 4 vedle sebe   26*3/4 = 19.5 >> 20 */
	/*border: 1px solid yellow;*/
	  
	height: 400px;
	overflow: hidden; /* pro vyplneni obrazkem */
}

.sluzba-reference div div a {
	height: 100%;
	width: 100%;
}
.sluzba-reference div div a img {
	height: 100%;
	width: 100%;
	object-fit: cover; /* vyplneni obrazkem */
}
















div.realizace h2 {
	font-size: 1.7em;
	margin: 0 0 20px 0;
}




div.realizace div.realizace-obrazkove div {
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */ 

	-webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
	flex-wrap: wrap;

	padding-left: 0;
	gap: 26px; /* zal. 15 mezery mezi boxy */
}

div.realizace div.realizace-obrazkove div div { /* = 1 box */
	
	/*flex: 31%;*/ /* IE */
 	/*flex: calc(33.33% - 18px);*/ /* zkousim misto dalsiho radu */
	flex: 0 0 31%;  /* IE */
	flex: 0 0 calc(33.33% - 18px);   /* 3 vedle sebe   gap * pocet mezer / pocet boxu:   26*2/3 = 17.33 >> 18 */  /* syntaxe: <'flex-grow'> <'flex-shrink'> <'flex-basis'> */
	/* <'flex-grow'> = jestli se roztahne na volne misto a pokud 2 a 1, 2 ma 2x vice prostoru */
	/* <'flex-shrink'> = jestli se muze zmensit */
	/* <'flex-basis'> = vychozi velikost prvku pred rozdelenim zbyvajiciho prostoru / v %, em atd. */
	
	/*flex: 0 0 calc(25% - 18px);*/ /* 4 vedle sebe   26*3/4 = 19.5 >> 20 */
	/*border: 1px solid yellow;*/
	  
	height: 510px; /* s popisem pod obr. */
	overflow: hidden; /* pro vyplneni obrazkem */
}

div.realizace div.realizace-obrazkove div div a { /* = odkaz pres cely box */
	height: 100%;
	width: 100%;
	text-decoration: none;
}
div.realizace div.realizace-obrazkove div div a div.obr {
	height: 400px;
}
div.realizace div.realizace-obrazkove div div a div.popis {
	height: 110px;
	display: block; /* jinak odskocene h2 a p v nem */
	position: relative;
}

div.realizace div.realizace-obrazkove div div a div.obr img {
	height: 100%;
	width: 100%;
	object-fit: cover; /* vyplneni obrazkem */
}
div.realizace div.realizace-obrazkove div div a div.popis h2 {
	font-size: 1em;
	color: #0A234F;
	margin: 15px 0 10px 0;
	padding: 0;
	line-height: 1.4;
}
div.realizace div.realizace-obrazkove div div a div.popis p {
	font-size: 0.85em;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	
	/*2 radky popisu a ..., ale v polovine slova
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;*/
	
	
}




div.realizace div.realizace-textove h2 {
	font-size: 1.7em;
	margin: 0 0 20px 0;
}

div.realizace div.realizace-textove p {
	margin: 0 0 15px 0;
	line-height: 1.5;
}





div.realizace-detail img.realizace-detail-top {
	width: 100%;
	margin: 15px 0 20px 0;
}

div.realizace-detail p.realizace-zatrideni {
	font-size: 1em;
	font-weight: 500;
	line-height: 1.8;
	margin: 0 0 45px 0;
}




/* technika atd. */
img.img-top {
	width: 100%;
	margin: 15px 0 20px 0;
}






div.certifikaty a.certifikat-seznam {
	float: left;
	position: relative;
	display: inline-block;
	text-align: center;
	max-width: 100%;
	margin: 0 0 10px 0;
	
}


div.certifikaty a.certifikat-seznam img {
	max-width: 100%;
	border: 1px solid #d0d0ce;
}



.obsah-obr { /* vzdy, .obsah je jen od urcite sirky */
	padding:0 10px 0 0;
}













/* form v kontaktech */




div.dForm { 
	text-align: left;
	width: 100%;
}






div#form-boxy {
	width:100%;
}

div#form-boxy-in {
	margin: 0 auto;
	position: relative;
	width: 100%;
	white-space: nowrap;
}
	
div.form-boxy-box {
	/*float:left; semi byt - sice rozprostrelo presne na 100%, ale nesly v tom klikaci odkazy, ani v pridanych childech */
	display: inline-block;
	width: 50%;
	white-space: normal;
}







div.dForm input.i-1-2 { 
	width: 100%;
	/*display:inline-block;*/
	margin: 0 0 6px 0;
	font-family: inherit;
    font-size: 0.9em;	
	padding: 16px;
	color: #71819F;
	background: #fff;
	border: 1px solid #DDE4F1; /* musi byt, jinak je dvojity border */
	outline-color:#71819F; /* border pro onfocus */
}
div.dForm input.i-1-2.left { 
	width: calc(100% - 9px);
	margin: 0 9px 18px 0;
}
div.dForm input.i-1-2.right { 
	width: calc(100% - 9px);
	margin: 0 0 18px 9px;
}

div.dForm textarea.t-full { 
	width: 100%;
	height: 200px;
	margin: 0;
	font-family: inherit;
    font-size: 0.9em;	
    padding: 20px;
	color: #71819F;
	background: #fff;
	border-color: #DDE4F1; /* musi byt, jinak je dvojity border */
	outline-color:#71819F; /* border pro onfocus */
}



div.dForm ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #71819F;
  opacity: 1; /* Firefox */
}

div.dForm :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #71819F;
}

div.dForm ::-ms-input-placeholder { /* Microsoft Edge */
  color: #71819F;
}




div.dFormErr { 
	background-color: #cc0000;
	border: 1px solid #AD3122;
	padding: 15px 20px;	
	
}


div.dForm div.outer-recaptcha
{
     /*text-align: center;*/
}
div.dForm div.g-recaptcha
{
     display: inline-block;
	 padding: 5px 0;
}



/*chybovky v PHP formulari:*/
p.pErr {color: #fff; font-weight: bold; font-size: 1.1em; line-height: 1.5;}
/*hlasky o odeslani/neodeslani v PHP formulari:*/
p.pHlasky {color: #db001b; font-weight: bold; font-size: 1.1em; line-height: 1.5;}


input.tlacitko { background: #0A234F; color: #fff; border: 0; font-weight: 400; font-family: inherit; cursor: pointer; padding: 21px 56px; font-size: 1.1em; text-align: left; }
input.tlacitko:hover {background: #FDB900; color: #fff; border: 0;}
input.tlacitko:focus{outline: none;}





div.dForm div.element-checkbox  {
	clear: both;
	float: none;
	position: relative;
}
div.dForm div.element-checkbox input {
	left: 0px;
	position: absolute;
	top: 1px;
}
div.dForm div.element-checkbox label {
	display: block;
	margin-left: 25px;
	font-size: 0.9em;

}


div.divGDPRaTlacitko {
	float: left;
	position: relative;
	width: 100%;
	
}
div.divGDPRaTlacitkoLeft {
	float: left;
	position: relative;
	width: 60%;
	
}
div.divGDPRaTlacitkoRight {
	float: left;
	position: relative;
	text-align: right;
	width: 40%;
	
}



p.pGDPR {
	font-size: 1em;
	line-height: 1.4;
	padding: 0;
	margin: 20px 0 0 0;
	color: #0A234F;
}



/* k: form v kontaktech */



div#tisk-top {display: none;} /* jen pro tisk */
div#tisk-bottom {display: none;} /* jen pro tisk */


div#mob-top {  /* jen pro mobily */
	display: none;
}
div#contain {  /* jen pro mobily */
	display: none;
}
nav#mob-menu {  /* jen pro mobily */
	display: none;
}



div#nahoru-abs {  
	position: fixed;
	margin: 0;
	padding: 0;
	bottom: 130px;
	right: 10px;
	display: none;
	z-index: 10000;
}





/* COOKIES INFO: */


div#cookieInfo {
	display: none; /* a pripadne zviditelnit JQuery, protoze v mobilech odsouhlasene na chvilicku probliklo, nez se JQuery zpracovalo */
	position:fixed;
	bottom:0px;
	left:0px;
	width: 100%;
	/*height:100px;*/
	color: #fff;
	background-color:rgba(253, 185, 0, 0.9);
	padding: 0;
	z-index: 55555;
}
div#cookieInfoIn {
	margin: 10px 15px 8px 15px;
}
div#cookieInfo p {
	color: #fff;
	margin: 5px;
	font-size: 0.9em;
}
div#cookieInfo a {
	color: #fff;
	text-decoration: underline;
	font-size: 1em;
}
div#cookieInfo a:hover {
	color: #0A234F;
	text-decoration: underline;
}

div#cookieInfo a#cookieBtnRozumim {
	float: right; background-color: #0A234F; color: #fff; border: 0; font-weight: 600; cursor: hand; padding: 5px 10px; margin: 0 0 8px 20px; font-size: 1em; text-decoration: none;
}
div#cookieInfo a#cookieBtnRozumim:hover {
	background-color: #eb0b0b; color: #fff; border: 0;
}


	
/* k: COOKIES INFO */