@import "print.css";

:root{

	--h1:55px;
	--h2:50px;
	--h3:30px;
	--h4:20px;
	--menu:20px;
	--textbig: 28px;
	--text: 22px;
	--buttonpadding: 15px 30px ;
	--gap: 90px;
	--gapminus: -90px;
	--gapsmall: 45px;
	--gapsmallminus: -45px;
	--maxcenter: 1700px;
	--smallmaxcenter:1400px;
	--supersmallmaxcenter:900px;
  	--gapsmaller: 20px;
  	--gapsmallerminus: -20px;

}

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


:root{

	--h1:48px;
	--h2:38px;
	--h3:28px;
	--h4:20px;
	--menu:20px;
	--textbig: 25px;
	--text: 20px;
	--buttonpadding: 15px 20px ;
	--gap: 90px;
	--gapminus: -90px;
	--gapsmall: 45px;
	--gapsmallminus: -45px;
	--maxcenter: 1500px;
	--smallmaxcenter:1200px;
}


}



@media all and (max-width: 720px) {
 
	:root{
		--h1:34px;
		--h2:28px;
		--h3:22px;
		--menu:20px;
		--textbig: 20px;
		--text: 18px;
		--buttonpadding: 10px 20px ;
		--gap: 40px;
		--gapminus: -40px;
		--gapsmall: 20px;
		--gapsmallminus: -20px;
	}

}



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

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

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

}
 
.layout-container{
background: #0b1e33;

    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:#fdb706;
color:#0b1e33;

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

        border-color: #0b1e33
}

a{
color:#0b1e33;
}

.form-submit{
color:#fdb706;border-color:#0b1e33;background:#0b1e33;
}

.button a{
color:#fdb706;border-color:#0b1e33;
}

.form-submit:focus,
.form-submit:hover{
color:#0b1e33;background:transparent;
}


.button a:focus,
.button a:hover{
color:#0b1e33;
}

.button a:before{
content:"";display:block;width:100%;height:100%;
  -webkit-mask:url("../images/urban-sprite.png");
  mask:url("../images/urban-sprite.png");
    mask-size: auto;
  -webkit-mask-size:3000% 100%;
  mask-size: 3000% 100%;
  -webkit-animation:ani2 0.5s steps(29) forwards;
  animation:ani2 0.5s steps(29) forwards; 
position:absolute;top:0px;left:0px;
  background-color: #0b1e33;
z-index:-1;
}

.button a:focus:before,
.button a:hover:before{
  -webkit-animation:ani 0.5s steps(29) forwards;
  animation:ani 0.5s steps(29) forwards;
}



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

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

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

.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: #0b1e33;
}
.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(11,30,51,1) 0%, rgba(11,30,51,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:#fdb706;
text-decoration:underline;
}

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

.region-bottom .center{
  max-width: var(--smallmaxcenter);  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:15px;
}

.region-bottom a[href*='tel'],
.region-bottom a[href*='mailto']{
background-position:left center;
background-repeat:no-repeat;
background-size:24px 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) {

.flogo img {
  width: 150px;
}

.region-bottom .center{padding:0px;}
.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 #013c58;
padding:30px 0px;
display:flex;justify-content:space-between;
align-content:center;
}

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

#block-drualas-theme-paticka .bottom {
margin:10px 0px;
}

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


#block-drualas-theme-paticka .field--name-body{
display:block;text-align:center;
}

}


/*==============================================================================================================
	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;
}

}



/*==================================================================================================================================
		boční panel
==================================================================================================================================*/

#block-drualas-theme-bok{
top:200px;
right:0px;
  position: fixed;
  z-index: 1000;
}

ul.bok{
padding:0px;list-style:none;
margin:0px;
}

ul.bok li{
  display: flex;
  justify-content: end;
  align-items: inherit;
}



ul.bok li .bokrow-in{
  display: flex;
width:40px;
  justify-content: end;
  align-items: center;
background-color:#fdb706;
  -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;

-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
margin-bottom:3px;
}

ul.bok li .bokrow-in:focus,
ul.bok li .bokrow-in:hover{
background-color:#fdb706;
}


.bokrow-in > .ico,
.bokrow-in > a{
display:block;height:40px;width:40px;line-height:100em;overflow:hidden;
  background-position: 13px center;
background-repeat:no-repeat;  cursor: pointer;background-size:21px auto;
}

.bokrow-in  a{
color:#0b1e33;
display:block;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 500;
}


.ic2 .ico{ 

background-image:url(../images/ico-tel-rigtpanel.svg);background-size:19px auto;

}

