@import "print.css";

:root{

	--h1:55px;
	--h2:38px;
	--h3:22px;
	--h4:20px;
	--menu:18px;
	--textbig: 20px;
	--text: 18px;
	--button: 15px;

	--buttonpadding: 15px 30px ;
	--gap: 90px;
	--gapminus: -90px;
	--gapsmall: 45px;
	--gapsmallminus: -45px;
	--maxcenter: 1700px;
	--smallmaxcenter:1400px;
	--supersmallmaxcenter:900px;
  	--gapsmaller: 22.5px;
  	--gapsmallerminus: -22.5px;

}

@media all and (max-width: 1400px) {


:root{

	--h1:48px;
	--h2:38px;
	--h3:22px;
	--h4:20px;
	--textbig: 20px;

	--menu:17px;
	--text: 17px;
	--button: 15px;

	--buttonpadding: 15px 20px ;

	--gap: 80px;
	--gapminus: -80px;
	--gapsmall: 40px;
	--gapsmallminus: -40px;
  	--gapsmaller: 20px;
  	--gapsmallerminus: -20px;

}


}



@media all and (max-width: 720px) {
 
:root{
    --h1: 32px;
    --h2: 25px;
    --h3: 18px;
--h4:18px;

    --menu: 20px;
    --button: 14px;

		--textbig: 18px;
		--text: 16px;
		--buttonpadding: 13px 20px ;
		--gap: 60px;
		--gapminus: -60px;
		--gapsmall: 30px;
		--gapsmallminus: -30px;
  	--gapsmaller: 15px;
  	--gapsmallerminus: -15px;

	}

}



body{
margin:0px;
padding:0px;
font-weight: 400;
font-family: 'Inter',Arial,Helvetica,"Nimbus Sans L",sans-serif;
font-size: var(--text);
line-height: 1.5em;
color: #fff;
background: #161616;
min-width:1200px;
}

@media all and (max-width: 720px) {

body{
min-width:0px;
  font-size: var(--text);   
}

}
 
.layout-container{
background: #161616;
    margin: 0;
  position: relative;


}


.region-content{
  width: 100%;padding:0px 0px 0px;
}

.path-frontpage .region-content{
  padding-bottom:0px;padding-top:0px;
}



/*==================================================================================================================================
		admin
==================================================================================================================================*/

@media all and (max-width: 720px) {

#toolbar-administration{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
width:100%;
}

}


/*==================================================================================================================================
		center
==================================================================================================================================*/

.region-highlighted,
.path-user .layout-content,
.paragraph--position--centred_norrow > .paragraph-content,
.paragraph--position--centred_super_norrow > .paragraph-content,
.paragraph--position--centred > .paragraph-content,
.body-center,
.paragraph-form,
.hero-media__content ,
.center,
#cookies-docs{width: 100%;
max-width:var(--maxcenter);margin:0px auto;padding:0px var(--gapsmall);
  position: relative;
}

.body-center,
.paragraph--position--centred_norrow > .paragraph-content{
width: 100%;
max-width:var(--smallmaxcenter);
}


.paragraph--position--centred_super_norrow > .paragraph-content{
max-width:var(--supersmallmaxcenter);
}  


.paragraph--position--centred > .paragraph-content .paragraph--position--centred_norrow > .paragraph-content,
/*
.paragraph--position--two > .paragraph-content,
.paragraph--position--three > .paragraph-content,*/

.paragraph--position--centred .center,
.paragraph--position--centred_norrow .center,
.centred_super_norrow .center,
.center .center,
.paragraph--position--centred_norrow > .paragraph-content .paragraph--position--centred > .paragraph-content,
.paragraph--position--centred_norrow > .paragraph-content .paragraph--position--centred_norrow > .paragraph-content,
.paragraph--position--centred_super_norrow > .paragraph-content .paragraph--position--centred > .paragraph-content,
.paragraph--position--centred_super_norrow > .paragraph-content .paragraph--position--centred_super_norrow> .paragraph-content,
.paragraph--position--centred > .paragraph-content .paragraph--position--centred > .paragraph-content{padding:0px;}



/*==============================================================================================================
	odsazeni
==============================================================================================================*/


