:root {

//--fs-xl: clamp(1.5rem, 2vw + 1.2rem, 3rem);
--fs-big: 2rem;
--fs-normal: 1rem;
--fs-small: 0.6rem;

//line height
--lh-xl:clamp(1.2rem, 2vw + 1rem, 1em);
--lh-big: 1;
--lh-normal: 1.75;
--lh-small: 1;

--fs-xl: clamp(1.7rem, 2vw + 1rem, 2rem);
--fs-h2: clamp(1.2rem, 1.7vw + 1rem, 1.7rem);
--fs-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.2rem);
--fs-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);
--fs-h5: clamp(1.0rem, 1.1vw + 0.3rem, 1.1rem);

/* --fs-normal: 1rem; */
/* --fs-normal: clamp(0.8rem, 1.1vw + 0.2rem, 1.1rem); */
--fs-normal: clamp(0.9rem, 1.1vw + 0.2rem, 1.1rem);
--fs-small: 1rem;

//line height
--lh-xl: 1;
--lh-h2: clamp(1.5rem, 1.7vw + 1rem, 1.7rem);
--lh-h3: clamp(1.1rem, 1.4vw + 0.7rem, 1.4rem);
--lh-h4: clamp(1.0rem, 1.2vw + 0.5rem, 1.2rem);

}


/*
oranzova
#FF9900

modra
#0066CC



/* koliduje s floatboxem
* , *:before, *::after {
box-sizing: border-box;
}*/

.homepageobjektpozadi {
width:100%;
padding:40px 10px 40px 10px;
box-sizing:border-box;
max-width: 1100px;
width:100%;
margin:0 auto;
border-radius:0 0 20px 20px;
}

.cenovanabidkahomepage {
box-shadow: 2px 2px 1em rgba(0, 0, 0, 0.61);
background-color:#ef6900;//rgba(255,255,255,0.2);
width:80%;
margin:0 auto;
box-sizing:border-box;
padding:15px 10px 15px 70px;
transform:rotate(-1deg);
position: relative;

background: linear-gradient(to right bottom , #ff9900 0%, #ef6900 25%, #ef6900 75%,#ff9900 100%);
transition:all 200ms ease-in;
}

.cenovanabidkahomepage:hover {
//transform:rotate(-1deg) scale(1.05);
}

.cenovanabidkahomepage::before {
content:'';
width:60px;
height:60px;
position: absolute;
left:-15px;
background:url('/_ikony/icon1.png') no-repeat center left;
background-size: contain;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));

}

.cenovanabidkahomepage h3 {
color: white !important;
margin:0;
font-size:var(--fs-h3);
padding:0;
}

.cenovanabidkahomepage p, .cenovanabidkahomepage a {
margin:0;
padding:0;
color: white !important;
}


.cenovanabidkahomepage2holder {
text-align: center;
width:100%;
top:-20px;;
position: absolute;


}


.cenovanabidkahomepage2 {
/* box-shadow: 2px 2px 1em rgba(0, 0, 0, 0.61); */
border:3px dotted rgba(0,0,0,0.06);
filter: drop-shadow(5px 5px 2px rgba(0,0,0,0.1));

width:80%;
margin:0 auto;
box-sizing:border-box;
padding:15px 10px 15px 24px;
transform:rotate(-1deg);
position: relative;

/* background: linear-gradient(to right bottom , #ff9900 0%, #ef6900 25%, #ef6900 75%,#ff9900 100%); */
background-color: #ffcc00;

transition:all 200ms ease-in;

display:block;
text-decoration: none;
}


.colorinvert .cenovanabidkahomepage2cena h3
{
color:black !important;
font-size: 1.4rem;
  color: black;
  font-weight: 800;
  margin:0;
  padding:0;
}

.colorinvert .cenovanabidkahomepage2cena p
{
color:black !important;
margin:0;
  padding:0;
}

.cenovanabidkahomepage2cena
{
text-align: center;
color:black !important;
box-shadow: 2px 2px 1em rgba(0, 0, 0, 0.61);
// border:3px dotted rgba(0,0,0,0.06);
filter: drop-shadow(5px 5px 2px rgba(0,0,0,0.1));
border-radius:5px;
width:80%;
max-width:600px;
margin:0 auto;
box-sizing:border-box;
padding:15px 10px 15px 24px;
//transform:rotate(-1deg);

/* background: linear-gradient(to right bottom , #ff9900 0%, #ef6900 25%, #ef6900 75%,#ff9900 100%); */
background-color: white;
transition:all 200ms ease-in;

display:block;
text-decoration: none;
}

.cenovanabidkahomepage2cena:hover {
transform:scale(1.05);
}




.cenovanabidkahomepage2:hover {
transform:rotate(-1deg) scale(1.05);
}

/*
.cenovanabidkahomepage2::beforeX {
content:'';
width:60px;
height:60px;
position: absolute;
left:-15px;
background:url('/_ikony/icon1.png') no-repeat center left;
background-size: contain;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}
*/

.cenovanabidkahomepage2 h3 {
color: #173c75 !important;
margin:0;
font-size:var(--fs-h3);
padding:0;
}

.cenovanabidkahomepage2 p, .cenovanabidkahomepage2 a {
margin:0;
padding:0;
color: #173c75 !important;
}




.menubutt7
{
background-color:#1fa907;
}

.menubutt7:hover
{
background-color:#0f9907 !important;
}

input, table {
box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  }

* {
margin: 0;
padding: 0;
}


img, picture, svg, video {
/* display:block; */
/* max-width:100%; */
}

.floatbox img{
 max-width:100%;
 height:auto;
}

input, textarea, button, select {
font:inherit;
}

body {
min-height:100vh;
}

body, p, td{
font-size: var(--fs-normal);
line-height: var(--lh-normal);
color:#121212;
}

img.revealme {
transform: scale(0.5);
transition: .65s ease;
display: position: relative;inline-block;
}


ul, ol {
margin-left:20px;
}

img.revealme {
transform: scale(0.5);
transition: .65s ease;
}

div.revealme {
transform: scale(0.5);
//transition: .65s ease;
}


.fadeinauto {
        -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}



