@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

.region--taby {z-index: 35;}




.region--footer,
.ma-flex {
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	position: relative;
} 


.field--name-field-ikony-s-popiskem  {
	display: flex;

	flex-direction: row;

	flex-wrap: nowrap;

	justify-content: space-between;

	align-content: center;

	align-items: flex-start;
	position: relative;
	margin-bottom: 40px;
} 

.field--name-field-ikony-s-popiskem .item-title {display: none;}
.field--name-field-ikony-s-popiskem > .field--item {
	flex: 1 20%;
	max-width: 16%;
	text-align: center;
	color: #4d4d4d;
	position: relative;
}
.field--name-field-ikony-s-popiskem > .field--item:after  {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	border-top: 2px solid #9a9a9a;
	border-right: 2px solid #9a9a9a;
	position: absolute;
	top: 40px;
	left: -43px;
}
.field--name-field-ikony-s-popiskem > .field--item:first-child:after  {
	display: none;
}

.field--name-field-popis-ikony  {
	max-width: 180px;
	margin: 0 auto;
	font-size: 19px;
}

.field--name-field-ikony-s-popiskem > .field--item img {
	margin: 10px auto;
	max-width: 80px;
}

body {
	font-family: 'Open Sans', sans-serif;
}

#block-tpp-branding   {
	max-width: 220px;
}

.container.container--paragraph {
	width: 100%;max-width: 100%;margin: 0;
}

.img85p img {
	max-width: 85%;
}

.page-wrapper {
	font-size: 18px;
	font-weight: 400;
}

.page-wrapper li {
	font-weight: 400;
	padding-bottom: 5px;
	padding-top: 5px;
	position: relative;
	list-style-type: none;
}

li:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 13px;
	left: -24px;
}

.container--node-body .field--name-body li:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	border-top: 2px solid #1d2b77;
	border-right: 2px solid #1d2b77;
	position: absolute;
	top: 13px;
	left: -24px;
}


li.menu__item:after {
	display: none;
}

.menu__item--main {
	min-width: auto;
}

.vypis-galerii,
.container {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	z-index: 8;
	position: relative;
}

.vypis-galerii .views-row {
	margin: 20px 0;

}
.vypis-galerii .views-row h2 {
	font-size: 26px;
	font-style: normal;
	margin-bottom: 5px;
	margin-top: 0;
	color: #000;
}

.vypis-galerii .views-row h2 .sub-h2 {
	font-size: 70%;
	opacity: 60%;
}


.vypis-galerii .views-row a,
.vypis-galerii .views-row a:hover {
	text-decoration: none;
	color: #000; 
}

.vypis-galerii nav {
	display:  block;
	text-align: center;
	margin-top: 20px;
}

.vypis-galerii nav li {
	display:  inline-block;
	text-align: center;
	margin:0 5px;
	padding: 12px;
	background: #3d8cc7;
	min-width: 50px;
	color: #fff;
	position: relative;
}

.vypis-galerii nav li:after {
	display: none;
}

.vypis-galerii nav li a {
	display:  inline-block; 
	color: #fff; 
}

.menu-praci {
	display: flex;
	width: 100%;
	padding: 0;
	margin: calc(1% - 2px);
	flex-wrap: wrap;
} 

.menu-praci li {
	flex : 1;
	display: block;
	padding: 0;
	margin: 2px;
} 

.menu-praci li:after {
	display: none;
} 

.menu-praci li a {
	display: block;
	padding: 12px;
	text-align: center;
	text-decoration: none;
	background: #308cc9;
	color: #fff;
	border-radius: 2px;
}

.menu-praci li.li-active a {
	background: #274684;
}

.menu-praci li a.btn:after {
	top: 19px;  
}



.brand--nav {
    -webkit-flex: 1 1 230px;
    -moz-flex: 1 1 230px;
    -ms-flex: 1 1 230px;
    flex: 1 1 230px;
   
}

.nav {
    
    max-width: calc(100% - 230px);
   
}


.paragraph--zebra-pruh
{

	padding: 150px 0; 
	overflow: hidden;
	position: relative;
}