#block-drualas-theme-webform .inner-block,
.yellow_background{
background:#ed1c24;
color:#161616;

h2,h3{
color:#161616;
}
 
 ul li::before {

        border-color: #161616
}


.node-teaser h3{
color:white;
}

.node-teaser:focus h3,
.node-teaser:hover h3{
  color: #ed1c24 ;
}


a{
color:#161616;
}

.form-submit{
color:#161616;border-color:#161616;     background: transparent;
}

.button a{
color:#161616;border-color:#161616;
}

.form-submit:focus,
.form-submit:hover{
color:#fff;background:#161616;
}


.button a:focus,
.button a:hover{
color:#fff;background:#161616;
}


.expandable-container{
  background: #161616;color:white;
}

.expandable-panel-more:after{
color:#ed1c24;
}

.expandable-panel-heading h3,
.expandable-panel-heading h2{
color:#ed1c24;
}

.expandable-panel-heading:focus h3,
.expandable-panel-heading:focus h2,
.expandable-panel-heading:hover h3,
.expandable-panel-heading:hover h2{
text-decoration: none;
color:#fff;
}

.expandable-panel-heading:focus,
.activev .expandable-container,
.expandable-panel-heading:hover{
  background: #161616;
}
.expandable-panel-heading:focus .expandable-panel-more:after,
.expandable-panel-heading:focus .expandable-panel-more:after,
.expandable-panel-heading:hover .expandable-panel-more:after,
.expandable-panel-heading:hover .expandable-panel-more:after{
color:#fff;
}

}

.parwithbg{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;

p,h1, & h2 {
    text-shadow: 0px 0px 30px rgba(0,0,0,0.7);
  }
}


.parwithbg::before{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
background: linear-gradient(0deg, rgba(22,22,22,1) 0%, rgba(22,22,22,0.3) 100%); 
}

.odsazeni-zhora,
.odsazeni_zhora{
margin-top:var(--gap);
}

.odsazeni_zespoda {
margin-bottom:var(--gap);
}

.padding_top{
padding-top:var(--gap);
}

.padding_bottom {
padding-bottom:var(--gap);
}

.margin_top_small{margin-top:var(--gapsmall);
}
.margin_bottom_small{margin-bottom:var(--gapsmall);
}

 

.padding_top_small{padding-top:var(--gapsmall);
}

.padding_bottom_small{padding-bottom:var(--gapsmall);
}

 



/*==============================================================================================================
	footer 
==============================================================================================================*/
 



#block-drualas-theme-paticka ,
.region-bottom {
 
}


#block-drualas-theme-paticka a,
.region-bottom a{
color:white;
text-decoration:none;
}

#block-drualas-theme-paticka a:focus,
.region-bottom a:focus,

#block-drualas-theme-paticka a:hover,
.region-bottom a:hover{
color:#ed1c24;
text-decoration:underline;
}

.region-bottom {
padding:60px 0px 30px;
}

.region-bottom .center{
  max-width: var(--maxcenter);  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: start;  flex-wrap: wrap;
padding:0px calc(var(--gapsmall) - 20px);
}

.region-bottom .center > div{
 padding:0px 20px;
}

.region-bottom p,
.region-bottom ul{
list-style:none;
padding:0px;margin:0px 0px 15px;
}


.region-bottom ul li{
margin-bottom:0px;
}

.region-bottom a[href*='tel'],
.region-bottom a[href*='mailto']{
background-position:left center;
background-repeat:no-repeat;
background-size:20px auto;
padding-left:30px;
display:inline-block;
}

.region-bottom a[href*='tel']{
background-image:url(../images/phone.svg);
}

.region-bottom a[href*='mailto']{
background-image:url(../images/mail.svg);
}


.region-bottom a[href*='tel'] + br + a[href*='tel']{
background:none;
}

.flogo img{width:250px;}


.region-bottom .center h2{
color:white;  font-size: var(--textbig);
margin:0px 0px 10px;
}


@media all and (max-width: 720px) {


.region-bottom ul {
text-align:center;
}

.flogo img {
  width: 150px;
}

.region-bottom .center{padding:0px;}

.region-bottom .center > nav,
.region-bottom .center > div{
max-width:100%;width:100%;
    text-align: center;
}

}

/*==============================================================================================================
	total bottom 
==============================================================================================================*/
 
#block-drualas-theme-paticka .field--name-body{
border-top:1px solid #282828;
padding:30px 0px;
display:flex;justify-content:center;
align-content:center;text-align:center;
}

.region-totalbottom .center{
max-width:var(--maxcenter);
}

 

 


/*==============================================================================================================
	socky 
==============================================================================================================*/
 

.social {
display:flex;
  justify-content: start;
  align-items: center;
  marign:0px -8px;
}