@keyframes fadein {
    from { opacity: 0;}
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


.recenzebox {
display: flex;
width: 100%;justify-content: center;
    align-items: center;
}

.onlinerecenze {
height:60px;
display: block;
max-width:140px;
width:100%;
box-sizing: border-box;
margin:0 4%;
transition:all 200ms ease-in;
}

.onlinerecenze1 {
background:url(/_tpl/default/onlinereference1.png) no-repeat center center;
background-size: contain;
}
.onlinerecenze2 {
background:url(/_tpl/default/onlinereference2.png) no-repeat center center;
background-size: contain;
}
.onlinerecenze3 {
background:url(/_tpl/default/onlinereference3.png) no-repeat center center;
background-size: contain;
}


.recenzebox2 {
box-sizing:border-box;
display: flex;
width: 100%;
padding:30px 20px;
border-radius:10px;
justify-content: center;
    align-items: center;
    background: linear-gradient(to right bottom , rgba(20,100,50,0.5) 0%, rgba(25,68,111,1) 50%,rgba(25,68,111,1) 70%);
}

.onlinerecenzex {
height:70px;
display: block;
max-width:180px;
width:100%;
box-sizing: border-box;
margin:0 4%;
transition:all 200ms ease-in;
}

.onlinerecenzex:hover {
transform:scale(1.04);
}
.onlinerecenze:hover {
/*
transform:scale(1.04);
*/
}

.onlinerecenze1 {
background:url(/_tpl/default/onlinereference1.png) no-repeat center center;
background-size: contain;
}
.onlinerecenze2 {
background:url(/_tpl/default/onlinereference2.png) no-repeat center center;
background-size: contain;
}
.onlinerecenze3 {
background:url(/_tpl/default/onlinereference3.png) no-repeat center center;
background-size: contain;
}






.garanceboxin {
transition:200ms all ease-in;
cursor: default;
}

.garanceboxin:hover {
/*
transform:scale(1.05);
*/
}

.garanceboxcontainer {
    display: flex;
    flex-wrap: wrap; /* Umožňuje zalomení boxů pod sebe */
}

.garancebox1 {
    flex: 1 1 50%; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
    min-width: 400px; /* Minimální šířka boxů */
width:50%;
    display: flex;
    justify-content: left;
    align-items: left;
        box-sizing: border-box;
        padding:10px;
}

.garancebox2 {
    flex: 1 1 33%; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
    min-width: 250px; /* Minimální šířka boxů */
width:35%;
    display: flex;
    justify-content: center;
    align-items: center;
        box-sizing: border-box;
        padding:10px;
}

.garancebox2poptavka {
    flex: 1 1 33%; /* Flex-grow, flex-shrink, flex-basis (minimální šířka 50%) */
    min-width: 250px; /* Minimální šířka boxů */
width:35%;
    display: flex;
    justify-content: center;
    align-items: center;
        box-sizing: border-box;
        padding:10px;
}

.garanceboxin {
border-radius:10px;
width:100%;
height:100%;
padding:10px 20px 10px 80px;
box-sizing:border-box;
display: inline-block;
position: relative;

display: flex;
justify-content: flex-start; /* Horizontální zarovnání obsahu doleva */
    align-items: center; /* Vertikální centrování obsahu */
}



.garancebox1 .garanceboxin {
/*
background: linear-gradient(to right bottom, rgba(200,200,200,0.5),rgba(240,240,240,0.3), rgba(200,200,200,0.7));
/**/
background-color: rgba(255,255,255,0.71);;
background: linear-gradient(to right bottom , rgba(20,200,100,0.5) 0%, rgba(20,200,100,0.2) 30%,rgba(20,200,200,0.2) 70%);
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 3px 5px rgba(180,180,180,1);

}

.garancebox2 .garanceboxin {
background-color: rgba(255,255,255,0.71);
background: linear-gradient(to right bottom , rgba(20,200,200,0.35) 0%, rgba(255,255,255,0.71) 30%,rgba(255,255,255,0.71) 70%);
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 3px 5px rgba(180,180,180,1);
}

.garancebox2 .garanceboxin p {
font-size: 14px;
line-height: 1.3;
}


.garancebox1 .garanceboxin p {
font-size: 16px;
line-height: 1.4;
}



.garancebox1 .garanceboxin p strong {
font-size: 19px;
font-size:var(--fs-h2);

line-height: 1.4;
}

.garancebox2 .garanceboxin p strong {
font-size: 15px;
font-size:var(--fs-h3);

line-height: 1.4;
}




.garancebox2poptavka .garanceboxin {
background-color: rgba(255,255,255,0.31);
//background: linear-gradient(to right bottom , rgba(20,200,200,0.35) 0%, rgba(255,255,255,0.71) 30%,rgba(255,255,255,0.71) 70%);
//box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 3px 5px rgba(180,180,180,1);


}

.garancebox2poptavka .garanceboxin p {
font-size: 14px;
line-height: 1.3;
}

.garancebox2poptavka .garanceboxin p strong {
font-size: 15px;
font-size:var(--fs-h3);

line-height: 1.4;
}

@media (max-width: 700px) {

.garancebox1 {
    min-width: 100%; /* Minimální šířka boxů */

}
}

@media (max-width: 800px) {


.garancebox1 {
padding:5px;
    }

    .garancebox2, .garancebox2poptavka {
padding:5px;
    }


.garanceboxin:hover {
transform:scale(1.02);
}



.garancebox1 .garanceboxin p strong {
font-size:var(--fs-h3);
}



}


@media (max-width: 400px) {

.garancebox1 {
padding:5px 1px;
    }

    .garancebox2, .garancebox2poptavka {
padding:5px 1px;
    }
}



.garancebox1 .garanceboxin img.garanceico {
width:40px;
height:40px;
position: absolute;
left:20px;
}

.garancebox2 .garanceboxin img.garanceico {
width:30px;
height:30px;

position: absolute;
left:26px;
}

.garancebox2poptavka .garanceboxin img.garanceico {
width:30px;
height:30px;

position: absolute;
left:26px;
}





@media (max-width: 700px) {

.garancebox1 .garanceboxin img.garanceico {
width:30px;
height:30px;
position: absolute;
left:13px;
}

.garancebox2 .garanceboxin img.garanceico {
width:30px;
height:30px;
position: absolute;
left:13px;
}

.garancebox2poptavka .garanceboxin img.garanceico {
width:30px;
height:30px;
position: absolute;
left:13px;
}



.garanceboxin {
padding:10px 15px 10px 55px;
}

}

.garancevykricnik {
color:#dd0000;
font-weight: bold;
  transform: rotate(7deg) scale(1.1);
  opacity:0.7;
  display: inline-block;
}



.garancevpoptavce {
padding:0 0px 30px 0px;
border-left:2px dotted #909090;
}

.garancevpoptavce .garancebox2poptavka {
padding:10px 0;

}

@media (max-width: 900px) {
.garancevpoptavce {
padding:0 0px 30px 0px;
border-left:0px;
}

.garancevpoptavce .garancebox2poptavka {
padding:10px;

}


}


.vykricnikZaTextem {
position: relative;
}

.vykricnikZaTextem::after{
content:'!!';
letter-spacing: -9px;
margin-left:5px;
display: inline-block;
color:#dd0000 !important;
transform: rotate(7deg) scale(1.4);

transition:all 200ms ease-in;
}


.vykricnikZaTextem:hover::after {
content:'!!';
margin-left:10px;
letter-spacing:0px;
transform: rotate(9deg) scale(1.6);
}

h2 {
transition:all 200ms ease-in;
}
h2:hover {
opacity:0.8;
}



.asociatelogo {
border-radius:50%;
width:100px;
height:100px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
margin:0 20px;
}



@media (max-width: 700px) {
.asociatelogo {
width:70px;
margin:0 10px;
height:70px;
}
}






.nemakejcz {
position: relative;
z-index:99;
font-weight:800;
color:#193a5e;
font-size:30px;
}

h2 .nemakejcz {
color:#FF9900;
}

.nemakejcz::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
  background-color: white;
  transform-origin: bottom;
  z-index: -1;
  clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
  transform: rotate(-2deg);
}