.ic3 .ico{
  background-position: 12px center;
background-image:url(../images/ico-email-rigtpanel.svg);
}

.ic4 a{
background-image:url(../images/ico-pin-rigtpanel.svg);background-size:13px auto;
  background-position: 16px center;
}

a.ico{
  -webkit-border-top-left-radius: 50px;
  -webkit-border-bottom-left-radius: 50px;
  -moz-border-radius-topleft: 50px;
  -moz-border-radius-bottomleft: 50px;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;

}

a.ico:hover,
a.ico:focus{
  background-color: #ffd66d;
}


.icovalue{
overflow:hidden;
  -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;
display:none;
}

.icovalue a{
padding-right:20px;
}

ul.bok li.active  .icovalue{
display:block;
}

ul.bok li.active .bokrow-in{
width:auto;
}

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

#block-drualas-theme-bok{
  bottom: 30%;
top:auto;
}

}

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


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



.header-around:before{
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
background: linear-gradient(180deg, rgba(11,30,51,0.9) 0%,  rgb(11, 30, 51,0.2) 100%); 

/*
  background: #0b1e33;
  mix-blend-mode: darken;
  opacity: 0.3;
*/
}

 .header-around{
  background-repeat:no-repeat;
background-position: center center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

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

.path-frontpage .nema  .header-around{
background-image:none;
}


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;
}

.scrolltop .region-header{
  background: rgba(11,30,51,0.9);
}

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: 50px;
}


}
 

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


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

#block-drualas-theme-views-block-banner-text-block-1 .inner-block{
  padding: 50px;
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);
}

 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;
}

}

.path-frontpage .region-highlighted{
  min-height: 0px;
    padding-top:90px;
  padding-bottom: 0px;

  height: auto;
  max-height: unset;
}


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

#block-drualas-theme-kontaktujtenas{
max-width:var(--maxcenter);margin:0 auto;
padding:0px var(--gapsmall);
}

#block-drualas-theme-kontaktujtenas .inner-block{
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background: #fdb706;
  padding: 50px 30px 30px;
  color: #0b1e33;
}

#block-drualas-theme-kontaktujtenas h2{
  color: #0b1e33;

}

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

#block-drualas-theme-webform{
max-width:var(--maxcenter);margin:0 auto;
padding:0px var(--gapsmall);

  color: #0b1e33;
 
}
 
#block-drualas-theme-webform .inner-block{
max-width:1000px;margin:0px auto;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background: #fdb706;
  padding: 50px 100px ;
text-align:center;

}



.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%;
}

 
#block-drualas-theme-webform .inner-block{
  background: #fdb706;
  padding: 40px ;
}


}


/*==================================================================================================================================
		vypis služeb
==================================================================================================================================*/
.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{
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(--gap);
text-align:center;
width:33.333%;
  display: flex;
  justify-content: inherit;
  align-items: inherit;
}




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

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

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

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

.node-teaser .view-text{
text-align:center;padding:10px 0px 0px ;
}

.node-teaser .view-image{
line-height:1px;overflow:hidden;
  -webkit-border-radius:20px;
  -moz-border-radius: 20px;
  border-radius:20px;
}

.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) {

.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;
}

a h3 {
  text-decoration:underline;
}

a:focus h3 ,
a:hover h3  {
  text-decoration:none;
}

}

@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:50%;

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

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

/*
 .view-reference  .view-content{
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}*/
 

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

}


.view-reference  .view-content .views-row .node-teaser {
  color: #0b1e33;
  overflow: hidden;
}


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


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


.view-reference  .view-content .views-row .node-teaser:hover .view-text,
.view-reference  .view-content .views-row .node-teaser:focus .view-text{
opacity:1;
}

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

.view-reference  .view-content .views-row h3{
}

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


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