.social a{
margin:8px;
  line-height: 100em;
  overflow: hidden;
display:block;
width:25px;height:25px;
background-position:center center;
background-repeat:no-repeat;
background-size:100% auto;
}
 

.social a.soc1{background-image:url(../images/fb-a.svg);background-size: auto 100%;width:15px;}
.social a.soc2{background-image:url(../images/insta.svg);}
.social a.soc3{background-image:url(../images/in-a.svg);}
.social a.soc4{background-image:url(../images/youtube.svg);width: 27px;}


.social a.soc1:focus,
.social a.soc1:hover{background-image:url(../images/fb.svg);}

.social a.soc2:hover:
.social a.soc2:focus{background-image:url(../images/insta-a.svg);}

.social a.soc3:hover,
.social a.soc3:focus{background-image:url(../images/in.svg);}

.social a.soc4:focus,
.social a.soc4:hover{background-image:url(../images/youtube-a.svg);}



@media all and (max-width: 720px) {

.social {
  justify-content: center;
}

}
 

/*==================================================================================================================================
		header
==================================================================================================================================*/


.header-around{
    top: 0px;
    left: 0px;
    width: 100%;
  z-index: 10001;
  position: relative;
background:#161616;
}

@-webkit-keyframes in-top {
  from {opacity:0;top:-200px;}
  to   {opacity:1;top:0px;}
}
@keyframes in-top {
  from {opacity:0;top:-200px;}
  to   {opacity:1;top:0px;}
}

@-webkit-keyframes in-down {
  from {opacity:1;top:0px;}
  to   {opacity:0;top:-200px;}
}


@keyframes in-down {
  from {opacity:1;top:0px;}
  to   {opacity:0;top:-200px;}
}



.header-around:before{
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
background: linear-gradient(180deg,rgba(22, 22, 22, 0.32) 0%, rgba(22, 22, 22, 1) 91%, rgba(22, 22, 22, 1) 100%);}

 .header-around{

} 


 

.nema  .header-around{
background-image:url(../images/topimage.jpeg);
}



 

header{
  width: 100%;
  margin: 0px auto;
}


.region-header{
  display: flex;
  justify-content: space-between;
  padding: 20px 20px;
  align-items: center;
  position: fixed;
  top: 0px;
  width: 100%;
  left: 0px;
  background: rgba(11,30,51,0);
  z-index: 10;

  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
}
 


.scrolltop2.scrolltop .region-header{
position:fixed;
  -webkit-animation: in-top 0.3s ease 0ms 1 forwards;
  animation: in-top 0.3s ease 0ms 1 forwards;

}

.scrolltop2.scrolldown .region-header{
  -webkit-animation: in-down 0.3s ease 0ms 1 forwards;
  animation: in-down 0.3s ease 0ms 1 forwards;

}


.scrolltop2 .region-header{
  background: #161616;
}

a.site-logo{
line-height:1px;  z-index: 10000;  position: relative;
}

#block-drualas-theme-site-branding{line-height:1px;}

a.site-logo img{
  height: 50px;
}

#block-drualas-theme-main-menu-menu.contextual-region {
position:static !important;
} 

.role-authenticated .region-header{
    position: relative;
}

@media all and (max-width: 720px) {

a.site-logo img{
  height: 40px;
}


}
 

/*==================================================================================================================================
		bgheader
==================================================================================================================================*/


.region-highlighted{
  color: white;
  padding-top: 90px;
  text-align: center;
/*  min-height: 250px;
  height: 25vw;*/
 display: flex;
  justify-content: center;
  align-items: center;
/*  max-height: 500px;*/
}

#block-drualas-theme-views-block-banner-text-block-1 .inner-block{
  padding: /*50px*/ 30px 0px 90px;
position:relative;
display:inline-block;
overflow:hidden;
}

#block-drualas-theme-views-block-banner-text-block-1 .inner-block > div{
position:relative;
}
 
#block-drualas-theme-views-block-banner-text-block-1{

 h1,h2{
/*  text-shadow: 0px 0px 30px rgba(0,0,0,0.7);*/
max-width:1400px;
}

 p{
  text-shadow: 0px 0px 30px rgba(0,0,0,0.7);font-size:var(--textbig);
}

}

@media all and (max-width: 720px) {

#block-drualas-theme-views-block-banner-text-block-1 .inner-block {
  padding: 20px;
}

.region-highlighted{
    height: auto;
    padding-top: 100px;
  align-items: end;/*  padding-bottom: 30px;*/
}

}



/*==============================================================================================================
	bloky 
==============================================================================================================*/

#block-drualas-theme-kontaktujtenas{
}