#animacefotovolt {
padding:30px;
margin:0 auto;
border-radius:30px;
box-sizing: border-box;
width:90%;
max-width:400px;
background-color: rgba(255,255,2555,.90);
}

#animacefotovolt img {
max-width:100%;

}
.asociace_kontakt {
display:flex;
max-width:400px;
margin:0 auto;
flex-wrap: wrap;
}

.asociace_kontakt span {
min-width:100px;
width:50%;
margin:0 auto;
}


.asociace_kontakt img {
width:140px;
margin:20px auto;
border-radius:50%;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}


.galeryimgs {
display:flex;
flex-wrap: wrap;
}
.galeryimgs a {
width:25%;
box-sizing: border-box;
padding:10px;
}

.galeryimg {
width:100%;
aspect-ratio:3 / 2;
display: block;
transition:300ms all ease;
border-radius:6px;
box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.1);
}

.galeryimgs a:hover .galeryimg {
transform:scale(1.04);

}



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


.referencevypis {
width:25%;
box-sizing: border-box;
padding:20px;
text-decoration: none;
text-align: center;
}


.referencevypisimg {
transition:300ms all ease;
display: block;
width:100%;
aspect-ratio:3 / 2;
border-radius:5px;
box-shadow: inset 0 0 1em rgba(0, 0, 0, 0.1);
position: relative;
//box-shadow: inset 0 -3em 3em rgba(0, 0, 0, 0.1), 0 0 0 2px rgb(255, 255, 255), 0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

.referencevypisimgactual {
border:3px solid #dd0000;
}

.referencevypis:hover .referencevypisimg {
transform:scale(1.04);
}
.referencevypis img {
display:none;
}

.referencevypisikona1 {
width:20px;
height:20px;
position: absolute;
bottom:10px;
left:10px;
background:url('reference1.png') no-repeat center center;
background-size: contain;
opacity: 0.7;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

.referencevypisikona2 {
width:20px;
height:20px;
position: absolute;
bottom:10px;
left:10px;
background:url('reference2.png') no-repeat center center;
background-size: contain;
opacity: 0.7;
filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.3));
}

.kontaktikona {
width:36px;
height:36px;
padding:20px 10px 0 0;
transform: rotate(5deg);
filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.251));
}

.referencevypistext {
font-size:0.8rem;
line-height:1.2rem;
color:#909090;
display: block;
}

.referencevypistext b {
line-height:1.6;
padding:8px 0 0 0;
display: block;
font-size:1rem;
color:black;
}



.referencebg {
background:url('bg/white5.jpg') no-repeat center center;
background-size: cover;
background-attachment: fixed;
padding:60px 0 70px 0;
}

.uvozovky {
font-size:2rem;
line-height:10px;
position: relative;
top:10px;
padding:0 5px;
color:#a0a0a0;
font-family: arial, sans-serif;
}

.referenceobjekt {
padding:0 60px;
box-sizing:border-box;
width:100%;
display:flex;
flex-wrap: wrap;
}

.referenceimagein {
margin:0 20px 0 0;
}

.referenceimagein {
width:60px;
height:60px;
display: inline-block;
background-color: #f0f0f0;
border-radius:50%;
}

.referencetext {

}


.emailkontakty {
padding-top:20px;
}

.emailkontakty a {
text-decoration: none;
font-size:20px;
font-weight: 800;
color:white !important;
transition: all  300ms ease ;
}

.emailkontakty a:hover {
color:#FF9900 !important;
}




.footerboxes {
  display:flex;
  flex-wrap: wrap;
  padding:0px 0;
}

.footerbox {
}

.footerbox hr {
border:0;
border-top:2px dotted white;
margin:10px 0;
padding:0;
}


.footerbox1 {
width:30%;
box-sizing: border-box;
padding:50px 20px 30px 20px;
background-color:#f4f4f4;
text-align: center;
}

.footerbox1 img {
width:100%;
max-width:250px;
}

.footerbox2, .footerbox3 {
width:35%;
box-sizing: border-box;
padding:50px 20px 30px 20px;
}


.footerbox2 p,.footerbox3 p {
font-size:14px;
line-height: 20px;
}

.footerbox3 em {
font-style: normal;
font-size:35px;
font-weight: 800;
position: relative;
z-index:99;
color:#FF9900;
}

.footerbox3 em a {
color:#FF9900 !important;
text-decoration: none;
}



.footerbox3 em::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -10px;
  right: -10px;
  background-color: white;
  transform-origin: bottom;
  z-index: -1;
  clip-path: polygon(0 0,100% 0,100% 100%,0% 100%);
  transform: rotate(-2deg);
}