.galerie-flex {
	display: flex;	flex-wrap: wrap;
}

.galerie-flex .galerie-flex--img,
.sloupce-kontakt .paragraph__inner--two-columns .paragraph__content--flex-container > .paragraph__content--flex-item-two:first-child {
	-webkit-flex: 1 1 30%;
	-moz-flex: 1 1 30%;
	-ms-flex: 1 1 30%;
	flex: 1 1 30%;
	-webkit-align-self: auto;
	align-self: auto;
	-webkit-order: 0;
	-moz-order: 0;
	order: 0;
	max-width: 28%;
	margin: 1%;
}
.galerie-flex .galerie-flex--text,
.sloupce-kontakt .paragraph__inner--two-columns .paragraph__content--flex-container > .paragraph__content--flex-item-two:last-child {
	-webkit-flex: 1 1 70%;
	-moz-flex: 1 1 70%;
	-ms-flex: 1 1 70%;
	flex: 1 1 70%;
	-webkit-align-self: auto;
	align-self: auto;
	-webkit-order: 0;
	-moz-order: 0;
	order: 0;
	max-width: 68%;
	margin: 1%;
}

.sloupce-kontakt textarea,
.sloupce-kontakt input[type="text"],
.sloupce-kontakt input[type="email"],
.sloupce-kontakt input[type="mail"],
.sloupce-kontakt .form-item-telefon input[type="tel"] {
	width: 100%;
	padding-top: 15px ;
	padding-bottom: 15px ;
	font-size: 18px;
}

.sloupce-kontakt .webform-actions {
	text-align: center;
}

.form-item-souhlas-se-zpracovanim-osobnich-udaju {
	font-size: 13px;
} 

.paragraph--zebra-pruh.dark,
.full-blue-header,
.full-half-blue,
.full-blue {
	background-color: #308cc9;
	color: #fff;
	padding: 150px 0; 
	overflow: hidden;
	position: relative;
}

.paragraph--zebra-pruh li:after  ,
.full-white  li:after {
	border-top: 2px solid #d72d2d;
	border-right: 2px solid #d72d2d;
}
.full-white tr,
.full-blue tr {}
.full-white tr:nth-child(even) {background: transparent!important;}
.full-white tr:nth-child(odd) {background: #ececec!important;}

.full-blue tr:nth-child(odd) {background-color: #244f96;}
.full-blue tr:nth-child(even) {background:transparent!important;}

.full-blue {
	background-color: #393d9b;
	background-image: url('../images/blue.png');
	background-repeat: repeat-y;
	background-position: 100% 100%;
}

.full-half-blue {
	background-image: url('../images/blue.png');
	background-repeat: repeat-y;
	background-position:  700px 15%;
}

.full-white {
	padding: 20px 0;
	background: #fff;
}

.full-blue-header:after  {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-width: 0 0 600px 10000px;
	border-style: solid;
	border-bottom-color: #fff;
	border-top: 0;
	border-right: 0;
	margin-left: 0;
	margin-top: 0;
	z-index: 4;
}


.paragraph--zebra-pruh:after,
.full-half-blue:after,
.full-blue:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-width:  600px 10000px 600px 10000px;
	border-style: solid;
	border-bottom-color: #fff;
	border-top: 0;
	border-left: 0;
	margin-left: 0;
	margin-top: 0;
	z-index: 4;
}

.paragraph--zebra-pruh:before,
.full-blue-header:before ,
.full-half-blue:before ,
.full-blue:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-width: 600px 10000px 0 0;
	border-style: solid;
	border-top-color: #fff;
	border-bottom: 0;
	border-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	z-index: 4;
}

#navbar {
	position: fixed;
	top: 42px;
	z-index: 199;
	left: 0;
	display: block;
	width: 100%;
	height: 190px;
	transition: top 20ms ease;
}

#navbar.kalkulace {
	top: 70px;
}

  a svg {
	display: none;
}

/*
.toolbar-horizontal #navbar.kalkulace {
	top: 136px;
}
*/
#navbar-decor {

	position: fixed;
	top: 42px;
	right: 0;
	height: 190px;
	width: 100%;
	overflow: hidden;

}