#block-drualas-theme-kontaktujtenas .inner-block{
  background: #242424;
  padding: 50px 30px 30px;
  color: #fff;
}

#block-drualas-theme-kontaktujtenas h2{
  color: #ed1c24;

}

/*==================================================================================================================================
		formulář
==================================================================================================================================*/

#block-drualas-theme-webform{
  background: #ed1c24;
  padding: var(--gap) 0px;

  color: #161616;
 
}
 
#block-drualas-theme-webform .inner-block{
  max-width: var(--supersmallmaxcenter);margin:0 auto;
padding:0px var(--gapsmall);
text-align:center;

}

#block-drualas-theme-webform .inner-block > h2{
margin-bottom:40px;
}



.webform-submission-form{
display:flex;flex-wrap:wrap;justify-content:start;align-items:start;
margin:0px -10px;
}

.webform-submission-form .form-actions,
.webform-submission-form .form-item {
width:100%;padding:0px 10px;
}

.webform-submission-form .form-item-name,
.webform-submission-form .form-type-email,
.webform-submission-form .form-type-tel{
width:33.333%;
}


@media all and (max-width: 720px) {

.webform-submission-form .form-item-name,
.webform-submission-form .form-type-email,
.webform-submission-form .form-type-tel{
width:100%;
}

 
 


}





/*** labels **/

.webform-submission-form > div.form-type-tel label, 
.webform-submission-form > div.form-type-textarea label, 
.webform-submission-form > div.form-type-email label, 
.webform-submission-form > div.form-type-textfield label{
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  position: absolute;
left:10px;
top:13px;
}

.webform-submission-form > div.form-type-tel.focused  label, 
.webform-submission-form > div.form-type-textarea.focused label,
.webform-submission-form > div.form-type-email.focused label,
.webform-submission-form > div.form-type-textfield.focused label{
   top: -14px;   font-size: 0.9em;

}



/*==================================================================================================================================
		vypis služeb
==================================================================================================================================*/

.view-reference  .views-infinite-scroll-content-wrapper{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: inherit;

}

.view-blog .view-content,
.view-slovnik .view-content,
.view-sluzby .view-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: inherit;
margin:0px -20px;
}



.view-sluzby .view-content .views-row{
  display: flex;
  justify-content: start;
  align-content: inherit;
padding:0px 20px;
margin-bottom:var(--gap);
text-align:center;
width:25%;
}

.view-sluzby .view-content.count-6 .views-row{
width:33.333%;
}


.view-sluzby.view-display-id-block_3 .view-content .views-row{
padding:0px 20px;
margin-bottom:var(--gap);
text-align:center;
width:25%;
  display: flex;
  justify-content: inherit;
  align-items: inherit;
}

.view-blog .view-content .views-row,
.view-sluzby.view-display-id-block_2 .view-content .views-row,
.view-slovnik .view-content .views-row{
padding:0px 20px;
margin-bottom:var(--gapsmall);
text-align:center;
width:33.333%;
  display: flex;
  justify-content: inherit;
  align-items: inherit;
}




.node-teaser{
  width: 100%;  display: flex;
  justify-content: start;
  align-items: inherit;
  flex-direction: column;text-decoration:none;color:white;position:relative;
}

.teaset-top{
  flex-shrink: 0;width:100%;
}


.node-teaser h3{
  margin: 0px 0px 0px;color:white;
}

.node-teaser:focus h3,
.node-teaser:hover h3{
  color: #ed1c24 ;
}

.view-sluzby.view-display-id-block_2 .node-teaser .field--name-field-view-text {
margin:auto;
}

.node-teaser .button{
  padding-top: 10px;  margin: auto 0px 0px;
}

.node-teaser .view-text{  background: #242424;height:100%;
   text-align:center;padding:20px 20px 20px ;margin:0px 0px 0px;max-width:100%;
  position: relative;

  display: flex;
  justify-content: center;
  align-items: center;
}

 


.node-teaser .view-image{
  width: 100%;line-height:1px;overflow:hidden;  flex-shrink: 0;
}

.node-teaser .view-image img{
  -webkit-transition: .5s all ease-in-out;
  -moz-transition: .5s all ease-in-out;
  -o-transition: .5s all ease-in-out;
  -ms-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out;
width:100%;
 }

.node-teaser:focus .view-image img,
.node-teaser:hover .view-image img{
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  transform-origin: center center 0;
 }


 a.node-teaser:focus  ,
 a.node-teaser:hover   {
  color:white;
}