.snami_container,.flex_container {
  display:flex;
  flex-wrap: wrap;
//background-color:white;
//padding:25px 20px 15px 20px ;
//border-radius:10px;
//filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.1));

}

.flex_container {
text-align:center;
}

.vzorovereseni {
max-width:340px;
width:100%;
margin:10px auto;
border:3px solid #232323;
box-shadow: 2px 2px 1em rgba(0, 0, 0, 0.61);
border-radius:10px;
background-color:white;
box-sizing: border-box;
padding:30px;
position: relative;
overflow:hidden;
transition:all 200ms ease-in;
}


.vzorovereseni:hover {
transform:scale(1.05);
}

.vzorovereseni:last-child {
background: linear-gradient(to right bottom , rgba(255,255,255,1) 0%, rgba(253,255,245,1) 50%,rgba(255,250,245,1) 51%,rgba(255,250,245,1) 60%,rgba(250,245,240,1) 70%,rgba(255,255,255,1) 80%);
}


.vzorovereseni:nth-child(2)::before {
content:'STŘEDNÍ CESTA';
display: inline-block;
position: absolute;
top:25px;
right:-85px;
background-color: #A0A0A0;
font-size:10px;
line-height:10px;
padding:7px 80px;
box-sizing: border-box;
border-radius:0px;
color: white;
transform:rotate(45deg);
font-weight: bold;
transition:all 200ms ease-in;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.vzorovereseni:hover:nth-child(2)::before {
transform:scale(1.1) rotate(45deg);
top:28px;
right:-82px;
}

.vzorovereseni:last-child::before{
content:'NEJVÝHODNĚJŠÍ';
display: inline-block;
position: absolute;
top:25px;
opacity:0.99;
right:-85px;
background-color: #0066CC;
font-size:10px;
line-height:10px;
padding:7px 80px;
box-sizing: border-box;
border-radius:0px;
color: white;
transform:rotate(45deg);
font-weight: bold;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
transition:all 200ms ease-in;
}

.vzorovereseni:hover:last-child::before {
transform:scale(1.1) rotate(45deg);
top:28px;
right:-82px;
}


.vzorovereseni:first-child::before{
content:'NEJLEVNĚJŠÍ';
display: inline-block;
position: absolute;
top:25px;
right:-78px;
background-color: #f0f0f0;
font-size:11px;
line-height:11px;
padding:7px 80px;
box-sizing: border-box;
border-radius:0px;
color: #707070;
transform:rotate(45deg);
font-weight: bold;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
transition:all 200ms ease-in;
}

.vzorovereseni:hover:first-child::before {
transform:scale(1.1) rotate(45deg);
top:28px;
right:-75px;
}

.vzorovereseni h4 {
text-align: left;
font-size: 1.4rem;
color:black;
font-weight: 800;
margin:0;
padding:0 0 4px 0;
line-height:1;
}

.vzoroveresenipopis {
display: block;
text-align: left;
color:#707070;
}

.vzoroveresenicena1 {
border-top: 2px dashed #909090;
padding-top:10px;
margin-top:10px;
display: block;
text-align: left;
color:#707070;
background-color: #f4f4f4;
padding:3px 8px;
}

.vzoroveresenicena2 {
display: block;
color:#707070;
text-align: left;
padding:3px 8px;
}

.vzoroveresenicena3 {
display: block;
text-align: left;
font-weight: bold;
color:white;
background-color: #ff9900;
padding:3px 8px;
}

.vzorovereseni:last-child .vzoroveresenicena3{
background-color: #ff9900;

}

.vzorovereseni ul {

}


.vzorovereseni .hvezdicky {
text-align: left;
}
.vzorovereseni .hvezdicky img {
width:15px;
margin:0 3px 0 0;
}

.stardarker {
filter: grayscale(100%);
opacity:0.3;
display: none;
}



.poptavkabox .poptavkah2 {
color:white !important;
background: -webkit-linear-gradient(45deg, white, #f0f0f0);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.poptavkahr {
margin:20px 0;
padding:0;
border:0;
border-top:1px dotted #909090;
}
 
.poptavkahrbig {
margin:20px 0;
padding:0;
border:0;
border-top:2px dotted black;
}




.mycontactform input, .mycontactform  select, .mycontactform  textarea {
border-radius:3px;
width:100%;
box-sizing: border-box;
border:0;
padding:10px 10px;
margin:10px 0;
background-color: white;
}


.mycontactform .formsubmit {
cursor:pointer;
background-color:#1fa907;
padding:10px 20px;
color:white;
font-weight: 600;
font-size:1.2rem;
display: inline-block;
text-decoration: none;
transition:all 300ms ease;
border-radius:5px;





box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 1px 3px rgba(0,0,0,0.31);
font-style: italic;


}

.mycontactform .formsubmit:hover {
transform:scale(1.051);
}









.adresaflex {
display:flex;
flex-wrap: wrap;
max-width:800px;
width:100%;
margin:0 auto;
}


.adresaobjekt {
margin:0 auto;
text-align: left;
padding:5px;

box-sizing: border-box;
color:black;
}

.adresaobjektmensi {
width:40%;
max-width:300px;
}
.adresaobjektvetsi {
width:60%;
max-width:500px;
}


.adresaflex h2 {
text-align: left;
padding-left:15px !important;
opacity:0.7;
display:block;
//oranzova #FF9900
//modra #0066CC
}

.adresaobjekt input, .adresaobjekt  select, .adresaobjekt  textarea {
border-radius:3px;
width:100%;
box-sizing: border-box;
border:0;
padding:10px 10px;
margin:5px 0;
background-color: white;
}

.adresaobjekt input:focus, .adresaobjekt select:focus, .adresaobjekt textarea:focus, .prepinaclink:focus {
outline: medium solid #ff9900;
}


table.adresaobjekt td {
padding:3px;
}

.poptavkapadding {
background-color:rgba(255,255,255,0.85);
padding:40px;
border-radius:20px;
backdrop-filter: blur(3px);
}

.snamibox {


box-sizing: border-box;
//border-radius:8px;
//padding:2px 5px 0px 5px;
width:100%;
display: block;
margin:0 0px 20px 0;

}


.snamiboxin {
height:100%;
box-sizing: border-box;
//border-radius:8px;
//padding:30px 10px 30px 20px;
width:100%;
display: block;
/*
background-color:#FF9900;// rgba(25,68,111,0.8);
background: linear-gradient(to right bottom , rgba(20,100,50,0.5) 0%, rgba(25,68,111,1) 20%,rgba(25,68,111,1) 70%);
color:white !important;
*/
color:rgba(25,68,111,1) !important;


  font-size:13px;
//color:#545454 !important;

transition:300ms ease;
position:relative;
}

.snamiboxin li {
font-size:14px;
line-height:19px;
padding:5px 0 5px 5px;
list-style: none url();
position: relative;
}

.snamiboxin li:before {
background:url('checkblue.png') no-repeat center center;
background-size:contain;
content:'';
width:20px;
height:15px;
position: absolute;
left:-22px;
top:9px;

display: inline-block;
}



.snamiboxin li strong {
font-size:14px;

}




.snami_obrazek {
width:35px;
height:50px;
//font-size:40px;
//color:white;
//line-height:40px;
display: inline-block;
transition:300ms ease;
background:url('check.png') no-repeat center center;
background-size:contain;

}

.snami_textholder {
display: inline-block;
/* color:white; */
color:rgba(25,68,111,1) !important;
font-size:14px;
line-height:1.3;

}


.snami_textholder .snaminadpis {
font-size:var(--fs-h2);
font-weight: 800;
padding-bottom:10px;
padding-left:28px;
display: inline-block;
position: relative;
}

.snami_textholder .snaminadpis::before {

content:'';
width:33px;
height:33px;
background:url('/_ikony/medal2.png') no-repeat center center;
background-size: contain;
position: absolute;
left:-8px;
top:2px;
}






.snamibox b, .snamibox strong {
font-size:17px;
line-height:1.5;
font-weight:800;
//color:#545454 !important;
//color:white !important;
color:rgba(25,68,111,1) !important;
}
.snamiboxin:hover {
//transform:scale(1.02);
//background-color: rgba(25,68,111,1);
}

.snamiboxin:hover .snami_obrazek {
transform:scale(1.2);
}




input {
padding:0;
}


.infobox {
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 10px;
  font-size: 15px;
  line-height: 19px;
  font-style: italic;
}

.textimage_right {
width:50%;
max-width:500px;
float:right;
margin:0 0px 10px 20px;

border-radius:10px;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.2));

}