#navbar-decor:before {
	content: '';
	position: absolute;
	top: 0;
	right: -1200px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-width: 600px 10000px 0 0;
	border-style: solid;
	border-top-color: #fff;
	border-bottom: 0;
	border-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	z-index: 4;
}

.toolbar-horizontal #navbar-decor:before {
	content: '';
	position: absolute;
	top: 74px;
	right: -1500px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-width: 600px 10000px 0 0;
	border-style: solid;
	border-top-color: #fff;
	border-bottom: 0;
	border-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	z-index: 4;
}

.toolbar-horizontal #navbar {
	top: 80px;	
}

.toolbar-horizontal #navbar {top: 136px;}
.toolbar-horizontal #navbar-decor {

	height: 313px;

}

.menu__link--main {
	color: #000;
	height: 60px;
	line-height: 60px;
	padding: 0 8px;
	width: 100%;
	display: table;
	text-align: center;
	text-decoration: none;
}


.region--footer > * {
	flex: 1 50% ;
	max-width: 50%;
	padding: 15px;
}

.region--footer a {
	text-decoration: none;
	color: #fff;

}

.full-blue-header {background: #4175c4;}
.full-blue-header .bg-1, .full-blue-header .bg-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	bottom: 0;
	z-index: 1;
	background-size: contain;
	/* background: #c0e1e8; */
	background-position: 100% 0;
	background-repeat: no-repeat;
}

.full-blue-header .bg-2 {
	background-image: url('../images/blue-top.png');
	z-index: 2;
	background-size: auto 100%;
	width: 70%;
}

.field--name-field-body-v-hlavicce .field--item {
	font-size: 32px;
	padding-right: 40px;
	padding-bottom: 8px;
	font-style: italic;
	position: relative;
	display: inline-block;
	min-width: 250px;
}

.field--name-field-body-v-hlavicce .field--item:after {
	content: '';
	display: block;
	width: 15px;
	height: 30px;
	transform: rotate(45deg);
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 2px;
	right: 0;
}

.btn:after {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 24px;
	left: 14px;
}

.btn {
	display: inline-block;
	position: relative;
	width: auto;
	padding: 18px 18px 18px 40px;
	text-decoration: none;
	background: #162b78;
	color: #fff;
	margin: 0 10px 10px 0;
	font-size: 18px;
}

.btn--red {
	background: #d72d2d;
	color: #fff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.btn:before {
	content: '';
	display: block;


	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;

	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;

	opacity: 1;

	-webkit-box-shadow: inset 0px 0px 0px 100px rgba(255,255,255,0);
	-moz-box-shadow: inset 0px 0px 0px 100px rgba(255,255,255,0);
	box-shadow: inset 0px 0px 0px 100px rgba(255,255,255,0);

}
.btn:hover:before {

	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	-webkit-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.6);
	-moz-box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.6);
	box-shadow: inset 0px 0px 0px 10px rgba(255,255,255,0.6);


	opacity: 0;



}

.btn.btn--red:hover {

	background:#e01111;
}

.field--name-field-sekce-sluzby h3 {
	margin-top: 0;
	padding: 0 0 0 10px;
}

.field--name-field-sekce-sluzby p {
	padding-left: 10px;
}

#block-tpp-page-title {
	overflow: hidden;
	display: block;
	width: 1px;
	height: 1px;
	text-indent: -50000px;
}

.field--name-field-sekce-sluzby .paragraph__content--flex-container > .paragraph__content--flex-item-two {
	padding: 15px 15px 25px 15px;
}

h3 {
	font-size: 30px;
}

h2 {
	color: #d72d2d;
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 37px;
	font-style: italic;
}
.full-half-blue h2,
.full-blue h2 {
	color: #fff;
}


#block-kontaktvhlavicce {
	width: 210px;
	position: absolute;
	top: 0;
	right: 0;
	background: #d72d2d;
	color: #fff;
	font-size: 20px;
	padding: 0px;


	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.container.container--header {
	z-index: 200;
}