@media all and (max-width: 720px) {

.node-teaser .view-text p{
margin:0px 0px 20px;
}


.view-sluzby.view-display-id-block_3 .view-content .views-row,
.view-sluzby.view-display-id-block_2 .view-content .views-row,
.view-blog .view-content .views-row,
.view-slovnik .view-content .views-row,
.view-sluzby .view-content .views-row{
width:50%;
}

.view-sluzby .view-content.count-6 .views-row{
width:50%;
}


.node-teaser .button{
display:none;
}

 


.node-teaser .view-text {
  margin: 0px 0px 0px;
}

}

@media all and (max-width: 500px) {


.view-sluzby.view-display-id-block_3 .view-content .views-row,
.view-sluzby.view-display-id-block_2 .view-content .views-row,
.view-blog .view-content .views-row,
.view-slovnik .view-content .views-row{
padding:0px 10px;
}

.view-sluzby.view-display-id-block_2 .view-content .views-row,
.view-blog .view-content .views-row,
.view-slovnik .view-content .views-row{
width:100%;
}


.view-blog .view-content,
.view-slovnik .view-content, .view-sluzby .view-content  {
  margin:0px -10px;
}

.view-sluzby .view-content .views-row{
padding:0px 10px;
}


}


/*==================================================================================================================================
		vypis referencí
==================================================================================================================================*/

 .view-reference  .view-content{
 display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: start;
margin:0px 0px;  padding: 0px 10px;
/*
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: var(--gapsmall);
  -moz-column-gap: var(--gapsmall);
  column-gap: var(--gapsmall);
padding: 0px var(--gapsmall);*/
}


.view-reference  .view-content .views-row{
padding:0px 20px;width:33.333%;

  break-inside: avoid-column;
margin-bottom:var(--gapsmall);
}

.view-reference  .view-content .views-row h3{
font-size:var(--h4);
}

 

.view-reference .view-content .views-row:nth-child(8n + 4),
.view-reference .view-content .views-row:nth-child(8n + 5){
width:50%;
}


.view-reference  a.node-teaser:focus .view-image, 
.view-reference  a.node-teaser:hover .view-image{
  -moz-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
}


.view-reference  .view-content .views-row .node-teaser {
  width: 100%;  color: #161616;
  overflow: hidden;
}


.view-reference  .view-content .views-row .node-teaser .view-text{
  margin: 0px;padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
flex-direction: column;
  background: rgba(22,22,22,0.7);
opacity:1;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    -ms-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
  max-width:100%;
bottom:100%;
}


.view-reference  .view-content .views-row .node-teaser .view-text .button{
margin-top:0px;
}

.view-reference  .view-content .views-row .node-teaser .view-text .button span{
padding:10px 20px;font-size:14px;
}



.view-reference  .view-content .views-row .node-teaser:hover .view-text,
.view-reference  .view-content .views-row .node-teaser:focus .view-text{
bottom:0px;
}

.view-reference  .view-content .views-row img{
width:100%;
}

.view-reference  .view-content .views-row h3{
color:white !important;
}



.frontreference.view-reference .view-content {
  margin: 0px var(--gapsmallminus);
}

.frontreference.view-reference .view-content .views-row {
    width: 33.33%;
  }
 





@media all and (max-width: 720px) {

 
.frontreference.view-reference .view-content .views-row,
.view-reference  .view-content .views-row{
width:50%;  padding:0px 10px;
}

.frontreference.view-reference .view-content .views-row:last-child{display:none;}

/*
 .view-reference  .view-content{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
*/

}

@media all and (max-width: 500px) {

.frontreference.view-reference .view-content .views-row,
.view-reference  .view-content .views-row{
width:100%;
}

.view-reference .view-content .views-row:nth-child(8n + 4),
.view-reference .view-content .views-row:nth-child(8n + 5){
width:100%;
}

/*

 .view-reference  .view-content{
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0px;
  -moz-column-gap: 0px;
  column-gap: 0px;
}
*/

}



/*==============================================================================================================
	galerie new
==============================================================================================================*/

.galerie-items{
display:flex;justify-content:center;align-items:start;flex-wrap:wrap;
margin:0px var(--gapsmallerminus) ;
}

.galerie-row{
  line-height: 1px;
padding:0px var(--gapsmaller) var(--gapsmall);
}

.galerie-row img{
width:100%;
}

.galerie-row.vysoky,
.galerie-row.siroky{
  width: 100%;
}

/*
.galerie-row.vysoky{
  width: 50%;
}*/

