@import "print.css";


:root {  
	--trans-color-in:all .2s ease-in-out;
	--trans-color-out:all .2s ease-in-out;

	--menusize: 45px;
	--basictext: 20px;
	--h1: 20px;

	--h2: 65px;
	--h3: 35px;
	--button: 20px;
	--itemtitle: 25px;
	--footertext:20px; 
	--center: 1920px;
	--centerpadding:85px;
	--gap: 85px;
	--gapminus: -85px;
	--gapsmall: 45px;
	--gapsmallminus: -45px;
	--gapsmaller: 22px;
	--gapsmallerminus: -22px;
	--gapbig: 180px;
	--homebanner: 35px;
	--banner: 35px;
 

	--menucircle:98px;
	--menucircletext: 19px;
	--logo:103px;
	--logosmall: 80px;

}


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

:root {  
	--menusize: 35px;
	--basictext: 19px;
	--h1: 20px;
	--h2: 45px;
	--h3: 30px;
	--button: 20px;
	--itemtitle: 18px;
	--footertext:19px;
	--center: 1400px;
	--centerpadding:85px;
	--gap: 85px;
	--gapminus: -85px;
	--gapsmall: 45px;
	--gapsmallminus: -45px;
	--gapsmaller: 22px;
	--gapsmallerminus: -22px;
	--gapbig: 180px;
	--homebanner: 30px;
	--banner: 35px;
	--menucircle:80px;
	--menucircletext: 19px;
	--logo:103px;
	--logosmall: 80px;

}


}



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

:root {  
	--menusize: 27px;
	--center: 1400px;
	--itemtitle: 15px;
	--logo:64px;
	--logosmall: 55px;
	--menucircle:50px;
	--menucircletext: 13px;
	--homebanner: 18px;
	--banner: 18px;
	--h2: 32px;
	--basictext: 15px;
	--button: 15px;
	--h3: 18px;
	--h1:18px;
	--footertext:15px;
	--centerpadding:20px;
	--gap: 50px;
	--gapminus: -60px;
	--gapsmall: 20px;
	--gapsmallminus: -20px;

	--gapsmaller: 10px;
	--gapsmallerminus: -10px;

	--gapbig: 110px;

}


}



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


  scroll-behavior: smooth;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;

}

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

body{
min-width:0px;
}

}

.layout-container{
color: #000;
    margin: 0;
  position: relative;
background: #ffffff;
}

 

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

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

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

}


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

.region-content{
  width: 100%;padding:var(--gap) 0px 0px;
}

.path-user .region-content{
padding:90px 0px ;
}



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

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

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

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

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

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

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

.padding_top_big{
padding-top:var(--gapbig);
}

.padding_bottom_big{
padding-bottom:var(--gapbig);

}

.margin_top_minus{
margin-top:var(--gapminus);position:relative;z-index:1;
}

.margin_bottom_minus{
margin-bottom:var(--gapminus);position:relative;z-index:1;
}




/*==================================================================================================================================
		backgrounds
==================================================================================================================================*/

.pink_bg {
background:#e4e4e4;
}

.black_bg {
background:#000000;
}

 



/*==================================================================================================================================
		images
==================================================================================================================================*/

.field--name-field-image {
  display: block;
  line-height: 1px;
  position: relative;
  overflow: hidden;
}

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

.paragraph--position--center_narrow  > .paragraph-content,
.path-user .layout-content,
#block-drualas-theme-primary-local-tasks .inner-block,
.paragraph--position--centred > .paragraph-content,
.body-center,
.paragraph-form,
.hero-media__content ,
.center,
#cookies-docs{width: 100%;
max-width:var(--center);margin:0px auto;padding:0px  var(--centerpadding);
  position: relative;
}

.paragraph--position--center_narrow  > .paragraph-content{
max-width:1000px;
}


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

 .paragraph--position--center_narrow  > .paragraph-content,