#block-kontaktvhlavicce-2 {
	width: 170px;

	top: 0;
	right: 70px;
	background: #d72d2d;
	color: #fff;
	font-size: 16px;
	padding: 0px;
	z-index: 50;
	position: fixed;


	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}



#block-kontaktvhlavicce:hover {

	padding: 12px 0px 0px 0px;
}


.paragraph--zebra-pruh {
	-webkit-background-size: cover;
	background-size: cover;
}
#block-kontaktvhlavicce-2 a,
#block-kontaktvhlavicce a{
	text-decoration: none;
	color: #fff;
}

body {padding-top: 0px;}

#content {padding-top:180px!important;}


.google-recenze {
	clear: both;
	display: block;
	position: relative;
	padding: 0 10px;
}

.paragraph__inner--galerie {
	position: relative;	
}
.paragraph__inner--galerie:after {
	clear: both;
	display: block;
	position: relative;
	content: "";
}


.path-frontpage #content {padding-top:120px!important;}

.menu--main {
	padding-right: 10px;
	padding-left: 10px;
	float: left;
	margin-top: 20px;
}

.paragraph--question {
	margin: 15px 0;
	background: #f7f7f7;
	padding: 8px 25px;
}

.field--name-field-odpoved {
	margin-top: 20px;
	padding-top: 5px;
	border-top:1px solid #d72d2d;
}


#block-kontaktvhlavicce .field--name-field-telefon  {

	padding: 20px 20px 0px 20px;
}

#block-kontaktvhlavicce .field--name-field-odkaz a  {

	padding: 0px 20px 5px 20px;
	display: block;
	position: relative;
}
#block-kontaktvhlavicce-2 .field--name-field-telefon  {

	padding: 15px 15px 0px 15px;
}
#block-kontaktvhlavicce-2 .field--name-field-odkaz a    {

	padding: 0px 15px 5px 15px;
	display: block;
	position: relative;
}

#block-kontaktvhlavicce-2 .field--name-field-odkaz .item-title  ,
#block-kontaktvhlavicce .field--name-field-odkaz .item-title  {

	padding: 0;
	height: 15px;
	width: 100%;

	position: absolute;
	bottom: -15px;
	left: 0;
	display: block;
	overflow: hidden;
	position: relative;
}
#block-kontaktvhlavicce-2 .field--name-field-odkaz .item-title:before  ,
#block-kontaktvhlavicce .field--name-field-odkaz .item-title:before  {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-width: 600px 10000px 0 0;
	border-style: solid;
	border-top-color: #d72d2d;
	border-bottom: 0;
	border-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	z-index: 4;
}


#block-kontaktvhlavicce-2 .field--name-field-telefon:after,
#block-kontaktvhlavicce .field--name-field-telefon:after {
	content: 'nebo';
	display: block;
	font-size: 13px;
	text-align: center;

}  

#block-kontaktvhlavicce-2 .field--name-field-odkaz a:after,
#block-kontaktvhlavicce .field--name-field-odkaz a:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	transform: rotate(135deg);
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -8px;
}

#block-kontakt .field {
	clear: both;
	display: block;
	padding: 0px 0 12px 0;
}

.kontakty-text .field--name-field-telefon .field--item,
.kontakty-text .field--name-field-email .field--item,
#block-kontakt .field--name-field-telefon .field--item,
#block-kontakt .field--name-field-email .field--item{
	float: left; padding: 10px 0 10px 15px;
}

.kontakty-text .field--name-field-telefon .field--label,
#block-kontakt .field--name-field-telefon .field--label {
	background: url('../images/malovani-telefon.svg') 50% 50% no-repeat;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
	text-indent: -999999px;
	overflow: hidden;
	width:50px ;
	height: 50px;
	float: left;

}

.kontakty-text .field--name-field-email .field--label,
#block-kontakt .field--name-field-email .field--label {
	background: url('../images/malovani-mail.svg') 50% 50% no-repeat;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
	text-indent: -999999px;
	overflow: hidden;
	width:50px ;
	height: 50px;
	float: left;

}