.textimage_left {
width:40%;
max-width:400px;
float:left;
margin:0 20px 10px 0;
}


.textimage {
width:90%;
max-width:400px;
margin:0 auto 10px auto;
display: block;
}


.textimage169 {
width:90%;
height:300px;
margin:0 auto;
}


.textimage_full {
width:100%;
height:100%;
min-height:300px;
border-radius:10px;
position: relative;
display: inline-block;
filter: drop-shadow(1px 1px 7px rgba(0,0,0,0.71));
}

.div50container {
display:flex;
}

.div50vlevo1 {
width:50%;
flex: 1;
box-sizing: border-box;
padding:0 15px 0 0;
}

.div50vpravo1 {
flex: 1;
width:50%;
box-sizing: border-box;
padding:0 0 0 15px;
}

.div50vlevo1 .snamibox {
height:calc(100% - 8px);
}

.div50vlevo {
//float:left;
width:60%;
box-sizing: border-box;
padding:0 30px 0 0;
}
.div50vpravo {
//float:left;
width:40%;
box-sizing: border-box;
padding:0 0 0 30px;

}

.div50vlevo2 {
//float:left;
width:40%;
box-sizing: border-box;
padding:0 30px 0 0;
}
.div50vpravo2 {
//float:left;
width:60%;
box-sizing: border-box;
padding:0 0 0 30px;

}



h2 {

background: -webkit-linear-gradient(45deg, #173c75 30%,#179ca5);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

}
.h2white {
background: -webkit-linear-gradient(45deg, white, white);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }

 .h2white b {
 background: -webkit-linear-gradient(45deg, rgba(255,204,0,0.21), rgba(255,204,0,0.75));
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;       }





.colorinvert, .colorinvert p, .colorinvert h2, .colorinvert h3, .colorinvert a  {
color:white;
}

 .colorinvert h2 {

background: -webkit-linear-gradient(45deg, white, white);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;


}
/*-------------------------------------*/

.sedepozadi1 {
background-color: #f0f0f0;
margin:0px 0 0px 0;



}
.sedepozadi2 {
padding:40px 0;
box-shadow: 0 0 0 100vmax #f0f0f0;
clip-path:inset(0 -100vmax);
}
/**/





h1 {
font-family: 'Open Sans', sans-serif;
margin:0;
padding:2rem 0 1rem 0;
font-size: var(--fs-xl);
line-height:1.2;
font-weight: 800;
color:#FF9900;
}

.h1stin {
color:white;
filter: drop-shadow(1px 1px 4px #173c75) drop-shadow(1px 1px 10px rgba(0,0,0,.5));
 }
#hlavninadpishomepage {
opacity:0;
position: relative;
    transition: top 0.25s linear, opacity 0.25s linear;
}

#hlavnipodnadpis {
opacity:0;
position: relative;
    transition: all  0.25s ease-in;
}

#hlavnipodnadpis:hover{
transform:scale(1);
}

h2 {
font-family: 'Open Sans', sans-serif;
margin:0;

padding:30px 0 20px 0;
font-size:2rem;
line-height: 1.4;
font-weight: 800;


 }


h3 {
font-family: 'Open Sans', sans-serif;
margin:0;
padding:10px 0 10px 0;
font-size:1.7rem;
line-height: 1.4;
font-weight: 800;
 }

.toph1h2 {
padding:80px 0 20px 0 !important;
}


.toph1h2 h1 {
text-align: center;
}

.toph1h2 h2 {
text-align: center;
font-size:1.4rem;
color:#787878;
color:white;
}

.toph1h2 p{
color:#787878;
color:white;
font-style: italic;
text-align: center;
font-size:14px;
line-height: 1.4;
}

p {
margin:0;
padding:10px 0 10px 0;
}


 img {
  border: none;
 }




 body {
  background-color: white;
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  color:#454545;
 }


 
 a
 {
  color:black;
 }  

.poptavkatable {
padding:30px;
}
.poptavkatable td {
padding:0px;
}


.poptavkatable {
margin: 0 auto;
max-width:500px;
min-width:300px;
}
 
.hidemobile {
display:auto;
}

.showmobile {
display: none;
}
 