.path-user .layout-content,
#block-drualas-theme-primary-local-tasks .inner-block,
.paragraph--position--centred > .paragraph-content,
.body-center,
.paragraph-form,
.hero-media__content ,
.center,
#cookies-docs{
padding:0px var(--centerpadding);
}

}


 .paragraph--position--center_narrow  > .paragraph-content  .paragraph--position--center_narrow  > .paragraph-content, 
 .center  .paragraph--position--center_narrow  > .paragraph-content, 
 .paragraph--position--centred .paragraph--position--center_narrow  > .paragraph-content, 

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






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

.header-around{
  z-index: 10000;
background: #000;
    top: 0px;
    left: 0px;
    width: 100%;
  position: relative;
  padding: var(--gapsmall);
  min-height: 350px;
height:100vh;
color:#000;

overflow:hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 40vw;
}

.path-frontpage .header-around{
  justify-content: start;
  min-height: 450px;
  align-items: inherit;
  max-height: 45.8vw;padding:0px;
}


header{
 
 
}

a.site-logo{
 line-height: 1px;
display:block;
  padding: 15px 0px 15px 15px;
  background: white;
}

#block-drualas-theme-site-branding{
  position: fixed;
  z-index: 101;
  top: 0px;
  left: 0px;
}

a.site-logo img{
  height: var(--logo);
  -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;
}

.mactive  a.site-logo img,
.scrolltop a.site-logo img{
height:var(--logosmall);
}

.region-header{
}




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

#block-drualas-theme-views-block-banner-text-block-1,
#block-drualas-theme-nazevstranky{
position:relative;z-index:1;
}




a.slidelink{
  width: 100%;
text-decoration:none;color:white; 
 position: relative;
  display: flex;
  justify-content: start;
  align-items: end;
  padding: var(--gapsmall) var(--gapsmall)  var(--gap) var(--gapsmall);

}

a.slidelink:focus,
a.slidelink:hover{
color:white;
}

.banner-text2{
  font-size: var(--basictext);
  line-height: 1.3em;
  max-width: 50%;
  position: relative;
  z-index: 1;
}

.banner-text{
  font-weight: 700;
  font-size: var(--homebanner);
  line-height: 1.3em;
  max-width: 50%;
  position: relative;
  z-index: 1;
}


.view-banner-text{
  padding: 0px 20px;  max-width: 700px;
  margin: auto;
font-weight:700;text-align:center;
font-size:var(--banner);line-height:1.3em;
}

.banner-text2 p,
.banner-text p,
.view-banner-text p{
margin-bottom:0px;
}

.path-frontpage .banner-text{
font-size:var(--homebanner);line-height:1.3em;
  max-width: 50%;text-align:left;
}

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

.align-right {
  float: none;
}

}

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



.view-banner-text {
  max-width: 100%;
}

.banner-text,
.path-frontpage .view-banner-text{
  max-width: 80%;
}

#block-drualas-theme-down{display:none;}

}


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


.view-slick .view-content {
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: inherit;
}


.view-slick .view-content > .views-row{
width:100%;display:none;
}

.view-slick .view-content > .views-row:first-child{
display:flex;
}

.view-slick .view-content .slick-track,
.view-slick .view-content .slick-list{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}

.view-slick .view-content .slick-list .slick-slide{
margin:0px;
}


@keyframes showSlide{
0% {-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);transform:  scale(1);}
50% {-moz-transform:  scale(1.05);-webkit-transform:  scale(1.05);-o-transform: scale(1.05);-ms-transform:  scale(1);transform:  scale(1.05);}
100% {-moz-transform:  scale(1);-webkit-transform:  scale(1);-o-transform:  scale(1);-ms-transform:  scale(1);transform:  scale(1);}
}