.address,
.kontakty-text > div {
	clear: both;
	display: block;
	padding: 0px 0 12px 0;
}
.address {
	padding-top: 10px;
}

.kontakty-text .field--name-field-telefon .field--label {
	background: url('../images/malovani-telefon-b.svg') 50% 50% no-repeat;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
}

.kontakty-text .field--name-field-email .field--label {
	background: url('../images/malovani-mail-b.svg') 50% 50% no-repeat;
	-webkit-background-size: 60% auto;
	background-size: 60% auto;
}

#block-tpp-branding a {
	padding-top: 13px;
	display: block;
}

@media (max-width: 1300px) {
	.full-blue-header .bg-1, 
	.full-blue-header .bg-2 {
		background-size: cover; 
	}
}

#block-rychlakalkulace {
	display: block;
	position: fixed;
	top: 0;
	left: 0px;
	width: 100%;
	background:#d72d2d;
	border-bottom: 2px solid #fff;
	text-align: center;
}

#block-rychlakalkulace p {
	margin: 0;
}

#block-rychlakalkulace .field--name-body ul {
	margin:   0;	
	padding: 0;	
}

#block-rychlakalkulace .field--name-body li {
	display: block;
	float: left;
	color: 	#fff;
}

#block-rychlakalkulace .field--name-body li a{

	margin-right: 	8px;
	margin-left: 	6px;
	line-height: 	32px;
	padding-top: 	7px;	 
	height: 	32px;
	display: block;
	float: left;
}

#block-rychlakalkulace .field--name-body li.likalkulace {
	float: right;	
	padding: 0;	
	margin: 0;	

}	
#block-rychlakalkulace .field--name-body li.likalkulace a  {
	height: 42px;
	line-height: 42px;
	padding: 0 18px 0 42px;
	margin: 0;	
	background: #bd1b1b;
}
#block-rychlakalkulace .field--name-body li.likalkulace a:after  {


	content: '';
	position: absolute;
	display: block;
	width: 0;
	z-index: 1;
	border-style: solid;
	border-color: transparent #d72d2d;
	border-width: 23px 0 23px 23px;
	top: 50%;
	left: 0px;
	margin-top: -24px;

}

#block-rychlakalkulace .field--name-body li:after {
	display: none;	
}

#block-rychlakalkulace .field--name-body li.litelefon {

	margin-right: 12px;
	margin-left: 6px;
	line-height: 32px;
	padding-top: 7px;
	padding-left: 30px;	 
	display: block;
	height: 32px;
	position: relative;	
}
#block-rychlakalkulace .field--name-body li.litelefon:after {
	background: url(../images/malovani-telefon.svg) 0% 50% no-repeat;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	position: absolute;	
	top: 4px;	
	left: 2px;	
	content: "";
	display: block;
	height: 32px;
	width: 24px;
	transform: rotate(0deg);
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;

}

#block-rychlakalkulace .field--name-body li.limail   {
	margin-right: 12px;
}

#block-rychlakalkulace .field--name-body li.limail a {
	background: url(../images/malovani-mail.svg) 0% 50% no-repeat;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	padding: 0 0 0 30px; 
}

#block-rychlakalkulace .field--name-body li.liinsta a {
	background: url(../images/inst.svg) 0% 50% no-repeat;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	text-indent: 	-99999px;
	overflow: hidden;	
	width: 24px;
	height: 32px; 
}

#block-rychlakalkulace .field--name-body li.lifb a {
	background: url(../images/fb.svg) 0% 50% no-repeat;
	-webkit-background-size: 24px auto;
	background-size: 24px auto;
	text-indent: 	-99999px;
	overflow: hidden;	
	width: 24px;
	height: 32px; 
}

#block-rychlakalkulace .field--name-body ul:after {
	display: block;
	position: relative;
	clear: both;
	content: "";
}

#block-rychlakalkulace a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding: 0;
}

#block-rychlakalkulace .contextual-links a {
	color: #000;

}

.toolbar-tray-open #block-rychlakalkulace {
	top: 79px;
}

#block-kontaktvhlavicce-2 {display: none;}