.holdermenudiv {
  max-width: 1150px;
  width:100%;
  padding:0 10px;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: left;
  position: relative;
}

 .holder {
  max-width: 1100px;
  width:100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
 }

 .holderbxslider {
 width: 970px;
 margin: 0 auto;
 text-align: left;
}



.bx-wrapper .bx-viewport {
background-color: transparent !important;
}

 #page {
padding:0;
 }




.footer {
z-index:0;
background:url('bgorange.jpg');
background-size:cover;
color:white;
position: relative;
}

.footer a,.footer p {
color:white;
}



.footerstin {
z-index:9;
position: absolute;
top:0;
height:30px;
left:0;
width:100%;
background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0));
 }


.pozadiextraholder {
padding:75px 0;
background-attachment:fixed !important;
//margin:75px 0;

}

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

.postup_main {
cursor:default;
flex-basis: calc(100% / 6);
margin-bottom:30px;
text-align: center;
}

.postup_mainin {
box-sizing: border-box;
width:100%;
padding:0 20px;
display: block;
}


.postup_main:hover .postup_obrazek {
transform:scale(1.2);
}


.postup_obrazek {
transition:300ms ease;
height:80px;
width:100%;
display:block;
margin-bottom:10px;
}
.postup_nadpis {
display: block;
height:3em;
font-weight:bold;
font-size:19px;
line-height:1.3;
}

.postup_popis {
display: block;
font-size:14px;
line-height:19px;
}



.mybuttonback {
background-color:#0066CC;
padding:5px 20px;
color:white;
font-weight: 600;
font-size:0.9rem;
display: inline-block;
text-decoration: none;
transition:all 300ms ease;
border-radius:5px;
}

.mybuttonback:hover {
transform:scale(1.051);
}


.mybutton {
cursor:pointer;
background-color:#1fa907;
padding:10px 20px;
color:white;
font-weight: 600;
font-size:1.2rem;
display: inline-block;
text-decoration: none;
transition:all 300ms ease;
border-radius:5px;
position: relative;
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 1px 3px rgba(0,0,0,0.31);
overflow: hidden;
box-sizing:border-box;
z-index:0;
border:0;
}

.mybutton:hover {
transform:scale(1.051);
}



.mybutton::before {
box-sizing:border-box;
position: absolute;
content:'';
left:0;
top:0;
width:0%;
height:100%;
display: block;
opacity:0;
background-color:rgba(0,0,0,0.11);
z-index: -1;
transition:all 200ms linear ;
}


.mybutton::after {
box-sizing:border-box;
position: absolute;
content:'';
right:0;
top:0;
width:0%;
height:100%;
display: block;
opacity:0;
background-color:rgba(0,0,0,0.11);
z-index: -1;
transition:all 200ms linear ;
}



.mybutton:hover::before, .mybutton:hover::after {
opacity:1;
width:50%;
}










.mybuttonorangesmall {
margin:20px 0 0 0;
padding:10px 0px;
color:white;
width:100%;
font-weight: 600;
font-size:14px;
display: inline-block;
text-decoration: none;
transition:all 300ms ease;
border-radius:0px;
overflow: hidden;
position: relative;
background-color:#1fa907;
box-sizing:border-box;
z-index:0;
text-transform: uppercase;
}


.mybuttonorangesmall::before {
box-sizing:border-box;
position: absolute;
content:'';
left:0;
top:0;
width:0%;
height:100%;
display: block;
opacity:0;
background-color:rgba(0,0,0,0.11);
z-index: -1;
transition:all 200ms linear ;
}


.mybuttonorangesmall::after {
box-sizing:border-box;
position: absolute;
content:'';
right:0;
top:0;
width:0%;
height:100%;
display: block;
opacity:0;
background-color:rgba(0,0,0,0.11);
z-index: -1;
transition:all 200ms linear ;
}


.mybuttonorangesmall:hover::before, .mybuttonorangesmall:hover::after {
opacity:1;
width:50%;
}







.mybuttonorange {
box-shadow: inset 0px 0px 35px rgba(200,200,200,0.31), 1px 1px 3px rgba(0,0,0,0.31);
padding:10px 20px;
color:white;
font-weight: 600;
font-size:1.2rem;
display: inline-block;
text-decoration: none;
transition:all 300ms ease;
border-radius:5px;
overflow: hidden;
margin:0 10px;
font-style: italic;
position: relative;
background-color:#1fa907;
box-sizing:border-box;
z-index:0;
opacity:0;
transform:scale(1.3);
}


.mybuttonorange::before {
box-sizing:border-box;
position: absolute;
content:'';
left:0;
top:0;
width:0%;
height:100%;
display: block;
opacity:0;
background-color:rgba(0,0,0,0.11);
z-index: -1;
transition:all 200ms linear ;
}


.mybuttonorange::after {
box-sizing:border-box;
position: absolute;
content:'';
right:0;
top:0;
width:0%;
height:100%;
display: block;
opacity:0;
background-color:rgba(0,0,0,0.11);
z-index: -1;
transition:all 200ms linear ;
}


.mybuttonorange:hover::before, .mybuttonorange:hover::after {
opacity:1;
width:50%;
}

.mybuttonorange:hover {
transform:scale(1.051);
}




/* menu START */

#logo {
position: relative;
left:7px;
top:0;
display: block;
z-index:99;
text-decoration: none;
width:270px;
height:50px;
}

#logo em {
display: block;
position: relative;
top:3px;
left:0;
width:44px;
height:44px;
border-radius:3px;

background:white url('logotopsmall.png?') no-repeat center center;
background-size:40px 40px;
}


#logo b {
display: block;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
font-size:27px;
line-height:0;
color:white;
position: absolute;
top:15px;
left:50px;
}

#logo span {
font-size:20px;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
position: absolute;
line-height: 0;
top:36px;
color:#FF9900;
left:50px;
}


#logo:hover {
color:#505050;
}



.mobilemenu {
background:url('menumobile.png') no-repeat left top;
width:33px;
height:25px;
position: absolute;
top:12px;
right:10px;
}


#menum {
z-index:99999;
width:0;
padding:0 0 0px 0;
position: relative;
top:50px;
left:0;
background-color: #fcce3c;
overflow: hidden;
border-radius:0 0 10px 10px;
}


#menum ul li,#menum ul ul li {
list-style: none;
text-align: left;
}