.header-around-bg,
.galerie-item{
  background-repeat:no-repeat;
background-position: center bottom ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;

animation: showSlide 8000ms infinite ease;
-webkit-transform-origin: right center 0;
-moz-transform-origin: right center 0;
-o-transform-origin: right center 0;
-ms-transform-origin: right center 0;
transform-origin: right center 0;
-moz-transform:  scale(1.05);
-webkit-transform:  scale(1.05);
-o-transform:  scale(1.05);
-ms-transform:  scale(1.05);
transform:  scale(1.05);
}

.nema .header-around-bg{
background-image:url(../images/home-banner.jpg);
}

/*
.galerie-item:after,
.header-around-bg:after{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;

display:block;content:"";
background: #000;
opacity:0.37;
}
*/
 
/*** video ***/
video.videobanner{
  position: absolute;
  left: 50%;
  top: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: auto;
}
 

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

.region-footer .center{
max-width:900px;
}

#block-drualas-theme-contactus{
text-align:center;padding:var(--gap) 0px var(--gap);
}


/**** total bottom ****/

.region-bottom{
padding:0px 0px var(--gapsmall);
}

.region-bottom a{color:white;}

.region-bottom .center{
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-content: inherit;
font-size:var(--footertext);line-height:1.5em;
}
 
#block-drualas-theme-footerlinks a{
display:inline-block;vertical-align:middle;margin:5px 10px;
}


#block-drualas-theme-kontakt{
width:100%;
}

#block-drualas-theme-kontakt .field--name-body{
gap:20px; 
display:flex;  justify-content: space-between;align-items:center;
}

#block-drualas-theme-kontakt p{
margin:0px 10px 20px;
}

#block-drualas-theme-copy p{
margin:5px 10px;
}

.region-footer h3{
font-weight:400;
}

.region-footer h3 strong{
color:#85863f;
}


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

.region-bottom .center{
display:block;
  text-align: center;
}

#block-drualas-theme-footerlinks{
  margin: var(--gap) 0px;
}

#block-drualas-theme-kontakt .field--name-body{
  display: block;
}


#block-drualas-theme-contactus{
padding-bottom:var(--gapsmall);
}


}


/*==============================================================================================================
	down 
==============================================================================================================*/

#downl a{
  z-index: 1;  content: "";
  display: block;
  position: absolute;
  width: 27px;
  margin: auto; 
  height: 17px;
  background: url(../images/white-arrow-big-banner.svg) center top no-repeat;
  bottom: 30px;
  -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;

left: 50%;
  margin-left: -13px;
}

/*==============================================================================================================
	detail projekt 
==============================================================================================================*/

.parametres{
padding:20px 0px 0px;
margin-bottom: var(--gap);
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.parametres .field__label{
display:flex;align-items:center;
}

.parametres .field__label:before{
width:8px;height:8px;display:block;content:"";
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background:#893d4a;
margin-right:5px;
}

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

.parametres{
  flex-wrap: wrap;
}

.parametres > .field {
width:50%;margin-bottom:20px;
}

}

/*==============================================================================================================
	vypis projektu 
==============================================================================================================*/


.frontprojekte {
 /*   -webkit-column-count: 2;  
    -moz-column-count: 2;  
    column-count: 2;
    -webkit-column-gap: var(--gap); 
    -moz-column-gap:  var(--gap);  
    column-gap:  var(--gap);*/
  overflow: hidden;

  overflow: hidden;
  display: flex;
 
  flex-wrap: wrap;
margin:0px  var(--gapsmallminus);
}


.projekteview .view-content{
    -webkit-column-count: 2;  
    -moz-column-count: 2;  
    column-count: 2;
    -webkit-column-gap: var(--gap); 
    -moz-column-gap:  var(--gap);  
    column-gap:  var(--gap);
  overflow: hidden;
}

.frontprojekte .view-footer,
.frontprojekte .view-header{
margin-bottom:var(--gap);
}


.frontprojekte .views-row{
margin-bottom:var(--gap);
}


.frontprojekte > div{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
 margin:0px;padding:0px var(--gapsmall) ;
width:50%;
}