.field--name-field-obrazek-v-galerii {
	display: block;
	clear: both;
	position: relative;
	content: "";
}

.field--name-field-obrazek-v-galerii .field--item {
	float: left;width: 23%;
	margin: 1%;
}

.toolbar-horizontal.user-logged-in #block-kontaktvhlavicce  {display: none;	}

.webform-submission-form  .edit-processed-text {    padding: 0 0 0 0;}

@media (max-width: 1250px) {
	.menu__link--main {

		font-size: 15px;

	}
}
.webform-submission-form h3,
#kontaktni-formular {
display: none;
}


@media (max-width: 1150px) {

#kontaktni-formular {
	position: absolute;
	top: -120px;
	display: block
}

	#block-kontaktvhlavicce {display: none;}
	#block-kontaktvhlavicce-2 {display: none;}
	.icon--burger {
		top: 14px;
		right: -2px;
	}

	.menu--main {

	}

	.menu--main:after {
		clear: both;
		content: '';
		position: relative;
		display: block;
	}

	.navbar--main .nav .menu--main > li {
		float: left;
	}

	.menu__item--main {
		-webkit-flex: auto;
		-moz-flex: auto;
		-ms-flex: auto;
		flex: auto;
		display: block;
		width: 100%!important;
	}

	.navbar--main .nav .nav-inner > .region {
		overflow: hidden;
		height: 0;
	}

	.navbar--main.navbar--opened  .nav .nav-inner {overflow: visible;}
	.navbar--main.navbar--opened  .nav .nav-inner > .region {
		overflow: scroll;
		height: auto;
	}

	.navbar--main .nav .menu--main {
		flex:none;overflow: visible;}
	}


	@media (max-width: 992px) {

		.menu-praci li {
			flex : 1 49%;
			max-width: 49%;
			margin: 2px;
		} 



		#block-rychlakalkulace {
			font-size: 15px;
		}



		.field--name-field-obrazek-v-galerii .field--item {
			float: left;width: 31.333334%;
			margin: 1%;
		}


		.paragraph__content--flex-container > .paragraph__content--flex-item-three {
			-webkit-flex: 1 1 55%;
			-moz-flex: 1 1 55%;
			-ms-flex: 1 1 55%;
			flex: 1 1 55%;
			max-width: 48%;
		}


		.paragraph--zebra-pruh.dark,
		.paragraph--zebra-pruh,
		.full-blue-header,
		.full-half-blue,
		.full-blue {

			padding:100px 0; 

		}
		#block-tpp-branding {
			max-width: 210px;
		}


		h2 {

			font-size: 30px;

		}

	}

	.nadpis-v-obrazku {
		display: none;
	}

	.paragraph__content--image-banner a {
		z-index: 6;
	}

	@media (max-width: 768px) {

.webform-submission-form h3 {display: block;
}
		#block-rychlakalkulace {
			font-size: 13px;
		}



		.mobil-hide {
			display: none;
		}

		.nadpis-v-obrazku {
			display: block;
			position: absolute;
			top: 50%;
			margin-top: -10px;
			text-align: center;
			width: 100%;
			font-size: 25px;
			font-weight: bold;
			z-index: 5;
		}

		.img85p img {
			max-width: 100%;
			width: 100%;
		}
		.field--name-field-image-2 {
			position: relative;
		}
		.field--name-field-image-2:after {
			content: '';
			background-color: rgba(22, 43, 120, 0.75);
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;    z-index:4;
		}


		.sloupce-kontakt .paragraph__inner--two-columns .paragraph__content--flex-container > .paragraph__content--flex-item-two:first-child {
			-webkit-flex: 1 1 98%;
			-moz-flex: 1 1 98%;
			-ms-flex: 1 1 98%;
			flex: 1 1 98%;

			max-width: 98%;
			margin: 1%;
		}

		.sloupce-kontakt .paragraph__inner--two-columns .paragraph__content--flex-container > .paragraph__content--flex-item-two:last-child {
			-webkit-flex: 1 1 98%;
			-moz-flex: 1 1 98%;
			-ms-flex: 1 1 98%;
			flex: 1 1 98%;

			max-width: 98%;
			margin: 1%;
		}


		.region--footer > * {
			flex: 1 98%;
			max-width: 98%;
			margin: 1%;

		}


		.field--name-field-ikony-s-popiskem > .field--item:after {
			content: '';
			display: block;
			width: 10px;
			height: 10px;
			transform: rotate(45deg);
			border-top: 1px solid #9a9a9a;
			border-right: 1px solid #9a9a9a;
			position: absolute;
			top: 33px;
			left: -13px;
		}


		.field--name-field-ikony-s-popiskem > .field--item img {
			max-width: 40px;
		}


		.field--name-field-popis-ikony {

			font-size: 10px;
		}

		.full-blue-header .bg-2 {

			background:rgba(22, 43, 120, 0.75);
			width: 100%;

		}


		.full-blue-header .bg-1 {

			background-position: center;

		}



		#block-tpp-branding {
			max-width: 150px;
		}

		.paragraph--zebra-pruh.dark,
		.paragraph--zebra-pruh,
		.full-blue-header,
		.full-half-blue,
		.full-blue {

			padding:50px 0; 

		}

		.page-wrapper {
			font-size: 16px;

		}
	}

	#block-kontaktvhlavicce-3 {display: none;}




 


	@media (max-width: 675px) {



		.vypis-galerii .views-row h2 {
			font-size: 18px;

		}

		.galerie-flex .galerie-flex--text,
		.galerie-flex .galerie-flex--img {
			flex : 1 98%;
			max-width: 98%;
			margin: 10px 2px;
		} 



		#navbar-decor,
		#navbar {

			top: 0px;

		}



		#block-rychlakalkulace {display: none;}

		#block-kontaktvhlavicce-3 {
			display: block;
			position: fixed;
			bottom: 0;
			left: 0;
			width: 100%;
			z-index: 50;
			background: #d72d2d;
			padding: 10px
		}


		#block-kontaktvhlavicce-3 .field a,
		#block-kontaktvhlavicce-3 .field a:hover {
			color: #fff;text-decoration: none;
		}
		#block-kontaktvhlavicce-3:after {
			clear: both;
			display: block;
			position: relative;
			content: "";
		}

		#block-kontaktvhlavicce-3 .field--name-field-odkaz a {
			display: inline-block;
			padding: 10px;border: 1px solid #fff;background: 	#bf1f1f;
		}
		#block-kontaktvhlavicce-3 .field--name-field-telefon a {
			display: inline-block;
			padding: 10px;
		}
		#block-kontaktvhlavicce-3 .field--name-field-odkaz {float: right;
		}
		#block-kontaktvhlavicce-3 .field--name-field-telefon {float: left;
		}


		#block-kontaktvhlavicce-2 {display: none;}