#menum ul li a {
color:black;
display: block;
padding:10px;
text-decoration: none;
font-size:16px;
overflow: hidden;
}

#menum ul li a:hover,#menum ul ul li a:hover {
background-color:#fc9e0f;
color:black;
}

#menum ul li a.actual {
background-color:#fc9e0f;
color:black;
}



#menum ul ul li a {
font-size:14px;
color:white;
overflow: hidden;
display: block;
background-color:#232323;
padding:8px 8px 8px 40px;
text-decoration: none;
}

#menum ul , #menum ul ul, #menum ul li, #menum ul ul li {
padding:0;
margin:0;
}

#menu #menum ul li {
display: block;
}

 
 
 #logo a {
 }



 #menudiv {
 position: fixed;
 text-align: left;
 top:0px;
 padding:10px 0 10px 0;
 width:100%;
 }
 .menudivbg {
 background: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0));
 }

 #menudivin {
 position: relative;
 width:100%;
 height:50px;
 background-color:#0066CC;
 border-radius:5px;
 filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.3));
 }
 
 #menu {
 position: absolute;
 right:10px;
 top:4px;
 font-family: 'Open Sans', sans-serif;
 letter-spacing: 1px;
 }
 



/* menu KONEC */





.slickholder {
width:calc(100% - 80px);
margin:0 auto;
}

.slickholderouter {
width:100%;
height:310px;

background-color: #f0f0f0;
padding:30px 0;
}

.slick-prev.slick-arrow{
z-index:999;
background:#c4c4c4 url('sipkal.png') no-repeat center center !important;
left:-40px;
}
 .slick-next.slick-arrow {
background:#c4c4c4 url('sipkar.png') no-repeat center center !important;
z-index:999;
right:-40px;
}
.slick-slideimage {
width:100%;
height:200px;
display: inline-block;
}

.slickblogy {

}

.referenceblokin:hover {
}


.slickblogy span {
}

.reference-slick-box {
width:100%;
cursor: e-resize;
height:300px;
display: inline-block;
box-sizing: border-box;
padding:10px 20px 0 20px;
text-align: left;
}


.referenceblokin {
overflow: hidden;
background-color: white;
border-radius:10px;
margin:0 5px;
}

.reference-slick-box-text {
height:240px;
overflow:auto;
box-sizing: border-box;
padding:0 10px 0 0;
}
.reference-slick-box-text p {
font-size:12px;
padding-top:0;
line-height:15px;
text-align: justify;
}

.reference-slick-box h4 {
overflow:hidden;
display: block;
height:24px;
}
.reference-slick-box h4 span {
font-weight: normal;
padding:0 0 0 10px;
font-size:12px;
color:#909090;
}

.hvezdicky {
}

.reference-slick-box img {
width:10px;
height:10px;
margin:0 2px 0 0;
display: inline-block !important;
}

.slick-plusko {
background-color: #a0fda0;
border-radius:50%;
width:13px;
height:13px;
color:#003d00;
padding:4px 0 0 4px;
font-size:15px !important;
line-height:10px !important;
display: inline-block;
font-style: normal;
}
.reference-slick-box-text p em {
font-style: normal;
color:#404040;
background-color: #f0fff0;
border-radius:10px;
display: block;
padding:10px;

}


.cislovanylist {
list-style: none url();
margin:0 0 0 55px;
}

.cislovanylist li {
position: relative;
transition:300ms ease;
margin-bottom:20px;
background-color: rgba(0,0,0,0.1);
padding:10px;
border-radius:10px;
}
.cislovanylist li p {
line-height:1.5;
padding:10px;
font-size: 14px;
  line-height: 19px;
}

.cislovanylist li:hover {
transform:scale(1.02);
}

.cislovanylist li:hover em {
background-color:#0066CC;
}

.cislovanylist p strong {
font-size:var(--fs-h2);
line-height:var(--lh-h1);
padding:5px 0 15px 0;
display: block;
}





.cislovanylist li em {
position: absolute;
left:-55px;
border-radius:3px;
top:15px;
line-height:45px;
font-size:35px;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
color:white;
font-style: normal;
background-color: #909090;
display: inline-block;
width:40px;
text-align: center;
transform:rotate(5deg);
filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.51));
}



#grid-container a {
background:url('/_tpl/responsive/preload.gif') no-repeat center center;
}

.grid-item {
display: inline-block;
}
 .grid-item:hover {
background-color: #d0d0d0;
 }


.grid-item img {
z-index: 1;
}




/* zprava START */

 .zprava {

  height:240px;
  max-width:320px;
  width:100%;

  display: inline-block;
  text-align: left;

 text-decoration: none;


padding:0 10px;
box-sizing:border-box;
  }


.zpravain2 {
border-radius:5px;
display: block;
}

.zpravain {
border-radius:5px;
position: relative;
border: 0;
box-sizing:border-box;
background-color:#0066CC;
display: block;
height:220px;
color:white;
transition:200ms all ease-in;
}

.zpravaobrazek {
display: block;
width:100%;
height:70%;
background-color: #d0d0d0;
border-radius:5px;
}

.vypiszprav {
padding:0 20px;
text-align: center;
}

.zpravavnitrek {
padding:10px;
display: block;
}
.zpravanadpis {
font-size: 16px;
font-weight: bold;
line-height:12px;
}
.zpravatext {
font-size: 12px;
line-height:14px;
}

.zpravavnitreklimit {
height:55px;
overflow: hidden;
display: block;
position: relative;
font-size:12px;
}


.zpravaodkaznadetail {
font-size:12px;
font-weight: bold;
position: absolute;right:20px;bottom:10px;
}
/* zprava KONEC */

 .clearer {
  clear: both;
 }


.zprava:hover .zpravain {

background-color:#173c75;
transform:scale(1.03) rotate(1deg);
}

.zpravaactual .zpravain {

background-color:#173c75;
transform:scale(1.03) rotate(1deg);
border-bottom:3px solid #FF9900;
}

.zpravaactual {
display:none;
}





.bxslider {
margin:0;
padding:0;
height:72vh;
max-height:600px;
display: block;
}