.projekteview .view-content .views-row{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
 
margin-bottom:var(--gap);

}

.frontprojekte > div:after,
.projekteview .view-content .views-row:after{
content:"";    display: inline-block;
    white-space: nowrap;
}

a.node-teaser-projekt{
text-decoration:none;color:black;
}

.projekt-image {
  position: relative;line-height:1px;margin-bottom:20px;overflow:hidden;
}

.projekt-image img{
width:100%;
  -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;
}

 
a:hover  .projekt-image img,
a:focus .projekt-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;
}


.button-small  {
  display: flex;
justify-content:start;
}

.button-small  span{
  color: #893d4a;
  font-weight: 400;
  font-size: var(--button);
  line-height: 24px;
  padding: 8px 0px;
  text-align: center;
  text-decoration: none;
  display: flex;
  align-items: center;
  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;
position:relative;
}

.button-small span:before{
display:block;content:"";
  -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;
width:1px;height:1px; background:rgba(137,61,74,0);
position:absolute;bottom:0px;left:0px;
}

 
a:hover .button-small span:before ,
a:focus .button-small span:before {
 background:rgba(137,61,74,1);
width:100%;
}


.button-small span::after {
margin-left:5px;  display: block;
  content: "";
  background: url(../images/arrow.svg) no-repeat center center;
  background-size: 100% auto;
  width: 13px;
  height: 11px;
  -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;
}


.project-title{
  padding: 20px;
  background: rgba(137,61,74,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  -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;
opacity:0;
  font-size: var(--h3);
  font-size: var(--button);
  font-weight: 700;
  color: white;  text-align: center;
line-height:1em;
}

a.node-teaser-projekt:focus .project-title,
a.node-teaser-projekt:hover .project-title{
opacity:1;
}

a.node-teaser-projekt {
display:block;
}


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

.projekteview .view-content .views-row {
  margin-bottom: var(--gapsmall);
}

.frontprojekte, .projekteview .view-content{
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
}

.frontprojekte > div{
width:100%;
}


.node-teaser-projekt p{
margin-bottom:5px;
}


.view-projekte.view-display-id-attachment_1 .view-content{
}

.view-projekte.view-display-id-attachment_1 .view-content .views-row{
margin-bottom: var(--gapsmall);
}

}

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

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

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

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


.galerie-row.siroky{
  width: 50%;
}

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



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

.field--name-field-galerie {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  align-items: start;
  margin: 0px -10px 40px;
}

.field--name-field-galerie > div{
padding:10px;
    width: 33.33%;
}

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

.field--name-field-galerie > div{
    width: 50%;
}

}



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

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

.webform-submission-form > div{
padding:0px 10px 0px;width:100%;position:relative;
}

.webform-submission-form > div.form-type-email,
.webform-submission-form > div.form-type-textfield{
width:50%;
}


.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;
  top: 12px;
  left: 20px;
  pointer-events: none;
  background: white;
  padding: 0px 5px;
}

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

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

.webform-submission-form > div.form-type-textarea label, .webform-submission-form > div.form-type-email label, .webform-submission-form > div.form-type-textfield label{
  top: 15px;
}

}

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

.item-par-226 img{
  width: 200px;
  max-width: 50%;
  border-right: var(--gapsmall) solid rgba(255,255,255,0);
}

.webform-confirmation{
  text-align: center;
}

.webform-confirmation__message{
  font-size: var(--h3);
  font-weight: 700;
}

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

.pink_bg.paragraph--type--two-cross-images{
  background: linear-gradient(to bottom, white var(--gap), #e4e4e4 var(--gap));
}

.black_bg.paragraph--type--two-cross-images{
background: linear-gradient(to bottom, #e4e4e4 50%, #000 50%);
}


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



.field--name-field-body img[height*="60"]{height:60px;width:auto;  display: inline-block;
  vertical-align: middle;}

.item-par-328 {
margin-bottom:20px;
}