.field--name-field-image {
  text-align: center;line-height:1px;
overflow:hidden;
}

 

.node-teaser .view-image ,
.paragraph-img-txt-image .field--name-field-image {
  -webkit-transition:1s all ease-in-out;
  -moz-transition: 1s all ease-in-out;
  -o-transition: 1s all ease-in-out;
  -ms-transition: 1s all ease-in-out;
  transition:1s all ease-in-out;
}

a.node-teaser:focus .view-image ,
a.node-teaser:hover .view-image ,
.paragraph-img-txt-image .field--name-field-image:focus,
.paragraph-img-txt-image .field--name-field-image:hover {
}


 




 


 /*==============================================================================================================
	kontakt 
==============================================================================================================*/

.region-content .item-par-946 ul{
list-style:none;
padding:0px;
}

.region-content .item-par-946 ul li{
margin-bottom:0px;
padding:0px;
}

.region-content .item-par-946 ul li:before{
display:none;
}

.region-content .item-par-946 ul a[href*='tel'],
.region-content .item-par-946 ul a[href*='mailto']{
background-position:left center;
background-repeat:no-repeat;
background-size:20px auto;
padding-left:30px;
display:inline-block;
}

.region-content .item-par-946 ul a[href*='tel']{
background-image:url(../images/phone-b.svg);
}

.region-content .item-par-946 ul a[href*='mailto']{
background-image:url(../images/mail-b.svg);
}



 /*==============================================================================================================
	filtry 
==============================================================================================================*/

.bef-exposed-form .form--inline > .form-item, .bef-exposed-form .form--inline .js-form-wrapper > .form-item {
  float: none;
}

.bef-links{
max-width:1600px;margin:0px auto var(--gap);padding:0px 20px;
}


.bef-links ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}


.bef-links ul li{
  padding: 0px !important;
  margin: 0px !important;
}

.bef-links ul li:before{
display:none;
}


.bef-links ul li a{
  color: #ed1c24;

  border: 1px solid #ed1c24;
  font-family: 'Inter',Arial,Helvetica,"Nimbus Sans L",sans-serif;
  text-transform: unset;
  width: auto;
  font-weight: 700;
  min-height: 0px;
  -webkit-border-radius: 64px;
  -moz-border-radius: 64px;
  border-radius: 64px;
  font-size: var(--text);
  line-height: 1em;
  padding: var(--buttonpadding);
  margin: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  -ms-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
overflow:hidden;z-index:0;
}

.bef-links ul li a.bef-link--selected,
.bef-links ul li a:hover,
.bef-links ul li a:focus{
 color: #fff;background:#ed1c24;border-color:#ed1c24;
}



 

.form-item-field-kategorie-reference-target-id-1{
display:none;
}


@media all and (max-width: 720px) {

.form-item-field-kategorie-reference-target-id{
display:none;
}

.form-item-field-kategorie-reference-target-id-1{
display:block;padding:0px 20px;text-align:center;
}

.item-par-309{text-align:center;}


.item-par-309 .field--name-field-image {
  max-width: 150px;margin:auto;
}

}

 

 /*==============================================================================================================
	form 
==============================================================================================================*/

label.form-required:after{
  color: #161616;
content:" *";
display:inline;
}
.captcha{
margin:20px 0px;
}

.captcha .description{
display:none;
}

.captcha legend{
display:none;
  position: absolute !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
}

.captcha input{width:100px;min-width:100px;max-width:100px;}

.captcha label:after{content:"FLEXWEB";font-weight:700;display:inline;color:#161616;}
.captcha label{margin:5px;}

.captcha .form-item {
margin-bottom:0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.webform-confirmation{
  width: 100%;
  font-size: var(--h3);
  line-height: 1.2em;
  text-align: center;
  font-weight: 700;
}


.form-item .form-item--error-message{
display:none !important;
}


 /*==============================================================================================================
	ladění 
==============================================================================================================*/

/* drupal 7 vs 11 */

.item-par-684 .field--name-field-ikony .field__item:last-child{
width:100%;
}

.item-par-684 .field--name-field-ikony .field__item .inner-ikona {
  max-width: 100%; 
}


.contextual-region {
    z-index: 100000;
}


 /*==============================================================================================================
	ladění 
==============================================================================================================*/

.view-sluzby .view-content {
  margin-bottom: var(--gapsmallminus);
}


@media all and (max-width: 720px) {

.item-par-546,
.item-par-537 {
text-align:center;
} 

}

.cookiesjsr-links{display:none;}