.bxslider li {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.bxslider_objekty  {
display: block;
height:100%;
}

.bxslider_objektyin {
position: absolute;
bottom:10vh;
width: 100%;
}

.bxslider_nadpis {
display: block;
font-size: var(--fs-xl);
line-height:var(--lh-xl);
background-color: white;
font-family:"Inter",sans-serif;
font-weight:700;
}

.bxslider_text {
display: block;
background-color: white;
}

.bxslider_odkaz a
{
background-color: red;
color:white;
}




.referenceslider  {
margin:0;
padding:0;
display: block;
display:flex;
}

.referenceslider li {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}




.asociace {
width:100%;
margin:30px 0 10px 0;border-radius:10px;
}

@media (max-width: 1100px) {

.placeholder {
}

.hidemobile {
display: none;
}

.showmobile {
display: block;
}


 .zprava {

}


.holder {
width:100%;
}
.holderin,.holderinpoptavka {
padding:0 20px;
}


 .zprava {

}


.postup_main {
flex-basis: calc(100% / 3);
}
.asociace_kontakt img {
width:100px;
}
}

@media (max-width: 900px) {


.holderinpoptavka {
padding:20px 0 0 0;
}

.homepageobjektpozadi {
border-radius:0;
}



.div50container {
display:block;
}

.div50vlevo,.div50vlevo1,.div50vlevo2 {
float:auto;
width:100%;
box-sizing: border-box;
padding:0px 0 0 0;
}
.div50vpravo,.div50vpravo1,.div50vpravo2 {
float:auto;
width:100%;
box-sizing: border-box;
padding:20px 0 0 0;
}


.referencevypis {
width:33.3%;
padding:10px;
}

#menudiv {
 //position: absolute;
}

 #menu {
position: absolute;
left:0px;
top:0px;
width:100%;
 }


.pozadiextraholder {
padding:50px 0;
background-attachment: scroll !important;
//margin:75px 0;
}

.infobox {
  border-radius: 0px;

}





}

@media (max-width: 740px) {


.pozadiextraholder {
padding:0px 0 0px 0 !important;
background-attachment: scroll !important;
//margin:75px 0;
}
 .holderinpoptavka {
padding: 0px 0 0 0;
}


.cenovanabidkahomepage {
padding:10px 5px 10px 30px;
}


.cenovanabidkahomepage::before {
width:40px;
height:40px;
position: absolute;
left:-15px;

}

.vykricnikZaTextem::after{
content:'!!';
letter-spacing: -6px;
}

.onlinerecenze {
height:40px;
}



.placeholder {
}


.galeryimgs a {
width:33.3%;
padding:5px;
}


.footerbox1  {
display:none;
}

.footerbox2  {
width:50%;

}

.footerbox3 {
width:50%;

}



.referencevypis {
width:50%;
padding:10px;
}




body, p, td{
font-size:0.8rem;
line-height:1.5;
}


.snamibox {
width:100%;
}



 h2 {
font-size:1.2rem;
line-height: 1.4;
}


.toph1h2 h2 {
font-size:1rem;
}


p{
//display: none;
//font-size:12px;
}
 .zprava {
 width:50%;
   max-width:600px;

}





.postup_main {
flex-basis: calc(100% / 2);
}


.nemakejcz {
position: relative;
z-index:99;
font-weight:800;
color:#193a5e;
font-size:17px;
}


.poptavkapadding {
padding:20px 0 0 0;
border-radius:0px;
margin:0;
}

.poptavkatable {
padding:10px;
}


.adresaobjektmensi, .adresaobjektvetsi {
width:100%;
max-width:100%;
text-align: left;
}
.adresaobjekt {
padding:0 40px;
}


.adresaflex h2 {
text-align: left;
font-size:20px;
line-height:20px;
opacity:0.6;
padding:0 0 20px 0;

}

#logo {
transform:scale(.8);
transform-origin: left;
}

 #menudivin {
 border-radius:0px;
 }

 .holdermenudiv {
  padding:0 0px;
  }


}

@media (max-width: 550px) {

.placeholder {
}

#logo {
transform:scale(.6);
transform-origin: left;
}

.adresaobjekt {
padding:0 15px;
}


.adresaflex h2 {
text-align: left;
font-size:15px;
line-height:15px;

}


.zprava {

height:220px;
}

.zpravain {
height:200px;
}



 .zprava {
 width:100%;
 min-width: 0px;
}

.referencebg .holderin {
padding:0;
}

.referenceimage {
width:100%;
}
.referenceobjekt {
padding:0 15px;
display:block;
}
.bx-controls {
display:none;
}



.textimage_left,.textimage_right {
width:100%;
max-width:100%;
display: block;
float: none;
margin:10px 0 10px 0;
}




.postup_main {
flex-basis: 100%;
}





.footerbox1  {
display: block;
width:100%;
margin:20px 0 0 0;
padding:0px 20px 30px 20px;
}

.footerbox1 img {
max-width:200px;
}



.footerbox2  {
width:100%;
padding:30px 20px 0 20px;
}

.footerbox3 {
width:100%;
padding:20px 20px 30px 20px;
}



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

.postup_main {
flex-basis: 100%;
margin-bottom:30px;
text-align: center;
}

.postup_mainin {
box-sizing: border-box;
width:100%;
padding:0 ;
display: block;
}


.postup_obrazek {
float:left;
height:80px;
width:100px;
display:block;
margin:0px;
}
.postup_nadpis {
height:auto;
text-align: left;
}

.postup_popis {
display: block;
text-align: left;
font-size:12px;
line-height:1.2;
}





.cislovanylist {

margin:0 0 0 35px;
}

.cislovanylist li {
padding:5px;
}
.cislovanylist li p {
line-height:1.4;
padding:5px;
}



.cislovanylist li em {
position: absolute;
left:-40px;
border-radius:3px;
top:15px;
line-height:45px;
font-size:25px;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
color:white;
font-style: normal;
background-color: #909090;
display: inline-block;
width:30px;
text-align: center;
transform:rotate(5deg);
filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.51));
}



.galeryimgs a {
width:50%;
}

.emailkontakty a {
font-size:14px;
}


}





@media (max-width: 360px) {

.placeholder {
}



.zprava {

height:140px;
}

.zpravain {
height:120px;
}
.zpravaobrazek {
}
.zpravaodkaznadetail {
display:none;
}
.zpravavnitrek {
padding:1px 8px 0 8px;;
}
.zpravanadpis {
  font-size: 12px;
  font-weight: normal;
  line-height: 8px !important;
}

.referencevypis {
width:100%;
}


 .zprava {
 width:100%;
}

}