/*
 .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) {


.view-reference  .view-content .views-row{
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 {
line-height:1px;
overflow:hidden;
}

.teaset-top,
.node-teaser ,
.paragraph-img-txt-image  {
 perspective: 700px;
}

.node-teaser .view-image ,
.paragraph-img-txt-image .field--name-field-image {
  -moz-transform:rotateY(0deg);
  -webkit-transform:rotateY(0deg);
  -o-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg);
  -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 {
  -moz-transform:rotateY(15deg);
  -webkit-transform:rotateY(15deg);
  -o-transform: rotateY(15deg);
  -ms-transform: rotateY(15deg);
  transform: rotateY(15deg);
  -moz-transform-style:preserve-3d;
  -webkit-transform-style:preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}


iframe,
.field--name-field-galerie  img,
.field--name-field-image img{
  -webkit-border-radius:20px;
  -moz-border-radius: 20px;
  border-radius:20px;

}




 


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

.paragraph--position--two > .paragraph-content > .paragraph-content-list > div.item-par-47 {width:42%;}
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div.item-par-48 {width:58%;}

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

.paragraph--position--two > .paragraph-content > .paragraph-content-list > div.item-par-47,
.paragraph--position--two > .paragraph-content > .paragraph-content-list > div.item-par-48 {width:100%;}

}



 /*==============================================================================================================
	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: #ffba42;

  border: 1px solid #ffba42;
  font-family: 'Barlow',Arial,Helvetica,"Nimbus Sans L",sans-serif;
  text-transform: unset;
  width: auto;
  font-weight: 500;
  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: #0b1e33;background:transparent;
}



.bef-links ul li a:before{
content:"";display:block;width:100%;height:100%;
  -webkit-mask:url("../images/urban-sprite.png");
  mask:url("../images/urban-sprite.png");
    mask-size: auto;
  -webkit-mask-size:3000% 100%;
  mask-size: 3000% 100%;
  -webkit-animation:ani 0.5s steps(29) forwards;
  animation:ani 0.5s steps(29) forwards;
position:absolute;top:0px;left:0px;
  background-color: #fdb706;
z-index:-1;

}
 
.bef-links ul li a.bef-link--selected:before,
.bef-links ul li a:hover:before,
.bef-links ul li a:focus::before{
  -webkit-animation:ani2 0.5s steps(29) forwards;
  animation:ani2 0.5s steps(29) forwards;
}

.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: #e3302a;
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:"DRUALAS";font-weight:700;display:inline;color:#0b1e33;}
.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í 
==============================================================================================================*/



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

.form-submit:hover,
.form-submit:focus,
a[href*='?button']:focus,
a[href*='?button']:hover,
.file  a:focus,
.file  a:hover,
.more-link a:focus,
.more-link a:hover,
a[href*="paragraphs_item/add"]:focus,
a[href*="paragraphs_item/add"]:hover,
a.button:focus,
a.button:hover,
.field--name-field-odkaz a:focus, 
.field--name-field-odkaz a:hover, 
a.ebt-basic-button:focus,
a.ebt-basic-button:hover,
a:focus .button span,
a:hover .button span,
.button a:hover,
.button a:focus{
 color: #0b1e33;background:#fdb706;
}


.cookiesjsr-btn.important.invert:focus,
.cookiesjsr-btn.invert:focus,
.cookiesjsr-btn:focus,
.cookiesjsr-btn.important.invert:hover,
.cookiesjsr-btn.invert:hover,
.cookiesjsr-btn:hover{
background:#fdb706;
}

.cookiesjsr-btn.allowAll:focus,
.cookiesjsr-btn.allowAll:hover{
background:#fdb706;
}


field--name-field-odkaz a:before, 
a.ebt-basic-button:before,
a.button:before,
a[href*="paragraphs_item/add"]:before,
.more-link a:before,
.file  a:before,
a[href*='?button']:before,
.cookiesjsr-btn.important.invert:before,
.cookiesjsr-btn.invert:before,
.cookiesjsr-btn:before,
.cookiesjsr-btn.allowAll:before,
.button span:before,
.button a:before,
.bef-links ul li a:before,
.button a:before{
  -webkit-mask: unset !important;
  mask: unset !important;
    background: #0b1e33;
}
 

.field--name-field-odkaz a:focus:before, 
.field--name-field-odkaz a:hover:before, 
a.ebt-basic-button:focus:before,
a.ebt-basic-button:hover:before,
a.button:focus:before,
a.button:hover:before,
a[href*="paragraphs_item/add"]:focus:before,
a[href*="paragraphs_item/add"]:hover:before,
.more-link a:focus:before,
.more-link a:hover:before,
.file  a:focus:before,
.file  a:hover:before, 
a[href*='?button']:focus:before,
a[href*='?button']:hover:before,
.cookiesjsr-btn.important.invert:focus:before,
.cookiesjsr-btn.invert:focus:before,
.cookiesjsr-btn:focus:before,
.cookiesjsr-btn.important.invert:hover:before,
.cookiesjsr-btn.invert:hover:before,
.cookiesjsr-btn:hover:before,
.cookiesjsr-btn.allowAll:focus:before,
.cookiesjsr-btn.allowAll:hover:before,
a:focus .button span:before,
a:hover .button span:before,
.button a:hover:before,
.button a:focus::before,
.bef-links ul li a.bef-link--selected:before,
.bef-links ul li a:hover:before,
.bef-links ul li a:focus::before,
 .button a:focus:before,
.button a:hover:before{
opacity:0;
}

}