/*	#block-kontaktvhlavicce-2 {
    width: 125px;
    top: 0;
    right: 64px;
 
    font-size: 11px;
    
}*/


}	
@media (max-width: 600px) {

	.menu-praci li {
		flex: 1 98%;
		max-width: 98%;
		margin: 2px;
	}

	.field--name-field-obrazek-v-galerii .field--item {
		float: left;width: 48%;
		margin: 1%;
	}


	.paragraph__content--flex-container > .paragraph__content--flex-item-three {
		-webkit-flex: 1 1 98%;
		-moz-flex: 1 1 98%;
		-ms-flex: 1 1 98%;
		flex: 1 1 98%;
		max-width: 98%;
	}



	h2 {

		font-size: 25px;

	}



	.page-wrapper {
		font-size: 15px;

	}



	table {
		display: block;
		width: 100%;
		font-size: 14px;


	}


}


@media (max-width: 420px) {
	.field--name-field-obrazek-v-galerii .field--item {
		float: left;width: 48%;
		margin: 1%;
	}
}



#block-kontakt .field--name-field-adresa{
	padding: 5px 0 0 10px;
}
#block-kontakt .field--name-field-adresa a{
	text-decoration: underline;
}
#block-kontakt .field--name-field-adresa a:hover{
	text-decoration: none;
}