html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
  
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
    font-family: fontnormal;
    src: url('OpenSans-CondLight.ttf');
}
@font-face {
    font-family: fontnormal-ie;
    src: url('OpenSans-CondLight.woff') format('woff');
}

@font-face {
    font-family: fontbold;
    src: url('OpenSans-Condbold.ttf');
}
@font-face {
    font-family: fontbold-ie;
    src: url('opensans-condbold.woff') format('woff');
}

@font-face {
    font-family: fontitalic;
    src: url('OpenSans-CondLightitalic.ttf');
}
@font-face {
    font-family: fontitalic-ie;
    src: url('OpenSans-CondLightitalic.woff') format('woff');
}
* {
  margin: 0;
  padding: 0;
  border: 0;
}

body{
  overflow-x: hidden;
  font-family: fontbold, fontbold-ie;
  padding: 0;
  margin: 0;
  background-color: #f6f6f6;
}

.container{
  width: 60%;
  margin: auto;
  overflow: hidden;
}




.footer{
  width: 100%;
  
  height: 120px;
  background: #383737;
  color: #c7c6c6;
 
  font-size: 20px; 
  font-family: fontnormal, fontnormal-ie;
  display: flex;
  border-top: #fff solid 2px;
  margin: auto;
  justify-content: center;

text-align: center;

}
#footerchild{
  display: flex;
border-left: 1px solid #343333;
border-right:1px solid #343333;
width: 1150px;
height: 100%;
background: #2f2f2f;
}
#footercara2{
  margin-top: 10px;
  height: 100px;
  width: 1px;
  background-color: #4f4e4e;
}

#footercontact{
  height: 100%;
  width: 68%;
  position: relative;
 padding-top: 10px;
   margin: auto;
    padding-left: 5%;
}
#footercontact p{
 font-family: 'Open Sans Condensed', sans-serif;
  text-align: left;
  font-size: 16px;
  padding: 2px 0 2px 0;

}
#footercontact h3{
  margin-bottom: 5px;
 font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  color:#fff;
}
#footerc{
  height: 100%;
  width: 30%;
 padding-left: 10px;
 padding-top: 20px;
  margin: auto;
  display: flex;

}
#footerc1 h3{
font-size: 16px;
padding-bottom: 3px;
color: #c7c6c6;


}
#footerc2 h3{
font-size: 16px;
padding-bottom: 8px;
color: #c7c6c6;

}
#footerc1 h3 a:hover{
  color:#fff!important;
}
#footerc2 h3 a:hover{
  color:#fff!important;
}
#footerc1{
width: 40%;
}
#footerc2{
width: 60%;
}
.pozadiabout{
  height: 1200px!important;
  padding-top: 10px;
}
.pozadireference{
  height: 550px!important;
  
}
.bar {
  display: none;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
  z-index: 1000 !important;
}

.bar1, .bar2, .bar3 {
    width: 35px;
    height: 4px;
    background-color: #c2c1c1;
    margin: 5px 0;
    transition: 0.4s;
    z-index: 102;
}

.change .bar1 {
   
    transform: translate( 0px);
    background-color: #e03b3b;
}

.change .bar2 { transform: translate(-12px);
background-color: #fff;
}

.change .bar3 {
    transform: translate(-12px);
    background-color: #fff;
}

header{
  position: relative;
  z-index: 100;
  background: #2f2f2f;
  color: #ffffff;
  height: 45px;


}
.modal {
    display: none;
    z-index: 999 !important; 
    position: fixed; 
    z-index: 1; 
    padding-top: 100px; 
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%;
    overflow: auto; 
    
    
  
    background-color: rgba(255,255,255,0.6); 
    
    }

  .popo .modal{
     display: block;
     
  }
  .popoo .modal{
     top: 0px;
     
  }
.sidenav{
 z-index: 1000 !important;
  width: 0;
  background: #f2f2f2;
  position: absolute;
  margin-top: 10px; 
  top: 50px;
  right: 0;
  transition: all 0.5s;
  overflow-x: hidden;
  height: 320px;
 box-shadow: 0px 0px 2px rgba(0, 0, 0, .5);
   opacity: 0.3;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;

    

}
.pop .sidenav{
  width: 200px;
  opacity: 1;
 
}
.sidenav h6{
  padding-left: 20px;
  align-self: center;
  font-family: fontnormal, fontnormal-ie;
}

.sidenav .active h6{
  font-family: fontbold, fontbold-ie;
}
.sidenav .active{
   
  background: #dc2c2c !important;
  
}
#sidenav1{
  display: flex;
  width: 100%;
  height: 40px;
  

}
#sidenavvyroba{
   
  background-color: red;
  display: flex;
  width: 100%;
  height: 40px;
  

}
#sidenav2{
   display: flex;
width: 100%;
  height: 40px;
 
 
  
}
#sidenav3{
 display: flex;
   width: 100%;
  height: 40px;
  
}
#sidenav4{
display: flex;
 width: 100%;
  height: 40px;
 
}
#sidenav5{
  
  
  display: flex;
width: 100%;
  height: 40px;
  
}
#sidenav6{
  
 
 display: flex;
 
  width: 100%;
  height: 40px;
  
}
#sidenav7{
  
  display: flex;
  
  width: 100%;
  height: 40px;
  
}


#sidenav1,#sidenav2,#sidenav3,#sidenav4,#sidenav5,#sidenav6,#sidenav7, h6{
  color: #000;
  text-align: left;
 
  font-size: 16px;

}
#sidenav1:hover{
  background-color: #c2c1c1!important;
}
#sidenav2:hover{
  background-color: #c2c1c1!important;
}
#sidenav3:hover{
  background-color: #c2c1c1!important;
}
#sidenav4:hover{
  background-color: #c2c1c1!important;
}
#sidenav5:hover{
  background-color: #c2c1c1!important;
}

#sidenav6:hover{
  background-color: #c2c1c1!important;
}
#sidenav7:hover{
  background-color: #c2c1c1!important;
}

#langbg{
  display: none;
  position: absolute;
  right: 0;
  top: 7px;
  width: 120px;
  height: 30px;
  background: #686868;
  border-left:  1px solid #787878;
   border-top: 1px solid #787878;
  border-bottom: 1px solid #787878;
}
#lang1{
  position: absolute;
  right: 60px;
  opacity: 0.5;
  transition: all 0.2s;
}
#lang1m{
  position: absolute;
  right: 20%;
  opacity: 0.8;

}
#lang2m{
  position: absolute;
  right: 60%;
  opacity: 0.8;
 
}
#lang1:hover{
  opacity: 1;
}
#lang2{
  position: absolute;
  right: 30px;
  opacity: 0.5;
  transition: all 0.2s;
}
#lang2:hover{
  opacity: 1;
}
#kontaktvheaderu{
position: absolute;
top: 0;
left: 5px;
height: 50px;
width: 200px;
}
#phone{
  color: #fff;
   font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
  position: absolute;
  top: 12px;
  left: 1%;
  margin-left: 35px;
  z-index: 100;
}
#phoneimg{
   position: absolute;
  top: 0;
  left: 1%;
  z-index: 100;
}



#nav{
  position: absolute;
  right: 20%;
width: 660px;
height: 45px;

display: flex;
justify-content: space-between;
z-index: 101;
font-family: 'Anton', sans-serif;
letter-spacing: 0.5px;

}
#navbehind{
  top: 0px;
  left: -8px;
  position: absolute;
  height: 45px;
  width: 1px;
  background: #3a3a3a;
}
#navbehind2{
  top: 5px;
  left: 106px;
  position: absolute;
  height: 35px;
  width: 1px;
  background: #3a3a3a;
}
#navbehind3{
  top: 5px;
  left: 219px;
  position: absolute;
  height: 35px;
  width: 1px;
  background: #3a3a3a;
}
#navbehind4{
  top: 5px;
  left: 330px;
  position: absolute;
  height: 35px;
  width: 1px;
  background: #3a3a3a;
}
#navbehind5{
  top: 5px;
  left: 444px;
  position: absolute;
  height: 35px;
  width: 1px;
  background: #3a3a3a;
}
#navbehind6{
  top: 0px;
  left: 556px;
  position: absolute;
  height: 45px;
  width: 1px;
  background: #3a3a3a;
}
#navbehind7{
  top: 4px;
  right: 80px;
  position: absolute;
  height: 52px;
  width: 1px;
  background: #4c4c4c;
  z-index: 102;
  display: none;
}
#navbehind8{
  top: 10px;
  right: 50%;
  position: absolute;
  height: 230px;
  width: 1px;
  background: #686868;
  z-index: 102;
 
}

#navone{
  position: relative;
  height: 20px;
  width: 100px;
  
}
#navtwo{
  position: relative;
  height: 45px;
  width: 100px;
  cursor: context-menu;
}

#navone p{
  text-align: center;
  font-size: 15px;
 margin-top: 15px;
 color: #c7c6c6;
}
#navtwo p{
  text-align: center;
   font-size: 15px;
 margin-top: 15px;
 color: #c7c6c6;
}
#navtwo h4{
  text-align: center;
   font-size: 15px;
 margin-top: 15px;
 color: #c7c6c6;
}
#navtworoll h2{
  text-align: center;
   font-size: 15px;
 margin-top: 15px;
 color: #c7c6c6;
}

#navmarkc{
  top: -15px;
  position: absolute;
  width: 100%;
  height: 6px;
  background: #ff3f3f;
  transition: all 0.2s;

}
#navmark{
  top: -21px;
  position: absolute;
  width: 100%;
  height: 6px;
  background: #fff;
  transition: all 0.4s;

}
#navmark2{
  top: -6px;
  position: absolute;
  width: 100%;
  height: 6px;
  background: #fff;
  transition: all 0.4s;

}
#navmark2c{
  top: 0px;
  position: absolute;
  width: 100%;
  height: 6px;
  background: #ff3f3f;
  transition: all 0.4s;

}
#navmark3{
  top: 0px;
  left: -1px;
  position: absolute;
  width: 0px;
  height: 50px;
  background: #fff;
  transition: all 0.2s;
  z-index: 101;
}
#navmark3c{
  top: 0px;
  left: -1px;
  position: absolute;
  width: 6px;
  height: 50px;
  background: #ff3f3f;
  transition: all 0.2s;

}
#nav .current p{
color: #ff3f3f !important;
}
#nav .current h2{
color: #ff3f3f !important;
}

#navone:hover p{
color: #fff !important;
}
#navtwo:hover p{
color: #fff !important;
}
#navele:hover h2{
color: #fff !important;
}
#navkovo:hover h2{
color: #fff !important;
}
#navzam:hover h2{
color: #fff !important;
}
#nav .current:hover #navmarkc{
  background: #fff;
}
#nav .current:hover #navmark3c{
  background: #fff;
}


#navone:hover #navmark{
top: -15px;
}
#navtwo:hover #navmark2{
top: 0px ;
}
#navele:hover #navmark3{
width: 6px;
}
#navkovo:hover #navmark3{
width: 6px;
}
#navzam:hover #navmark3{
width: 6px;
}
#navtworoll{

  height: 0px;
  width: 100px;
  left: 0px;
  

  top: 45px;
  position: absolute;
  z-index: -99;
 background: #353535;
 border-bottom: 0px solid #585858;
 border-left: 1px solid #585858;
 border-right: 1px solid #585858;
  
  transition: all 0.3s;
}
#navtwocara{
  top: 40px;
  left: 30px;
  position: absolute;
  background: #c7c6c6;
  width: 40px;
  height: 1px;
  transition: all 0.3s;
}
#navtwo:hover #navtworoll{
 width: 180px;
 height: 150px;
  left: -40px;
  border-bottom: 1px solid #585858;
}
#navtwo:hover #navele{
 opacity: 1;
}
#navtwo:hover #navkovo{
 opacity: 1;
}
#navtwo:hover #navzam{
 opacity: 1 ;
}
#navtwo:hover #navtwocara{
 top: 195px;
 background: #fff;
 width: 180px;
 left: -40px;
 height: 4px;
}

#navele{
  transition-delay:  0.2s;
   transition: all 0.4s;
  opacity: 0;
  position: absolute;
  bottom: 0px;
  height: 49px;
  width: 100%;
   background: #2f2f2f;
  
}
#navzam{
  opacity: 0;
 background: #2f2f2f;
  position: absolute;
  bottom: 50px;
  height: 49px;
  width: 100%;
    transition: all 0.4s;
  transition-delay:  0.2s;
   
}
#navkovo{
  transition: all 0.4s;
 opacity: 0;
   background: #2f2f2f;
  position: absolute;
  bottom: 100px;
  height: 48px;
  width: 100%;
  transition-delay:  0.2s;
 
   

}


#mobilebg{
  display: none;
}





#zahnuti3{
  display: none;
}

#zahnuti4{
  display: none;
}

#zahnuti5{
  display: none;
}












#augurkovoheader{
  margin-top:0;
  position: absolute;
  top: 0;
  
  z-index: -2;
  float: right;
}
#nameaugur{
  position: absolute;
  right: 50px;
  top: 93px;
  z-index: 1;
  

}
#subname{
  position: absolute;
  right: 65px;
  top: 195px;

}
#nameaugur h1{
font-family: 'Open Sans Condensed', sans-serif;
font-size: 100px;
color: #2f2f2f;
margin-bottom: -10px;
}

#nameaugur b{
  color: #dc2c2c;
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 700;
}
#subname h2{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 30px;
  padding-left: 225px;

}


/*index*/

#augur{
  border-top: #dc2c2c solid 3px;
  border-bottom: #2f2f2f solid 5px;
  height:200px;
  background:url(../img/03.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

      

#augur h2{
position: absolute;
    top: 140px;
    right: 0;
    width: 310px;
    height: 80px;
    border-right: none;
    background: #2f2f2f;
    color: #ffffff;
    padding-left: 10px;
}

#uvod{
  width: 1150px;
  margin: auto;
    text-align: center;
  font-size: 25px;
  font-family: fontnormal, fontnormal-ie;
  color: #000000;
  padding: 10px 0 30px 0;
}


#nabidka{
 justify-content: flex-start;
  margin-top: 250px;
  display: flex;
  height: 33px;
  width: 100%;
  
}
.item{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 18px;
}
.item2{
  margin-left: 5px;
  margin-right: -5px;
width: auto;
color: #dc2c2c;
white-space: nowrap;

}
.item3{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 18px;
}

#nabidka3{
 justify-content: flex-start;
  margin-bottom: 10px;
  display: flex;
  height: 33px;
  width: 100%;

}
#nabidka7{
 justify-content: flex-start;
  margin-bottom: 40px;
  margin-top: 20px;
  display: flex;
  height: 33px;
  width: 100%;

}
#nabidka5{
  margin-top: 250px;
  margin-bottom: 10px;
  
  height: 33px;
  width: 100%;

  
}

.item11{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 30px;
}
.item222{
  margin-left: 5px;
  margin-right: -5px;
width: auto;
color: #dc2c2c;
white-space: nowrap;

}
.item333{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 30px;
}
.itemz{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 42px;
}
.itemz2{
  position: relative;
   align-self: center;
  margin-left: 5px;
  margin-right: -5px;
width: auto;
color: #dc2c2c;
white-space: nowrap;

}
.itemzz2{
  position: relative;
   align-self: center;
  margin-left: 5px;
  margin-right: -5px;
width: auto;
color: #dc2c2c;
white-space: nowrap;

}
.itemz2 img{
  position: absolute;
  left: -40px;
  top: 40px;
  height: 40px;
}
.itemzz2 img{
  position: absolute;
  left: -71px;
  top: 40px;
  height: 40px;
}
.itemz3{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 42px;
}
.itemzz{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 38px;
}

.itemzz3{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 38px;
}
.itemzzz{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 38px;
}

.itemzzz3{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 38px;
}
#nabidka4{
  text-align: center;
  padding-left:  120px;
  color: #dc2c2c;
  margin-top: 15px;
}

#refpopis{
  margin: auto;
  width: 50%;
  padding-top: 20px;
  font-family: fontnormal,fontnormal-ie;
  font-size: 20px;
  text-align: center;

}
#refpopislevy{
  float: left;
  width: 50%;
  
}
#refpopispravy{
  float: right;
  width: 50%;
  margin-top: 50px;
  margin-bottom: 95px;
  
}

#nabidka2{
 justify-content: flex-start;
  margin-bottom: 10px;
  display: flex;
  height: 33px;
  width: 100%;
  
}
.item1{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 18px;
order: 3;
}
.item22{
margin-right: 10pX;
width: auto;
color: #dc2c2c;
white-space: nowrap;
order: 2;
}
.item33{
  height: 1px;
background: #f6c6c6;
width: 50%;
margin-top: 18px;
order: 1;
}

#nabidka h4{
    font-family: fontbold, fontbold-ie;
    font-size: 35px;
    width: 90%;
    margin-bottom: 10px;
}
#nabidka3 h4{
  font-family: fontbold,fontbold-ie;
    font-size: 33px;
   text-align: center;
    margin-top: 10px;
}
#nabidka7 h4{
  font-family: fontbold,fontbold-ie;
    font-size: 33px;
   text-align: center;
    margin-top: 45px;
}
#nabidka2 h4{
  font-family: fontbold,fontbold-ie;
     font-size: 33px;
    margin: auto;
    width: 90%;
    margin-bottom: 10px;
}
#nabidka4 h4{
  font-family: fontbold,fontbold-ie;
     font-size: 33px;
    margin: auto;
    width: 90%;
    margin-bottom: 10px;
}
#nabidka5 h4{
  font-family: fontbold,fontbold-ie;
    font-size: 33px;
   text-align: center;
    margin-top: 10px;
}

#boxes{
  display: flex;
  padding-top: 30px;
  margin: auto;
  text-align: center;
  width: 80%;
}
#boxesimg{
  display: flex;
  padding-top: 30px;
  margin: auto;
  text-align: center;
  width: 200px;
  
}
#boxes .box{
  width: 30%;
  text-align: center;
  margin: auto;
  
}
#boxesimg .boximg{
  width: 25%;
  text-align: center;
  margin: auto;
  
}
.one{
  outline: none;
}
.two{
  outline: none;
}
.three{
  outline: none;
}
.one:hover + #one{
  color: #dc2c2c;
  font-size: 30px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 600;
}
.two:hover + #two{
  color: #dc2c2c;
  font-size: 30px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 600;
}
.three:hover + #three{
  color: #dc2c2c;
  font-size: 30px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 600;
}

#boxes .box img{
  
  height: 200px;
 }
 #boxesimg .boximg img{
  
  height: 200px;
 }
#boxesimg .boximg p{
    color: #000000;
    font-size: 18px;
    font-family: fontnormal,fontnormal-ie;
    padding-top: 10px;
  width: auto;
  text-align: center;

    
}

#boxes .box p{
    color: #000000;
    font-size: 18px;
    font-family: fontnormal,fontnormal-ie;
    padding-top: 10px;
  width: auto;
  text-align: center;

    
}

#uvod2{
  width: 1150px;
  margin: auto;
  text-align: center;
  font-size: 25px;
  font-family: fontnormal,fontnormal-ie;
  color: #000000;
  padding: 10px 0 5px 0;
}

#uvod2 span{
  font-size: 26px;
  font-family: fontnormal,fontnormal-ie;
  color: #dc2c2c;
}

#greybox {
   
   height: 300px;
   padding: 0 1.5% 0 1.5%;
  
}

#gbmezi{
  margin: auto;
  height: 10px;
   
   
}
#greybox2 {
 
  margin: auto;
  
   height: 200px;
   padding: 0 7.5% 0 7.5%;
   display: flex;
}
#airpopis{

  position: absolute;
  z-index: 100;
  font-family: fontbold,fontbold-ie;
  font-size: 50px;
  color: #fff ;
  background: rgba(0,0,0,0.3);
  padding: 0 1% 0 1%;

}
#refmobile{
height: 2000px;
width: 100%;
display: none;
}
.airx{
  font-size: 22px;
  font-family: fontnormal,fontnormal-ie;
}
#airmore{
  position: absolute;
  z-index: 100;
  font-family: fontbold,fontbold-ie;
  font-size: 25px;
  color: #fff ;
  width: 75px;
  height: 40px;
  background: rgba(0,0,0,0.1);
  border: #fff solid 1px;
  padding: 6px 1% 0 1%;
  left: 42%;
  top: 230px;
  transition: color 0.35s;
  transition: background 0.35s;
}
#airmore:hover{
 
  color: #fff ;
  background: rgba(0,0,0,0.4);
  
  
  
  
  
}
#airlink:visited{
  color: #fff;
}
#othermore{
  text-decoration: none;
  outline: none;
  position: absolute;
  z-index: 100;
  font-family: fontbold,fontbold-ie;
  font-size: 20px;
  color: #fff;
  width: 55px;
  height: 32px;
  background: rgba(0,0,0,0.1);
  border: #fff solid 1px;
  padding: 4px 0 0 2%;
  left: 85%;
  top: 135px;
 transition: color 0.35s;
  transition: background 0.35s;
}
#othermore:hover{
 
  color: #fff ;
  background: rgba(0,0,0,0.4);
  
  
  
  
  
}
#otherlink:visited{
  color: #fff;
}
#otherpopis{
  
  position: absolute;
  z-index: 100;
  font-family: fontbold,fontbold-ie;
  font-size: 25px;
  color: #fff ;
  background: rgba(0,0,0,0.4);
  padding: 0 1% 0 1%;
  right: 0;
}
#gb_text{ 
  padding-top: 25px;
height: 100%;

width: 20%;
}
#gb_img{
  width: 30%;
  position: relative;

}
#gb_text p{

font-family: fontnormal,fontnormal-ie;
font-size: 20px;
padding: 4%;
text-align: left;
}
#cf{
  position: relative;
  margin:0 auto;
}
#cf img {
  position:absolute;
  transition: opacity 1s ease-in-out;
  
}
 @keyframes cfFadeInOut {
20% {
  opacity:1;
}
30% {
opacity:0;
}
50% {
opacity:0;
}
60% {
opacity:0;
}
80% {
opacity:0;
}
90% {
opacity:1;
}
}

#cf img.top {
animation-name: cfFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 20s;

}
 @keyframes cfFadeInOutsecond {
20% {
  opacity:1;
}
30% {
opacity:1;
}
50% {
opacity:1;
}
60% {
opacity:0;
}
80% {
opacity:0;
}
90% {
opacity:0;
}
}

#cf img.bottom {
animation-name: cfFadeInOutsecond;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 20s;

}








#greybox img{
  float: left;
  margin: 0 auto;
  width: 50%;
  object-fit: cover;

  
}

#greybox p{

  text-align: center;
  color: #000000;
  float: right;
  margin: 0 auto;
  width: 45%;
  height: auto;
  padding-left: 10px;
  padding-top: 60px;
  font-size: 20px;
  font-family: fontnormal,fontnormal-ie;
}



h3{
  text-align: left;
  font-size: 20px;

}
#zpracovani{

  width: 1150px;
  margin: auto;

 
}
#ohybacka{
  display: flex;
 width: 100%;
 margin: auto;
}
#ohyb{
  width: 40%;
  height: 240px;



}
#ohyb img{
  margin-top: 20px;
 width: 95%;
 height: 200px;
 margin-left: 5%;
object-fit: cover;
border:#bcbcbc solid 1px;
}
#ohyb2{
  width: 40%;
  height: 240px;



}
#ohyb2 img{
  margin-top: 20px;
 width: 95%;
 height: 200px;
 
object-fit: cover;
border:#bcbcbc solid 1px;
}
#ohb{
  padding: 0 4% 0 2%;
  width: 35%;
  font-family: fontnormal,fontnormal-ie;
  font-size: 15px;
  text-align: center;
  margin-top: 45px; 
}
#aohb{
  padding: 0 4% 0 2%;
  width: 35%;
  font-family: fontnormal,fontnormal-ie;
  font-size: 15px;
  text-align: center;
  margin-top: 45px; 
}
#ohb2{
  width: 35%;
  padding: 0 10px 0 10px;
 font-family: fontnormal,fontnormal-ie;
  font-size: 20px;
  text-align: center;
  margin-top: 20px; 
  height: 200px;
  border-right: #dbd2d2 solid 1px;
}
#ohb3{
  width: 35%;
  padding: 0 30px 0 10px;
  font-family: fontnormal,fontnormal-ie;
  font-size: 20px;
  text-align: center;
  margin-top: 20px; 
  height: 200px;
  border-left:  #dbd2d2 solid 1px;
}
#tvarenimat{
  
  width: 100%;
  margin: auto;
}
/*about*/

#about{
  padding-top: 250px;
  width: 1150px;
  margin: auto;
 font-family: fontnormal,fontnormal-ie;
  font-size: 22px;
  text-align: center;

}

#foto{
  margin: auto;
  float: left;
  width: 50%;

}
#foto p{
margin-top: 25px;
}
#fotoo{
  float: right;
  width: 50%;
margin: auto;
}
#fotooo{
  padding-top: 20px;
  float: left;
  width: 100%;
margin: auto;
}

/*contact*/

/*elektrotepelna*/
#kotilek{
width: 100%;

display: flex;
flex-wrap: wrap;

 justify-content: center;
 height: auto;


}
#kotelobsah{ 
  position: relative;
 background-color: #fff;
 border: #dbd2d2 solid 1px;
 padding: 5px;
  width: 500px;
  height: 150px;
  margin: 10px;
  transition: all 0.1s;
  display: flex;

}
#kotelobsah:hover{ 
  background-color: #f2f2f2;
  box-shadow: 0px 0px 3px #dbd2d2;
 
}


#viceinfo{
  position: absolute;
  height: 65%;
  width: 100%;
  background: #f9f9f9;
  opacity: 0;
     bottom:  0;
  right: 0;
  padding-top: 20px;
  transition: all 0.15s;
}
#kotelobsah:hover  #kotelnadpis{ 
  background-color: #dc2c2c;
  
}
#kotelobsah:hover  #kotelnadpis h3{ 
  color: #fff;
  
}


#kotelpopis{ 
  border-left: #f4efef solid 1px;
  top: 0;
  right: 0;
 position: absolute;
 padding-left: 10px;
  width: 70%;
  height: 100%;
 

}
#kotelnadpis{ 
 border: #dbd2d2 solid 1px;
 position: absolute;
 background: #fff;
 margin: 1%;
  width: 98%;
  height: 30%;
  right: -4px;
 

}
#kotelnadpis h3{
  left: 5px;
  top: 2px;
  position: absolute;
  color: #dc2c2c;
  font-family: fontnormal,fontnormal-ie;
  font-size: 37px;
 text-align: center;

}
#kotelpopis p{
  color: #000;
  padding-top: 60px;
  font-family: fontnormal,fontnormal-ie;
  font-size: 20px;
 text-align: center;

}

#imges img{
  margin: 2%;
  width: 28%;
   height: 150px;
 
object-fit: cover;
border:#bcbcbc solid 1px;
}
#popiszamecnicky{
  height: 230px;
}
#imges2area{
   z-index: 3;
  display: inline-flex;
  margin-top: 30px;
  width: 100%;
  height: auto;
  flex-wrap: wrap;
 
}
#imges3area{
   z-index: 3;
  display: inline-flex;
  margin-top: 10px;
  width: 100%;
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
 
}
#imges2{
  z-index: 4;
   position: relative;
  margin-left: 5px;
   margin-right: 5px;
  width: 48%;
   height: 250px;
}
#imges3{
  z-index: 4;
   position: relative;
  margin-left: 5px;
  
  width: 48%;
   height: 250px;
}
#boximges2{
  padding-top: 3px;
  text-align: center;
  bottom: 2.2%;
  left:  2.5%;
  position: absolute;
  height: 45px;
  width: 95%;
  z-index: 7;
  color: #fff;
}
#provozovnaarea{
  margin: auto;
  width: 600PX;
  height: 250PX;
  position: relative;
}
#bximg{
  text-align: left;
  bottom: 2.2%;
  left:  20px;
  position: absolute;
  height: 45px;
  width: 95%;
  z-index: 7;
  color: #fff;
}
#bxmg{
  bottom: 5%;
  left:  15px;
  z-index: 6;
  position: absolute;
  height: 50px;
  width: 350px;
  background: #000;
  opacity: 0.5;
  color: #fff;
}
#boximges{
  bottom: 5%;
  left:  5%;
  z-index: 6;
  position: absolute;
  height: 50px;
  width: 90%;
  background: #000;
  opacity: 0.5;
  color: #fff;
}
#boximges3{
  bottom: 5%;
  left:  5%;
  z-index: 6;
  position: absolute;
  height: 50px;
  width: 90%;
  background: #000;
  opacity: 0.5;
  color: #fff;
}
#provozovna{
  border:#bcbcbc solid 1px;
}
#imges{
   margin-bottom: 12px;
   position: relative;
}
#imges2 img{
  z-index: 5;
  width: 100%;
   height: 100%;
 
object-fit: cover;
border:#bcbcbc solid 1px;
}
#imges3 img{
  z-index: 5;
  width: 100%;
   height: 100%;
 
object-fit: cover;
border:#bcbcbc solid 1px;
}

#kotle{
width: 1150px;
margin: 0 auto;
margin-top: 20px;

 
}
#reference{
width: 70%;
margin: 0 auto;
margin-top: 270px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;


 
}
#kotle a{
  text-decoration: none;
  outline: none;
  color: #000;
}


#kotle2{
width: 60%;
margin: 0 auto;



}
#popiskotle{
width: 60%;
float: right;
font-family: fontnormal,fontnormal-ie;
font-size: 20px;

}
#popiskotle p{
padding-bottom: 7px;

}
#popiskotle h3{
font-family: fontnormal,fontnormal-ie;
font-size: 40px;
text-align: center;

}
#fotokotle{
float: right;
width: 30%;
height: 300px;
display: flex;


}


#boxes .box2{
  display: inline-grid;
  width: 350PX;
  margin: auto;
}
#boxes .box2 p{
 
    color: #000000;
    
    font: 20px/1.5 fontnormal,fontnormal-ie;
    text-align: left;
    max-width: 300PX;
    
}
#boxes .box2 h3{
    color: #e03b3b;
    font-family: fontnormal,fontnormal-ie;
    font-size: 30px;
    
  
}
#boxes .box3{
  display: inline-grid;
  width: 200PX;
  margin: auto;
}
#boxes .box3 p{
    margin-bottom: 7PX;
    color: #000000;
    font-family: fontnormal,fontnormal-ie;
    font-size: 20px;
    text-align: left;
    max-width: 300PX;    
}

#boxes .box3 h3{
    color: #ff3f3f;
    font-family: fontnormal,fontnormal-ie;
    font-size: 30px;
}

#boxkotel{
margin: auto;
margin-top: 260px;
width: 1150px;
height: 360px;

display: flex;
}
#boxkotel2{
margin: auto;
margin-top: 20px;
width: 1150px;
height: 400px;
border-top: 1px solid #ededed;
display: flex;
flex-wrap: wrap;

}
#boxkotel4{
margin: auto;
margin-top: 20px;
width: 1150px;
height: 400px;
border-top: 1px solid #ededed;
display: flex;
flex-wrap: wrap;

}
#boxkotel3{
margin: auto;
margin-top: 20px;
width: 1150px;
height: 400px;
border-top: 1px solid #ededed;
display: flex;
flex-wrap: wrap;

}
#boxkotelpopis{
width: 70%;
height: 305px;

}
#boxkotelpopis h3{
font-family: fontnormal,fontnormal-ie;
font-size: 35px;
text-align: center;
}
#boxkotelpopis p{
font-family: fontnormal,fontnormal-ie;
font-size: 20px;
padding-left: 10px;
padding: 5px;
}
 p#pkotle{
  color: red;
font-family: fontbold,fontbold-ie;
font-size: 20px;
padding-left: 10px;
padding: 2px;

}
#ok{
  margin-left: 2px;
  margin-right: 2px;
}
#boxkotelimg{
width: 30%;
height: 350px;
border-right: 1px solid #ededed;
padding-left: 2%;
padding-top: 2%;
}
#boxkotelprovedeni{
width: 50%;
height: 300px;

}
#boxkotelprovedeni2{
width: 100%;
height: 300px;

}
#boxkotelprovedeni2  h3{
  margin: 10px;
font-family: fontnormal,fontnormal-ie;
font-size: 30px;
text-align: center;
color: red;

}
#boxkotelprovedeni2 p{
font-family: fontnormal,fontnormal-ie;
font-size: 20px;
padding-left: 10px;
padding: 5px;
text-align: center;
}
#boxkotelprovedeni  h3{
  margin: 10px;
font-family: fontnormal,fontnormal-ie;
font-size: 30px;
text-align: center;
color: red;

}
#boxkotelprovedeni p{
font-family: fontnormal,fontnormal-ie;
font-size: 20px;
padding-left: 10px;
padding: 5px;
text-align: center;
}
#boxkoteludaje{
width: 50%;
height: 300px;

}
#boxkoteludaje  h3{
margin-top: 10px;
font-family: fontnormal,fontnormal-ie;
font-size: 30px;
text-align: center;
color: red;

}
#boxkoteludaje p{
font-family: fontnormal,fontnormal-ie;
font-size: 20px;
padding-left: 10px;
padding: 5px;
text-align: center;
}
table {
  border-collapse:collapse;
  width: 100%;
  border: #dbd2d2 solid 1px;

}
td {
    text-align: center;
    padding: 1%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: -1px;
   
}
tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #dc2c2c;
    color: white;
   font-family: 'Open Sans Condensed', sans-serif;
   font-weight: 300;
    font-size: 30px;
    text-align: center;
    height:  50px;

}
.button {
  position: absolute;
  right: 0;
  top: 5px;
  background-color: #dc2c2c;
  outline: none;
  text-decoration: none;
  border: 0;
  color: #FFFFFF;
  text-align: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 28px;
  padding: 5px 5px 5px 10px;
  width: 120px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:before {
  content: '\00ab';
  position: absolute;
  opacity: 0;
  top: -3px;
  right: 50px;
  transition: 0.5s;
}

.button:hover span {
  padding-left : 20px;
}

.button:hover span:before {
  opacity: 1;
  right: 70px;
}
.button:active{
  outline: 0;
}
.button2 {
  top: 100px;
  right: 10px;
  position: absolute;
  background-color: #e03b3b;
  outline: none;
  text-decoration: none;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-family: fontbold,fontbold-ie;
  font-size: 18px;
  padding: 5px 5px 5px 10px;
  width: 70px;
 
  cursor: pointer;
  
}
.button2:active, .button2:focus{
  outline: none;
}

.button2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  outline: none;
  text-decoration: none;

}


.button2:hover span {
  padding-left : 5px;
}

.button2:hover span:before {
  opacity: 1;
  right: 70px;
}
.button4 {
   position: absolute;
   top: 90px;
   right: 10px;
  background-color: #dc2c2c;
  outline: none;
  text-decoration: none;
  border: none;
  color: #FFFFFF;
  text-align: center;
 font-family: fontbold,fontbold-ie;
  font-size: 18px;
  padding: 5px 5px 5px 10px;
  width: 70px;
  
  cursor: pointer;
  margin-top: 11px;
  
}
.button4:active, .button4:focus{
  outline: none;
}

.button4 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  outline: none;
  text-decoration: none;

}


.button4:hover span {
  padding-left : 5px;
}

.button4:hover span:before {
  opacity: 1;
  right: 70px;
}
.button3{
  background-color: #e03b3b;
  border: #dbd2d2 solid 1px;
  color: #FFFFFF;
  text-align: center;
  font-family: fontnormal,fontnormal-ie;
  font-size: 28px;
  padding: 5px 5px 5px 10px;
  width: 120px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  float:left;
}

.button3 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.butto3 span:before {
  content: '\00ab';
  position: absolute;
  opacity: 0;
  top: -3px;
  right: 50px;
  transition: 0.5s;
}

.button3:hover span {
  padding-left : 20px;
}

.button3:hover span:before {
  opacity: 1;
  right: 70px;
}
#contact{
  width: 1150px;
  margin: auto;
  margin-top: 250px;
 
}


#contacttable{
  float:right;
   width: 35%;
   font-size: 18px;
   margin-top: 20px;
}

#map{
  width: 62%;
  height: 350px;
  float: left;
  margin-top: 10px;

}

/********looooooooooooooooooooool*/

#control{
  display: none;
  width: 60%;
float: right;
 

}

.contact-elements {position:relative; width:100%;}
input.input-field,
.tel-number-field,
.textarea-field,
 .select-field{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out; 
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.input-field:focus,
.tel-number-field:focus,
.textarea-field:focus,  
.select-field:focus{
    border: 1px solid #0C0;
}


div.contact, textarea, input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contact {
  color:#fff;
  font-family: fontnormal,fontnormal-ie;
  font-weight:600;
  line-height:20px;
  }
.contact h2 {font-size:50px;}
.headline {
  font-size:50px;
}
  .center-btn {
    text-align: center;
  }
.container2 {
  width: 90%;
  margin-left: 50px;
  padding-bottom:46px;
  background-color: #fff;
 
  
  
}

.row {
margin: auto;
 
}
.row.header {
  padding: 5px 0 5px 10px;
  border-bottom: 1px solid #ccc;
  background-color: #f2f2f2;
  text-align:center;
  color: #e03b3b;
  
}
.row.body {
  padding: .5em 2.5em 1em;
}

div.contact-elements p.pull-right {
  float: right;
}
div.contact-elements p.left {float:left;}

.btn {
  font-size: 1.0625em;
  display: inline-block;
  padding: 0.74em 1.5em;
  margin: 1.5em 0 0;
  color: #fff;
  border-width: 0 0 0 0;
  border-radius: 0;
  text-transform: uppercase;
  background-color: #b3b3b3;
  border-bottom-color: #8c8c8c;
  font-family: fontnormal,fontnormal-ie;
  
    box-shadow: 1px 1px 4px #ccc;
    -moz-box-shadow: 1px 1px 4px #ccc;
    -webkit-box-shadow: 1px 1px 4px #ccc;
}
.btn:hover {
  background-color: #bfbfbf;
}
.btn.btn-submit {
  background-color: #e03b3b;
  border-bottom-color: #374d78;
}
.btn.btn-submit:hover {
  background-color: #e03b3b;
}

.contact-elements {
  max-width: 100%;
  display: block;
}
.contact-elements ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact-elements ul li {
  margin: 0 0 0.25em 0;
  clear: both;
  display: inline-block;
  width: 100%;
}
.contact-elements ul li:last-child {
  margin: 0;
}
.contact-elements ul li p {
  margin: 0;
  padding: 0;
  float: left;
}
.contact-elements ul li p.right {
  float: right;
}
.contact-elements ul li .divider {
    border: 0;
  margin-top: 60px;
  margin-bottom: 15px;
    border-bottom: 1px dashed #ccc;
    background: #eaeaea;
  opacity:.5;
}
.contact-elements ul li, .req {
  font-size:15px;
  color: #e03b3b;
  font-variant:small-caps;
  text-transform:lowercase;
  font-weight:bolder;
}
.contact-elements label {
  display: block;
  margin: 0 0 0.5em 0;
  color:  #e03b3b;
  font-size: 1em;
}
.contact-elements input {
  margin: 0 0 0.5em 0;
  border: 1px solid #ccc;
  padding: 6px 10px;
  color: #555;
  font-size: 1em;
}
.contact-elements textarea {
  border: 1px solid #ccc;
  padding: 6px 10px;
  width: 100%;
  color: #555;
  resize:none;
  overflow:auto;
}
.contact-elements small {
  color: #4f6fad;
  margin: 0 0 0 0.5em;
}

#tab{
  margin: auto;
  display: block;
  width: 100%;
}

#ref_air{
  outline: none;
  text-decoration: none;
  height:350px;
  width:386px;
  margin-right: 20px;
  margin-top: 20px;
  position: relative;
  border: 0;
}

#popis h3{
  z-index: 2;
  margin-top: 15px;
  color: #2f2f2f;
 font-size: 40px;
 font-family: fontbold,fontbold-ie;
 text-align: center;
 transition: 0.2s all;
 

}
#popis{
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 80px;
  bottom: 0;
  background: #fff;
  opacity: 1;
  margin-top: -75px;
  border: #dbd2d2 solid 1px;
  transition: 0.5s all;
}
#ref_air:hover .overlay {
  opacity: 0.35;
}

#ref_air:hover > #popis h3{
  font-size: 45px;
  font-family: fontbold,fontbold-ie;
  
}

.overlay {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #ebebeb;
  margin: 2px 2px 0 2px;
}
.text{
  font-family: fontnormal,fontnormal-ie;
  text-align: center;
  padding-top: 120px;
}

#carouselExampleIndicators{
  width: 50%;
  margin: auto;

}
#zamimgukazka{
  height: 260px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#zamimgukazkaimg{
  height: 260px;
  width: 32.5%;
  position: relative;

}
#zamimgukazkaimg img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: #bcbcbc solid 1px;
}
#zamimgukazkaimg2{
  height: 260px;
  width: 32.5%;
  position: relative;

}
#zamimgukazkaimg2 img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: #bcbcbc solid 1px;
}
#popiszamecnickyimg{
  height: auto;
  background-color: rgb(220, 44, 44, 0.8);
  position: absolute;
  font-size: 16px;
  color: #fff;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  left: 2%;
  right: 2%;
  bottom: 20px;
  padding: 5px 5px 5px 5px;
  
  margin-left: 1px;
}
#obrazkyonas{
  margin-bottom: 15px;
   margin-top: 15px;
  width: 100%;
  height: 220px;
  display: flex;
  justify-content: space-between;

}
#obrazkyonas img{
  width: 49.5%;
  height: 100%;
  object-fit: cover;
  border: #d1d1d1 solid 1px;
}
#taboh2{
  margin-top: 10px;
 
  width: 97%;
  border:none;
  
}
#taboh{
  margin-top: 10px;
  margin-right: 3.3%;
  width: 30%;
  border:none;
  float: left;
}
#taboh td img{
height: 70px;
}
#taboh td h3{
text-align: center;
}


#uvod5{
 margin-top: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
#uvod5 p{
  font-family: fontnormal,fontnormal-ie;
  font-size: 20px;
}
.firmy{


 
  display: flex;
  justify-content: space-between;
}
.firma1{
 
  position: relative;
  height: 150px;
  width: 350px;
  margin-right: 10px;
  margin-left: 10px;
 }
.firma1 img{
  transition: all 0.1s;
 
 }


.firma2{
 
  position: relative;
height: 100px;
width: 200px;

}
.firma3{
  
  position: relative;
 margin-right: 25px;
 height: 100px;
 width: 200px;

}
img#skanska{
 position: absolute;
   z-index: 2;
  transition: all 0.6s;
  opacity: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
img#skanskabefore{
    position: absolute;
   z-index: 1;
   height: 100%;
  width: 100%;
  object-fit: cover;
}
img#skanska:hover{
  
  
  opacity: 1;
}
.pozadikontakt{
  height: 1110px!important;
}
img#metro{
     height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
   z-index: 2;
  transition: all 0.6s;
   opacity: 0;
}
img#metrobefore{
     height: 100%;
  width: 100%;
  object-fit: cover;
   position: absolute;
   z-index: 1;
}
img#metro:hover{
  
  opacity: 1;
}
img#subterra{
     height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
   z-index: 2;
   
  transition: all 0.6s;
  opacity: 0;
}
img#subterrabefore{
     height: 100%;
  width: 100%;
  object-fit: cover;
   position: absolute;
   z-index: 1;
}
img#subterra:hover{
  
  
  opacity: 1;
}
img#sipral{
   height: 100%;
  width: 100%;
  object-fit: cover;

  position: absolute;
   z-index: 2;
   
  transition: all 0.6s;
  opacity: 0;
}
img#sipralbefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}

img#sipral:hover{
 
  
  opacity: 1;
}
img#plumetop{
   height: 100%;
  width: 100%;
  object-fit: cover;

  position: absolute;
   z-index: 2;
   
  transition: all 0.6s;
  opacity: 0;
}
img#plumetopbefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}
img#plumetop:hover{
  
  
  opacity: 1;
}
img#altech{
 height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 2;
  transition: all 0.6s;
  opacity: 0;
}
img#altechbefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}

img#altech:hover{
  
  opacity: 1;
}
img#elektrodesign{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 2;
   
  transition: all 0.6s;
  opacity: 0;
}
img#elektrodesignbefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}
img#elektrodesign:hover{
  
  
  opacity: 1;
}
img#losky{
   height: 100%;
  width: 100%;
  object-fit: cover;

  position: absolute;
   z-index: 2;
   
  transition: all 0.6s;
  opacity: 0;
}
img#loskybefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}
img#losky:hover{
  
  
  opacity: 1;
}
img#pp53{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 2;
   
  transition: all 0.6s;
  opacity: 0;
}
img#pp53before{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}
img#pp53:hover{
  
  
  opacity: 1;
}
img#vegacom{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 2;
   
  transition: all 0.6s;
  opacity: 0;
}
img#vegacombefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}
img#vegacom:hover{
  
  
  opacity: 1;
}
img#nevsimal{
   height: 100%;
  width: 100%;
  object-fit: cover;

  
   position: absolute;
   z-index: 2;
  transition: all 0.6s;
  opacity: 0;
}
img#nevsimalbefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}
img#nevsimal:hover{
  
  
  opacity: 1;
}
img#holborn{
   height: 100%;
  width: 100%;
  object-fit: cover;

  
   position: absolute;
   z-index: 2;
  transition: all 0.6s;
  opacity: 0;
}
img#holbornbefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

   position: absolute;
   z-index: 1;

}
img#holborn:hover{
  
  
  opacity: 1;
}
img#rsk{
   height: 100%;
  width: 100%;
  object-fit: cover;

  
   position: absolute;
   z-index: 2;
  transition: all 0.6s;
  opacity: 0;
}
img#rskbefore{
   height: 100%;
  width: 100%;
  object-fit: cover;

 position: absolute;
   z-index: 1;
   
}
img#rsk:hover{
  
  
  opacity: 1;
}
#uvodkovo{
  margin: auto;
  margin-top: 250px;
  width: 1150px;
  
}
.pozadikovo{
  height: 1400px!important;
}
#uvodzam{

  margin: auto;
  width: 1150px;
  padding-top:  20px;
}
#uvodzam p{
  text-align:  center;
  margin-left: 180px;
  width: 70%;
  padding-top:  20px;
  padding-bottom: 20px;
  font-family: fontnormal,fontnormal-ie;
  font-size: 20px;
  margin: auto;
 margin-bottom: 10px;
}
#uvodzam2{
  display: flex;
  margin: auto;
  width: 1150px;
  padding-top:  20px;
}
#uvodzam2 p{
  width: 50%;
  margin-top: 60px;
  padding-bottom: 20px;
  font-family: fontnormal,fontnormal-ie;
  font-size: 20px;

 margin-bottom: 10px;
}


#kovoimguvod{
  display: none;
}
#kovouvod{
  padding-top: 10px;
  padding-bottom: 45px;
  padding-left: 20px;
  color: #fff;
 font-family: fontbold,fontbold-ie;
 font-size: 35PX;
 float: left; 
  margin: auto;
  margin-bottom: 10px;
  background: #dc2c2c;
  width: 59.5%;
  height: 40px;
}
#kovovyrobaimg{
  position: relative;
  width: 40% ;
  float: right;

}

#iconzamec{
  margin: auto;
  width: 6%;
}
#tvarenimaterialu{
  position: relative;
width: 100%;
background:#f2f2f2;
height: 35px;
border-top:#dbd2d2 solid 1px;
border-bottom:#dbd2d2 solid 1px; 
}
#tvarenimaterialu h2{
font-family: fontbold,fontbold-ie;
font-size: 20px;
padding-top: 6px;
padding-left: 75px;
}
#tvarenimaterialu h3{
font-family: fontbold,fontbold-ie;
float: right;
font-size: 20px;
padding-top: 6px;
padding-right:  75px;
}
#designimg1{
object-fit: cover;
margin-left: 5%;
}
#designimg2{
float: right;
object-fit: cover;
margin-right: 10%;
}
#designimg3{
object-fit: cover;
margin-left: 15%;
}
#designimg4{
float: right;
object-fit: cover;
margin-right: 15%;
}


/*REFERENCE NEW VERSION*/

#tabss{
  
  
  
  width: 100%;
  display: flex;
  height: 550px;


}
#tab-links{
  height: 100%;
  width: 20%;
  
  
}
#newli{
  position: relative;
  padding-left: 10px;
  padding-top: 11px;
  width: 100%;
  height: 46px;
  background: #f9f7f7;
  border-bottom: 1px solid #e8e8e8;
  border-right: 1px solid #e8e8e8;
  transition:all linear 0.05s;
  
}

#newli a{
 cursor: pointer;

}
#newli:hover{
  background: #dc2c2c;

}
#newli:hover  a{
   color: #fff;

}
#tablol:hover{
  color: #fff !important;
}
#newli.active{
  border-right: 0px solid #e8e8e8;
  background: #fff;
  border-right: none;
  cursor: default;
}
 #newli.active a{
  color: #dc2c2c !important;
 }

.tab-content{
  width: 79%;
  height: 100%;
  position: relative;

}

#tab-links a{
  font-family: 'Open Sans Condensed', sans-serif; 
  font-size: 30px;
  font-weight: 700;
  text-decoration: none;
  list-style: none;
  color: #21190f;
}

.tab {
 
  display: none;

}
.tab.active{
 
  display: inline;
}




#tabpopis h1{
  font-size: 46px;
  text-align: center;
  padding-bottom: 10px;
  color: #dc2c2c;
  font-family: 'Open Sans Condensed', sans-serif; 
  font-weight: 700;
}

#tabpopis{
  width: 100%;
  padding: 1% 5% 0% 5%;
}
#tabpopis p{
  padding-bottom: 15px;
    font-family: 'Open Sans', sans-serif; 
  font-size: 22px;
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.2;
  text-align: center;
}
#areafortabfoto{
  bottom: 20px;
  position: absolute;

  width: 100%;
  height: 300px;
}
#areafortabfoto2{
  bottom: 50px;
  position: absolute;

  width: 100%;
  height: 400px;
}
#tabfoto{
  
  
  position: relative;
  margin: auto;
  width: 80%;
  height: 100%;
  bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-end;
}
#tabfotolol{
  width: 30%;
  height: 120px;
  overflow: hidden;
  position: relative;
}
#tabfotolol img{
  border:#d1d1d1 solid 1px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  cursor: pointer;
  transform: scale(1);
  transition: transform 0.05s;
  transition: opacity 0.05s;
  opacity: 0.9;
}
#tabfotolol:hover img{
   transform: scale(1.05);
     opacity: 1;
}

#appear_image_div{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background: rgba(0,0,0,0.9);
  z-index: 2000;
}
#appear_image {
  margin: auto !important;
  position: fixed;
  top: 20%;
  width: 60%;
  height: 60%;
  object-fit: cover;
    left: 20%;
     z-index: 2001;
}




/*KONTAKTY NEW VERSION */



#kontaktnitabulka {
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  width: 35%;
  height: 350px;
 
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
#ktradka{
display: flex;
 width: 100%;
 height: 19%;
 border-top:  1px solid #dfdfdf;
border-bottom:  1px solid #dfdfdf;
border-right:  1px solid #dfdfdf;

 
}
#ktradka2{
display: flex;
 width: 50%;
 height: 19%;
 border-top:  1px solid #dfdfdf;

 
}
#kticon{
  height: 100%;
  width: 40px;
  background: #dc2c2c;
  
  outline: 1px solid #dc2c2c;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#kticon img{
  width: 20px;
  height: 20px;


}
#kttext p{
  margin-top: 2px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 18px;
}
#kttext h4{

font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 20px;

}
#kttext {
  text-align: center;
  float: left;
  padding: 5px;
  align-self: center;
  width: 180px;
}
#kttext2 p{
  margin-top: 2px;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
font-size: 18px;
}
#kttext2 h4{
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 20px;
}
#kttext2 {
  text-align: center;
  float: left;
  padding: 5px;
  width: 360px;
  align-self: center;
}
#kontaktlidi{
  width: 300px;
  height: 400px;
  
  margin-right: 15px;
  display: flex;
  flex-wrap: wrap;
  
}
#kontaktlidi2{
  width: 300px;
  height: 200px;
  
  margin-right: 15px;
  display: flex;
  flex-wrap: wrap;
  
}
#contact2{
  padding-top: 50px;
  padding-left: 20px;
  width: 1150px;
  margin: auto;
  display: flex;
  
  height: 1000px;
  flex-wrap: wrap;
  justify-content: center;
  
}
#klheader{
margin-bottom: 20px;
  display: flex;
width: 100%;
height: 50px;
border-bottom:  1px solid #dbdbdb;
border-left:  1px solid #dbdbdb;
border-right:   1px solid #dbdbdb;
border-top:   1px solid #dbdbdb;
 align-items: center;
 justify-content: space-between;
 padding: 0 5px 0 0;

}
#kljmeno{
 height: 200px;
width: 60%;

}
#kljmeno h4{
   font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 700;
font-size: 22px;
margin-bottom: 10px;
padding-left: 10px;
}
#kljmeno p{
  margin-bottom: 10px;
font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 300;
font-size: 18px;
padding-left: 10px;
}
#kontaktlidi img{

 
width: 112px;

height: 138px;

}
#kontaktlidi2 img{

 
width: 112px;

height: 138px;

}
#klheader h4{
  padding-left: 10px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 700;
  font-size: 30px;
}
#klheader img{
  
  height: 50px;
  width: 50px;
}



.pozadikotel{
  height: 850px!important;
}
.pozadikotelb{
  height: 1230px!important;
}

.pozadikotelh{
  height: 1340px!important;
}
#pozadi{
  width: 1150px;
  background-color: #fff;
  height: 100%;
  margin: auto;
  margin-top: 241px;
  padding-top: 0;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, .1);

}
.pozref{
  padding-top: 10px!important;
}
@media screen and (max-width: 950px){
  #pozadi{
     margin-top: 0;
  }
}
#nadpis1{
  padding-top: 10px;
  width: 100%;
  height: 40px;
  
  display: flex;
  justify-content: space-around;
  align-content: center;
   align-self: center;
   align-items: center;
}
#nadpis2{
  padding-top: 20px;
  width: 100%;
  height: 40px;
  
  display: flex;
  justify-content: space-around;
  align-content: center;
   align-self: center;
   align-items: center;
}
#nadpis3{
  padding-top: 4px;
  z-index: 500;
  width: 100%;
  display: flex;
  justify-content: center;
  height: 40px;
  
}
#nadpis3 h4{
  color: #FFF;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 46px;
  font-weight: 700;


}
#nadpis1_cara2{
  background-color: #f4727a;
  height: 1px;
  margin-right: 10px;
  width: 50%;
}
#nadpis5_cara{
  background-color: #f4727a;
  height: 1px;
  
  width: 35%;
}

#nadpis1_cara3{
  background-color: #fff;
  height: 1px;
  width: 30%;
}
#nadpis1_cara{
  background-color: #f4727a;
  height: 1px;
  width: 30%;
}
#nadpis1_cara5{
  background-color: #f4727a;
  height: 1px;
  width: 24%;
}


#nadpis1_text{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 36%;
}
#nadpis1_text4{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 25%;
  
}
#nadpis2 h4{
  
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
#nadpis1_text3{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 30%;
}
#nadpis1 h4{
  color: #dc2c2c;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 46px;
  font-weight: 700;
  text-align: center;

}
#nadpis1_text4 h4{
  color: #dc2c2c;
  font-family:fontbold, fontbold-ie ;
  font-size: 35px;

}
#nadpis3_text{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 50%;
}
#nadpis3_text h4{
  color: #dc2c2c;
  font-family:fontbold, fontbold-ie ;
  font-size: 35px;

}
#nadpis1_text3 h4{
  color: #FFF;
  font-family:fontbold, fontbold-ie ;
  font-size: 35px;

}
#nadpis1_text2 h4{
  color: #dc2c2c;
  font-family:fontbold, fontbold-ie ;
  font-size: 35px;

}
#pozadi h5{
  padding-top: 10px;
  margin-bottom: 10px;
  text-align: center;
    font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: -1px;
}
.jinejtext h5{
  margin: auto;
  width: 80%!important;

}
#pozadi h6{
  padding-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 25px;
  font-family:fontnormal, fontnormal-ie ;
   letter-spacing: -1px;
}
#odkaznavyrobu{
  width: 100%;
  height: 280px;
  justify-content: center;
  display: flex;
}
#odkaznavyrobu2{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 250px;
  justify-content: center;
  display: none;
 
  background-color: #f6f6f6;;
  
}
#zahnuti{

  margin-top: -15px;
  margin-left: 5px; 
  background-color: #fff;
  height: 280px;
  width: 30px;
  transform: rotate(20deg)
}
#zahnuti2{

  margin-top: -10px;
  margin-left: 20px; 
  background-color: #fff;
  height: 280px;
  width: 8px;
  transform: rotate(20deg)
}
.pozadiele{
  height: 860px!important;
}
#kruh{

  margin-top: 20px;
  position: relative;
  width: 160px;
  height: 160px;
  border: 1px solid #c6c6c6;
  
  border-radius: 80px;
  transition: all 0.3s;


  overflow: hidden;
}
#kruh img{
  margin-top: -20px;
  margin-left: -20px;
 transition: all 0.3s;
}
#soustruhdown{
  margin-top: 17px;
}
.one:hover #kruh{
  border: 1px solid #fff;
   border-radius: 0px;
   width: 200px;
  height: 200px;
   margin-top: 0;
}
.one:hover #kruh img{
  margin-top: 0;
  margin-left: 0;
}
.two:hover #kruh{
  border: 1px solid #fff;
   border-radius: 0px;
    
   width: 200px;
  height: 200px;
   margin-top: 0;
}
.two:hover #kruh img{
  margin-top: 0;
  margin-left: 0;
}
.three:hover #kruh{
  border: 1px solid #fff;
   border-radius: 0px;
   width: 200px;
  height: 200px;
   margin-top: 0;
}
.three:hover #kruh img{
margin-top: 0;
  margin-left: 0;
}
#odkaznavyrobu_box{
  align-items: center;
  width: 250px;
  height: 100%;
 
  margin: 0 10px 0 10px;
  display: flex;
  flex-direction: column;
}
#odkaznavyrobumobil{
  position: relative;
  display: none;
  overflow: hidden;
 width: 100%;
 height: 230px;
 flex-wrap: wrap;
 justify-content: center;
 position: relative;
 align-items: center;
  border-top:  1px solid #e8e3e3;
 border-bottom: 1px solid #e8e3e3;
 box-shadow: 0px 0px 2px rgba(0, 0, 0, .1);


}
#odkaznavyrobumobil a{
  
 
  overflow: hidden;
  height: 100%;
  width: 32%;
  display: flex;
  flex-direction: column;
    z-index: 1;
  
 
  
}
#odkaznavyrobumobil img{
  margin-top: -10px;
  align-self: center;
  height: 200px; 
  width:200px;
  object-fit: cover;
}
#mezerabox{
  background-color: #e8e3e3;
  width: 1px;
  height: 160px;

}
#odkaznavyrobumobil p{
  margin-top: -20px;
  text-align: center;
  color: #dc2c2c;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  font-size: 26px;
}


#odkazcara{
  width: 80%;
  height: 1px;
  background-color: #fff;
}

#odkaznavyrobu_box p{
  text-align: center;
  padding-top: 10px;
  font-size: 30px;
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 600;
 color: #454040;
  }
  #odkaznavyrobu_box2 p{
  padding-top: 10px;
  font-size: 22px;
 font-family: 'Open Sans', sans-serif;
 font-weight: 600;
  color: #fff;
  }
  #pozadi h6{
  padding-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 30px;
  color: #000;
  font-size: 22px;
 font-family: 'Open Sans', sans-serif;
 font-weight: 300;
}
#proveskery{
  padding: 0 2.5% 0 2.5%;
}
#pozadi h6 span{
  white-space: nowrap;
  font-size: 22px;
  font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 600;
  color: #dc2c2c;

  line-height: 30px;

}
#cervenepozadi{
  margin-top: 40px;
  margin-bottom: 10px;
  width: 100%;
  background-color: #dc2c2c;
  height: 464px;
  position: relative;
  
}
.pozadizam{
  height: 1730px!important;
}
#spoluprace{
  width: 100%;
  height: 400px;
  
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 padding-left: 2%;
 padding-right: 2%;
 padding-top: 30px;
 align-content: space-between;
 }

 #spoluprace_firma{
 height: 100px;
 width: 250px;
box-shadow: 0px 0px 2px rgba(0, 0, 0, .2);
 
 
}

.gallery-cell {
  width: 100%;
  height: 420px;
  

  counter-increment: gallery-cell;
}
.gallery-cell img{
  object-fit: cover;
  padding-top: 25px;
  padding-left: 5px;
  width: 70%;
  height: 100%;


}
#gallerytext{
  
  
  position: absolute;
  font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  font-weight: 300;
  color: #fff;
  top: 20px;
  right: 20px;
  height: 100px;
  width: 27%;
   letter-spacing: -1px;
   line-height: 25px;
   text-align: center;

 

}
#gallerynadpis{
  
  
  position: absolute;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #dc2c2c;
  top: 72px;
  left: 20px;
  height: 100px;
  width: 27%;
  z-index: 20;

  }
  #gallerypozadi{
    box-shadow: 0px 2px 10px rgba(0, 0, 0, .5);
   
  position: absolute;
  background-color: #fff;
 z-index: 10;
  top: 68px;
  left: 0;
  height: 50px;
  width: 220px;
  }
#aboutgallery{
  display: flex;
  padding-top: -10px;
  width: 100%;
  height: 1100px;
  justify-content: center;
  
}
#aboutgallerytext{
  margin-top: 10px;
  padding-left: 50px;
  line-height: 1.4;
  margin-left: 40px;
  width: 80%;
  height: 800px;



}
#aboutgallerytext h6{
  margin-top: 10px;
 font-size: 22px;
 font-family: 'Open Sans', sans-serif;
text-align: center;

}
#aboutgalleryfoto{
  width: 25%;
  height: 500px;


}
#mainabout2 h4{
  text-align: center;
   color: #FFF;
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 700;
  font-size: 46px;
  padding-bottom: 10px;
}
#mainabout2 h6{
  text-align: center;
  line-height: 1.3;
  letter-spacing: -1px;
   font-family: 'Open Sans', sans-serif;
  font-size: 22px;
  color: #FFF;
 

  
}
#aboutmain{ 
  
  background-color: #dc2c2c;
  padding-top: 20px;
  height: 250px;
display: flex;
width: 100%;

}
#mainabout1{
  display: flex;
  justify-content: flex-start;
  height: 300px;
  width: 50%;
}
#mainabout2{
  padding-right: 30px;
  height: 300px;
  width: 45%;
}
#tabfotoaaa{
  
  margin-top: 50px;
  width: 100%;
  height: 400px;
  bottom: 0px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  
}
#tabfotololaaa{
  width: 70%;
  height: 120px;
  overflow: hidden;
  position: relative;

}


#tabfotololaaa p{
  position: absolute;
  font-size: 13px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #000;
  bottom: 5px;
  letter-spacing: -1px;


}
#tabfotololaaa img{
  border:#d1d1d1 solid 1px;
  width: 100%;
  height: 80%;
  object-fit: cover;
  position: absolute;
  cursor: pointer;
  transform: scale(1);
  transition: transform 0.05s;
  transition: opacity 0.05s;
  opacity: 0.9;
}
#tabfotololaaa:hover img{
   transform: scale(1.05);
     opacity: 1;
}

#produktyuvod{
  padding-top: 10px;
  width: 100%;
  height: 300px;
 flex-wrap: wrap;
  display: flex
}

#produktyuvod2{
  padding-top: 10px;
  width: 100%;
  height: 300px;
 justify-content: flex-end;
  display: flex
}
#produktobdelnik{
  width: 64.7%;
  height: 280px;
  display: flex;
  flex-wrap: wrap;
  
}
#produktobdelnik2{
  width: 64.7%;
  height: 280px;
  display: flex;
  flex-wrap: wrap;
  
}
#ukonceniproduktu{
  height: 1px;
  width: 64%;
  margin-left: 0.7%;
  margin-top: -31px;

  background-color: #e8e3e3;

}

#produktyctverec{
  display: flex;
  overflow: hidden;
  margin-left: 5px;
  justify-content: center;
  width: 11%;
  height: 255px;
}

#produktyctverec2{
  overflow: hidden;
  margin-left: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 30%;
  height: 255px;
  margin-right: 10px;
}
#produktynazev{
  position: relative;
  padding-left: 10PX;
  display: flex;
  align-items: center;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  font-size: 46px;
  color: #fff;
  width: 100%;
  height: 60px;
  background-color: #dc2c2c;
  position: relative;
  align-items: center;
}
#produktytext{
  width: 100%;
  height: 200px;

}
#produktytext p{
  padding-left: 10px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
  font-size: 22px;
  line-height: 1.3;
  letter-spacing: -1px;
}
#produktytext2{
  width: 100%;
  height: 200px;
 
 margin-top: -30px; 
}
#produktytext2 p{
  padding-top: 10px;
 padding-left: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
  font-size: 18px;
  line-height: 1;
  letter-spacing: -1px;
}
#produktytext2 h3{
 color: #dc2c2c;
  margin-top: 5px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
    font-weight: 700;
  font-size: 18px;
  
  line-height: 1.3;
}
 #trnevejde{
    width: 10%!important;
  }
#obrabeni {
  padding-top: 10px;
  width: 100%;
  height: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
 
}
#obrabeni_box1{
  padding: 0 5px 0 5px;
  width: 31%;
  height: 333px;
 display: flex;

  margin-bottom: 10px;
  flex-direction: column;
 
}
#obrabeni_box2{
  display: flex;
  flex-wrap: wrap;
    margin-bottom: 10px;
 width: 100%;
  height: 300px;
   justify-content: space-between;
   padding-left: 20px;
    padding-right: 20px;
  position: relative;
 align-items: center;
  
}
#obrabeni_box3{
  width: 80%;
  height: 550px;
 display: flex;
 flex-wrap: wrap;
  margin-bottom: 10px;
  flex-direction: column;



}
#obrabeni_box3_img{
  width: 80%;
  height: 300px;
  border: 1px solid rgb(188, 188, 188);
  align-self: center;

}
#obrabeni_box3_img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#obrabeni_boxik{

  flex-direction: column;
  display: flex;
  width: 30%;
  height: 200px;
 align-items: center;
  

}
#obrabeni_boxik h4{
 font-family: 'Open Sans Condensed', sans-serif;
  font-size: 30px;
  font-weight: 700;
}
#obrabeni_boxik2{

  width: 40%;
 height: 200px;
 

}
#obrabeni_boxik4{
 

  width: 30%;
 height: 200px;

}
#obrabeni_boxik3{
  width: 25%;
  height: 200px;
 
 text-align: center;


}
#obrabeni_boxik5{
  width: 25%;
  height: 150px;
  margin-left: -100px;
 
 text-align: center;


}
#obrabeni_boxik3 h4{
  font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 700;
  font-size: 30px;
}
#obrabeni_boxik5 h4{
  font-family: fontbold, fontbold-ie ;
  font-size: 18px;
}
#obrabeni_boxik5 h5{
  font-family: fontnormal, fontnormal-ie ;
  font-size: 18px;
  line-height: 1.3;
}
#obrabeni_boxik3 h5{
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2;
  font-size: 18px;
  letter-spacing: -1px;

}
#obrabeni_boxik h5{
   color: #000;
  font-size: 22px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.2;
}
#obrabeni_img{
  display: flex;
  align-items: center;
justify-content: center;
width: 100%;
height: 60px;
 
}
#obrabeni_text{
  height: 300px;
  width: 100%;
  display: flex;
  flex-direction: column;
align-items: center;
position: relative;
  
}
#obrabeni_text2{
  height: 150px;
  width: 100%;
  display: flex;
  flex-direction: column;
align-items: center;
position: relative;
  
}
#obrabeni_text h4{
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 700;
  margin-top: -10px;
  color: #414141;
  font-size: 30px;
  }
 #obrabeni_h5{
  height: 70px;
 }
#obrabeni_text2 h5{
   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
  color: #000;
  font-size: 22px;
  line-height: 1.2;
  }
  #obrabeni_text2 h4{
 font-family: 'Open Sans Condensed', sans-serif;
 font-weight: 700;
  margin-top: -10px;
  color: #414141;
  font-size: 30px;
  }

#obrabeni_text h5{
   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
  color: #000;
  font-size: 22px;
  line-height: 1.2;
  }
#obrabeni_text img{
  position: absolute;
  bottom: 0;
  width: 90%;
  border:#bcbcbc solid 1px;
}
#carecka{

  height: 1px;
  background-color: #dbd2d2;
  width: 98%;
}
#carecka2{
  top: 25px;
  left: 32%;
  height: 240px;
  background-color: #dbd2d2; 
  width: 1px;
  position: absolute;
}
#carecka3{
 margin-top: 15px;
  height: 250px;
  background-color: #dbd2d2; 
  width: 1px;
  
}
#zamecnicka {
  padding-top: 10px;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
 
 
}
#kotleinfo{
  border-top: 1px solid #dbd2d2;
  display: flex;
  height: auto;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
}
#kotlebox{
  padding-top: 20px;
   padding-bottom: 20px;
  text-align: center;
  width: 50%;

  
}
#kotlebox2{
  margin: auto;
  padding-top: 20px;
   padding-bottom: 20px;
  text-align: center;
  width: 70%;

  
}
#kotlebox p{
   font-size: 18px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 300;
  line-height: 1.6;
  letter-spacing: -1px;
}
#kotlebox h3{
   text-align: center;
  color: #dc2c2c;
  font-size: 30px;
  font-weight: 700;
  font-family: 'Open Sans Condensed', sans-serif;
  
}
#kotlebox2 p{
   font-size: 20px;
  font-family: fontnormal, fontnormal-ie ;
  line-height: 1.6;
}
#kotlebox2 h3{
   text-align: center;
  color: #dc2c2c;
  font-size: 25px;
  font-family: fontbold, fontbold-ie ;
  
}


#kotlearea{
  margin-top: 20px;
  height: 500px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}


#box_kotelimg{
  display: flex;
  justify-content: center;
  align-items: center;
height: 100%;
width: 30%;
}
#box_kotelimg img{
object-fit: cover;
width: 90%;
height: 90%;
}
#box_kotelobsah{
  border-left: #f4efef solid 1px;
  height: 100%;
width: 70%;
display: flex;
flex-wrap: wrap;

}
#box_kotelnazev{
  margin-top: 5px;
  margin-left: 5%;
  width: 95%;
  height: 45px;
  
}
#box_kotelnazev h3{
  padding-top: 4px;
padding-left: 5px;
color: #dc2c2c;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
font-size: 30px;
text-align: left;

}
#box_kotelpopis{
  width: 100%;
  height: 60%;
  padding-left: 5%;
  padding-right: 5%;

 
}
#box_kotelpopis p{
 font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #000;
  text-align: justify;
  letter-spacing: -1px;
}

#kotlearea a{
  margin: 0 5px 0 5px;
  height: 150px;
  width: 45%;
  background-color: #fff;
  border: #dbd2d2 solid 1px;
  display: flex;
  text-decoration: none;
  transition: all 0.1s;
  outline: none;
  text-decoration: none;
}


#kotlearea a:hover{ 
  background-color: #f2f2f2;
  box-shadow: 0px 0px 3px #dbd2d2;
 
}


#kotlearea a:hover  #box_kotelnazev{ 
  background-color: #dc2c2c;
  
}
#kotlearea a:hover  #box_kotelnazev h3{ 
  color: #fff;
  
}



/*!certifikaty*/

.certifikaty{
  margin: auto;
 width:80%;
 height: 100px;
 background-color: #e0e0e0;
 display: flex;
align-items: center;
margin-top: 20px;
justify-content: space-between;
padding-right: 10px;

}
.certifikaty h1{
  line-height: 25px;
  
  font-size: 25px;
  font-family: 'Open Sans Condensed', sans-serif;
   font-weight: 700;
}
.certifikaty h2{
  line-height: 25px;
  font-size: 20px;
  font-family: 'Open Sans Condensed', sans-serif;
   font-weight: 300;
  
   
}
.certifikaty h3{
  line-height: 25px;
  font-size: 18px;
  font-family: 'Open Sans Condensed', sans-serif;
   font-weight: 700;
  
   
}
.cer1{
  padding-top: 3px;
  height: 100%;
  padding-left: 10px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  
}
.cer2{
 text-align: center;
  width: 25%;
}
.cer3{background: #dc2c2c;
  cursor: pointer;
  display: flex;
align-items: center;
justify-content: center;
  width: 100%;
  
  height: 40px;
  text-align: center;
  
}

.certifikaty a{
  width: 20%;
  text-decoration: none;
  outline: none;
  color: #000;
}
.rozestup{
  background: white;
  height: 220px;
  width: 100%;
  ;
}

/*KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKk
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk



RESPONSIVITA



kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK

   

/*HEADER RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 1100px){
  #nav{
    right: 10%;
}}

@media screen and (max-width: 950px){

  .bar{
    display: inline-block;
  }
  #lang1{
  display: none;
}
#lang2{
  display: none;
}
#nav{
  display: none;
}

header{
  height: 60px; 
  opacity: 0.95!important;


}

#headerwhite{
height: 60px!important;
}
#headerwhite2{
  right: -510px!important;
  opacity: 0.7!important;
}
.headerv2{
  display: none;

}
.headerv3{
  display: block!important;
  opacity: 1;
}
#kontaktvheaderu{
left: auto;
right: 45px!important;
top: 8px;
}


#subname{
  display: none;
}
#nameaugur{
  position: absolute;
  left: 20px;
  top: 10px;
  z-index: 110;
}
#nameaugur h1{

font-size: 40px;
color: #FFF!important;

}

#nameaugur b{
  color: #dc2c2c;

}
#mobilebg{
  display: inline;
}
#navbehind7{
  display: inline;
}
#nadpis1 h4, #nadpis3 h4, #mainabout2 h4, #tabpopis h1, #produktynazev{
  font-size: 42px;
}
#kljmeno h4, #pozadi h5, #pozadi h6 span, #pozadi h6, #gallerytext, #mainabout2 h6, #aboutgallerytext h6, #tabpopis p, #produktytext p, #obrabeni_text h5, #obrabeni_text2 h5 {
  font-size: 18px;
}
#klheader h4,#tab-links a, #obrabeni_text h4, #obrabeni_boxik3 h4, #obrabeni_boxik h4, #obrabeni_text2 h4, #box_kotelnazev h3, #kotlebox h3, #klheader h4{
  font-size: 26px;
}
#ok{
  height: 18px!important;
}
#kotlelol th{
font-size: 26px;
}
#kotlelol td{
font-size: 18px;
}
}
@media screen and (max-width: 500px){
  #kssontaktvheaderu{
  display: none;
}
#phone{
   font-size: 16px;margin-left: 25px;
}
#phoneimg{
  height: 30px;
  top: 4px;

}
#kontaktvheaderu{
  right: 8px!important;
  top: 0px;
}
}
@media screen and (max-width: 435px){
#nameaugur h1{
  font-size: 35px;
}
#nameaugur{
  top: 12px;
}
}
@media screen and (max-width: 410px){
#kontaktvheaderu{
  display: none;
}
}
@media screen and (max-width: 770px){#nadpis1 h4, #nadpis3 h4, #mainabout2 h4, #tabpopis h1, #produktynazev, #gallerynadpis{
  font-size: 32px;
}
.gallery-cell img{
  padding-top: 10px;
}
#gallerypozadi{
  height: 45px;
}
}

@media screen and (max-width: 580px){
#nadpis1 h4, #nadpis3 h4, #mainabout2 h4, #tabpopis h1, #produktynazev, #gallerynadpis{
  font-size: 24px;
}
#produktytext2 p, #produktytext2 h3, #kljmeno p, #pozadi h5, #pozadi h6 span, #pozadi h6, #gallerytext, #mainabout2 h6, #aboutgallerytext h6, #tabpopis p, #produktytext p, #obrabeni_text h5, #obrabeni_text2 h5 {
  font-size: 16px;
}
#klheader h4, #tab-links a, #obrabeni_text h4, #obrabeni_boxik3 h4, #obrabeni_boxik h4, #obrabeni_text2 h4, #box_kotelnazev h3, #kotlebox h3, #klheader h4{
  font-size: 20px;
}
#odkaznavyrobumobil p{
  font-size: 20px;
}
#pozadi h6{
  line-height: 25px;
}
#pozadi h6 span{
  line-height: 25px;
}
#ok{
  height: 16px!important;
}
#kotlelol th{
font-size: 20px;
}
#kotlelol td{
font-size: 16px;
}
#pozadi h5{
  line-height: 25px;
}
#kttext h4, #kttext2 h4{
font-size: 18px;
}
#kttext2 p, #kttext p{
  font-size: 16px;
}
#kotlebox p{
  font-size: 16px;
  line-height: 1.3;
}
#kotlebox h3{
  margin-bottom: 5px;
}
}
@media screen and (max-width: 450px){
#kotlelol th{
font-size: 17px;
}
#kotlelol td{
font-size: 13px;
}}
/*FOOTER RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 1150px){
#footerchild{
width: 100%;
}
}
@media screen and (max-width: 800px){
.footer{
  height: auto;
}
  #footerchild{
 flex-wrap: wrap;
}
#footercontact{
  width: 100%;
  height: 90px;
}
#footerc{
  
  padding-bottom: 10px;
  width: 100%;
}
#footerc1{
  border-top: 1px solid #4f4e4e;
  padding-top: 10px;
  margin-left: 20px;
   width: 100px;
}
#footerc2{
   border-top: 1px solid #4f4e4e;
  padding-top: 13px;
  width: 200px;
}
#footercara2{
  display: none;
}
#footercontact{
padding-left: 30px;
}
}
@media screen and (max-width: 655px){
  #footercontact{
  height: 85px;
}
  #footercontact h3{
     font-size: 16px;
  }
   #footercontact p{
     font-size: 14px;
  }
  #footerc1 h3{
font-size: 14px;


}
#footerc2 h3{
font-size: 14px;

}
}
@media screen and (max-width: 380px){
  #footerc1{
    margin-left: 0px;
  }
  #footercontact{
padding-left: 10px;
}
}


/*POZADI RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 1150px){
  #pozadi{
    width: 100%;
  }
  #proveskery{
    margin-left: 4%;
    margin-right: 4%;
  }
}
/*INDEX RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 1040px){
 #pair{
  display: none;
 }

 }
 @media screen and (max-width: 1059px){
 #spoluprace{
  height: 500px;
  padding-left: 9%;
 padding-right: 9%;
 }
.pozadiindex{
   height: 1550px!important;
}
 }

@media screen and (max-width: 950px){
#odkaznavyrobu{
  display: none;
}
#odkaznavyrobumobil{
  display: flex;
}
#nadpis3{
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
  right: 0;
  top: 10px;
  margin-bottom: -5px;
}

.gallery-cell img{
  width: 100%;
 padding-right: 5px;

}
#gallerytext{
  width: 90%;
  top: 300px;
   left: 7%;
   text-shadow: 2px 2px 4px #000000;
}
#cervenepozadi{
  height: 495px;
}
#nadpis3 h4{
  margin-top: -10px;
}
#spoluprace{
   padding-left: 4%;
 padding-right: 4%;
}
}
@media screen and (max-width: 840px){
 #spoluprace{
  height: 700px;
   padding-left: 10%;
 padding-right: 10%;
 } 
 .pozadiindex{
   height: 1750px!important;
} 

}
@media screen and (max-width: 712px){
  .pozadiindex{
   height: 1800px!important;
} 
#odkaznavyrobu_boxmobil{
  margin: 0 1% 0 1%;
}
}
@media screen and (max-width: 655px){

#odkaznavyrobu_boxmobil img{
  height: 150px;
}
#ok{
  height: 25px;
}

#nadpis3{
  margin-bottom: 0px;
}

#odkaznavyrobu_boxmobil{
width: 150px;
height: 180px;
}
#odkaznavyrobumobil{
height: 180px;
}
#odkaznavyrobumobil a{
  height: 180px;
}
#odkaznavyrobumobil img{
  height: 150px;
  width: 150px;
}
#mezerabox{
  height: 120px;
}

#cervenepozadi{
  margin-top: 20px;
  height: 400px;
}
.gallery-cell img{
  padding-top: 10px;
  height: 55%;
}

#gallerypozadi{
  top: 18px;
  width: 160px;
  height: 45px
}
#gallerynadpis{
  top:22px;
}
#gallerytext{
  text-shadow: none;
  top: 230px;
}
#spoluprace_firma{
  height: 60px;
  width: 150px;
}
#spoluprace_firma img{
  height: 60px;
  width: 150px;
}
#spoluprace {

    height: 380px;
}
.pozadiindex{
   height: 1300px!important;
} 
}
@media screen and (max-width: 585px){
  #spoluprace{
    padding-left: 3%;

padding-right: 3%;
  }
  #gallerypozadi{
  
  width: 130px;
  height: 34px;
}
.gallery-cell img{
  padding-top: 0;
}
#spoluprace_firma{
  box-shadow: 0px 0px 2px rgba(0, 0, 0, .1);
}
}
@media screen and (max-width: 500px){
  #odkaznavyrobumobil p{
    padding: 0 5px 0 5px;
    margin-top: -20px;
  }

#gallerytext{

  text-shadow: none;
  top: 170px;
}
#cervenepozadi{
  height: 350px;
}
#nadpis3 h4{
 margin-top: -4px;
}
  #odkaznavyrobu_boxmobil{
    width: 100px;
    height: 160px;
    margin: 0 3% 0 3%;
  }
  #odkaznavyrobumobil a{
  height: 160px;
}
#odkaznavyrobumobil img{
  height: 125px;
  width: 125px;
}

#textboxutext{
  height: 40px;
  text-align: center;
}
#odkaznavyrobumobil{
  height: 150px;
}

#odkaznavyrobu_boxmobil img{
  height: 110px;
}
#ok{
  height: 18px;
}
#nadpis3{
  top: 5px;
}
.gallery-cell img{
  padding-top: 0px;
  height: 40%;
}

#spoluprace{
  height: 600px;
    padding-left: 10%;

padding-right: 10%;
  }
  .pozadiindex{
    height: 1450px!important;
  }
}


@media screen and (max-width: 392px){
  
#spoluprace{
    padding-left: 3%;

padding-right: 3%;
  }
   #odkaznavyrobu_boxmobil{
    width: 100px;
    height: 150px;
    margin: 0 1% 0 1%;
  }
}
@media screen and (max-width: 340px){
  #cervenepozadi{
  height: 380px;
}
}

/*ABOUT RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 950px){
  #mainabout1{
    width: 50%
  }
  #mainabout2{
    width: 50%;
    padding-right: 20PX;
  }
  #aboutgallerytext h6{
    margin-top: -50px;

  }
  #aboutgallerytext{
    margin-left: 0;
  }
  #tabfotololaaa{
    height: 100px;
  }
#tabfotoaaa{
  height: 350px;
}
#aboutgallerytext h6 {

    margin-top: 0px;

}
#aboutgallerytext{
  margin-bottom: 5px;
}
}
@media screen and (max-width: 890px){
  #aboutgallerytext{
    padding-left: 0;
  }
#aboutgalleryfoto{
  justify-content: center;
    width: 90%;
    padding: 0 10px 0 10px;
    height: 150px;
    
  }
  #tabfotoaaa{
    height: 130px;
    flex-direction: row;
    margin-top: -50px;
  }
  #tabfotololaaa{
    width: 31%;
  }
   #aboutgallerytext{
    width: 90%;
    
    
  }
   #aboutgallery{
    flex-wrap: wrap;
    height: 1250px;
  }
}
@media screen and (max-width: 820px){
 
#broff{
  display: none;
}
}
@media screen and (max-width: 750px){
#aboutgallerytext{
  height: 900px;
}
.pozadiabout{
  height: 1300px!important;
}
}
@media screen and (max-width: 740px){
 #aboutgallerytext{
    padding-left: 0px;
  }
#aboutgalleryfoto{
    width: 95%;
    
  }}

  @media screen and (max-width: 655px){

#aboutmain{
  height: 220px;
}

#mainabout1 img{
  height: 160px;
}
#aboutgallerytext{
  height: 750px;
}
#obrazkyonas{
  height: 150px;
}
#aboutgallery{
  height: 900px;
}
.pozadiabout{
height: 1300px!important;
}
}
@media screen and (max-width: 580px){
#obrazkyonas{
  margin-top: 0;
  margin-bottom: 0;
}
#aboutbr{
  display: none;
}
#aboutgallerytext{
  height: 630px;
}
.pozadiabout{
  height: 1000px!important;
}
}
 @media screen and (max-width: 516px){

  #aboutmain{
    height: 310px;
    align-items: center;
    flex-direction: column-reverse;
  }
  #mainabout1{  
    width: 80%;
  }
  #mainabout2{
     width: 95%;
     height: 150px;
  }
  #mainabout2 h4{
    padding-bottom: 0;
  }
#obrazkyonas{
  flex-wrap: wrap;
  height: 320px;
  justify-content: center;

}
#obrazkyonas img{
  height: 48%;
  width: 90%;
}
.pozadiabout{
height: 1400px!important;
}
#aboutgallerytext{
  height: 950px;
}
#tabfotololaaa p{
  font-size: 12px;
 }
 #mainabout1{
  justify-content: center;
 }
 #aboutgallery{
  height: 1300px;
 }
}
@media screen and (max-width: 450px){
 #tabfotololaaa img{
  height: 68%;
 }
 #tabfotololaaa{
  height: 90px;
 }
 #tabfotololaaa p{
  text-align: center;
 }
 #aboutgallerytext{
  height: 1000px;
}
.pozadiabout{
  height: 1400px!important;
}
}

 @media screen and (max-width: 410px){
  #aboutmain{
    height: 330px;
    
  }
  #mainabout2{
    margin-top: -10px;
    height: 160px;
  }
   #mainabout1{  
    width: 90%;
  }
   #aboutgallerytext{
  height: 1050px;
}
.pozadiabout{
  height: 1500px!important;
}
#aboutgallery{
  height: 1200px;
 }
}




/*reference RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 1030px){
#newli a{
  padding-left: 0;
}

}
@media screen and (max-width: 950px){
#tab-links {
  width: 25%;
} 
}
@media screen and (max-width: 800px){
 #refmobile{
  display: flex;
  flex-direction: column;
 }
 #tabss{
  display: none;
 }
 .pozadireference{
   height: 2000px!important;
 }
}



/*obrazky RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 1450px){
  #appear_image{
    width: 80%;
    left: 10%;
  }
}
@media screen and (max-width: 950px){
#appear_image{
    width: 90%;
    left: 5%;
    top: 9%;

  }
}
@media screen and (max-width: 600px){
#appear_image{
    height: 50%;

  }
}
@media screen and (max-width: 480px){
#appear_image{
    height: 40%;

  }
}
@media screen and (max-width: 400px){
#appear_image{
    height: 30%;
width: 95%;
    left: 2.5%;
  }
}

/*vyroba RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 1132px){
  #brne{
    display: none;
  }
}
@media screen and (max-width: 950px){
 .produktyctverecposledni{
  display: none!important;
 }
 #produktobdelnik{
  width: 75.7%;
 }
 #ukonceniproduktu{
  width: 75%;
 }
 #obrabeni_boxik3 h5{
  font-size: 16px;
  line-height: 1.1;
 }
 #obrabeni_box1{
  height: 260px;
}
#box_kotelpopis p{
  font-size: 16px;
}
}
@media screen and (max-width: 800px){
  .produktyctverecprvni{
  display: none!important;
 }
 #produktyctverec{
  width: 13%;
 }
  #produktobdelnik{
  width: 84.7%;
 }
 #ukonceniproduktu{
  width: 84%;
 }
}
@media screen and (max-width: 700px){
  .produktyctverecstred{
  display: none!important;
 }

  #produktobdelnik{
  width: 97.7%;
 }
 #ukonceniproduktu{
  width: 97%;
 }
 #kovoimguvod{
  display: inline;
  position: absolute;
  right: 0;
 }
}
@media screen and (max-width: 655px){


#produktynazev{
  width: 98%;
}
#brprodukty{
display: none;
}
.ukonceniproduktukovo{
  margin-top: -60px!important;
}
.ukonceniproduktuzam{
  margin-top: -100px!important;
}
.ukonceniproduktuele{
  margin-top: -80px!important;
}
#produktyuvod{
height: 250px;
}


}
@media screen and (max-width: 451px){
.ukonceniproduktukovo{
  margin-top: -50px!important;
}
}
@media screen and (max-width: 426px){
.ukonceniproduktuzam{
  margin-top: -80px!important;
}
}
@media screen and (max-width: 368px){
.ukonceniproduktukovo{
  margin-top: -35px!important;
}
#produktytext{
  margin-top: -20px;
}
}
@media screen and (max-width: 343px){
.ukonceniproduktukovo{
  margin-top: -30px!important;
}
}
@media screen and (max-width: 830px){
#piladown{
 margin-top: 18px;
}
#soustruhdown{
  margin-top: 35px;
}
}
@media screen and (max-width: 771px){
#piladown{
 margin-top: 18px;
}
#soustruhdown{
  margin-top: 18px;
}
}
@media screen and (max-width: 680px){
#piladown{
 margin-top: 0px;
}
#soustruhdown{
  margin-top: 18px;
}
}
@media screen and (max-width: 655px){
#piladown{
 margin-top: 15px;
}
#soustruhdown{
  margin-top: 30px;
}
#obrabeni_box1{
  height: 260px;
}
#obrabeni_boxik2 img{
height: 130px!important;

}
#obrabeni_box2{
  height: 220px;
}
#carecka2{
  height: 170px;
}
.pozadikovo{
  height: 1100px!important;
}
#obrabeni_boxik2{width: 35%;}

#obrabeni_boxik3{
  width: 30%;
}
#obrabeni{
  height: 820px;
}
#obrabeni_boxik h4{
  text-align: center;
}
}
@media screen and (max-width: 648px){
#piladown{
 margin-top: 15px;
}
#soustruhdown{
  margin-top: 15px;
}
}
@media screen and (max-width: 572px){
#piladown{
 margin-top: 0px;
}
#soustruhdown{
  margin-top: 15px;
}
}
@media screen and (max-width: 550px){
#obrabeni_box1{
  width: 80%;
  height: 300px!important;
}
.pozadikovo{
  height: 2330px!important;
}
#obrabeni_box2{
  height: 500px;
  align-items: center;
  justify-content: center;

}
#carecka{
  display: none;
}
#obrabeni_boxik{
  height: 100px;
}
#povrchoff{
  display: none;
}
#obrabeni_boxik2 img{
height: 150px!important;

}
#carecka2{
  display: none;
}
#obrabeni_boxik{
  width: 80%;
}
#obrabeni_boxik2{
  width: 80%;
  height: 150px;
}
#obrabeni_boxik3{
  width: 80%;
  height: 130px;
}
#produktyuvod{
  height: 300px;
}
#obrabeni{
  height: 2000px;
}
}
@media screen and (max-width: 580px){

#produktynazev{
  height: 50px;
  width: 90%;
}
#obrabeni_text h5{
  line-height: 1.1;
}

.button{
  display: none;
}
#obrabeni_boxik h5{
  line-height: 1.1;
}
#obrabeni_img img{
  height: 35px;
}
#obrabeni_boxik img{
  height: 35px;
  width: 35px;
}
#box_kotelpopis p{
  font-size: 14px;
}
}
@media screen and (max-width: 420px){
#obrabeni_box1{
  width: 90%;
  height: 270px!important;
}
#obrabeni_boxik{
  width: 90%;
}
#obrabeni_boxik2{
  width: 90%;
}
#obrabeni_boxik3{
  width: 90%;
  height: 150px;
}
}
@media screen and (max-width: 850px){
#obrabeni_box2{
  align-items: flex-start;
  padding-top: 20px;
}


}
@media screen and (max-width: 1060px){

}
@media screen and (max-width: 930px){
  #kotlearea a{
    height: 140px;
  }
  #box_kotelimg img{
   
    height: 80%;
  }

}
@media screen and (max-width: 770px){
#kotlearea a{
  width: 80%;
}
#kotlearea{
  height: 800px;
}
.pozadiele{
  height: 1150px!important;
}
 #box_kotelimg img{
   width: 75%;
    height: 95%;
  }
}
@media screen and (max-width: 655px){

#halogenovky{
    margin-top: 0;
  }

  #box_kotelnazev{
    height: 37px;
  }
  #kotlearea a{
    width: 400px;
    height: 120px;

  }
  #kotlearea{
    height: 700px;
  }
  .pozadiele{
    height: 1000px!important;
  }
  #box_kotelimg img{
    width: 85%;
  }
}
@media screen and (max-width: 428px){
#kotlearea a{
    width: 90%;

  }
}
@media screen and (max-width: 395px){

  #box_kotelimg img{
    width: 95%;
    height: 80%;
  }
}

@media screen and (max-width: 1150px){
  #kotle{
    width: 100%;
  }
}
@media screen and (max-width: 1020px){
  #produktyctverec2 img{
    margin-left: 0!important;
  }
  .pozadikotelh{
  height: 1440px!important;
}
}

@media screen and (max-width: 920px){#kotlebox2{
  width: 90%;
}}


@media screen and (max-width: 880px){
 #produktyuvod2 {
  height: 560px;
  position: relative;
 }
 .pozadikotel{
  height: 1150px!important;
 }
 .pozadikotelb{
  height: 1530px!important;
}

.pozadikotelh{
  height: 1780px!important;
}
 #produktobdelnik2{
  height: 540px;
  width: 95%;
 }
 #produktytext2{
  margin-bottom: 60px;
  align-self: flex-end;
 }
 #produktyctverec2{
  position: absolute;
  top: 50px;
  height: 200px;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 30px;
 }
 #produktytext2 p{
  padding-left: 0;
 }
 #produktytext2 h3{
   padding-left: 0;
 }
}
@media screen and (max-width: 750px){ .pozadikotelh{
  height: 1870px!important;
}}
 
@media screen and (max-width: 655px){

  .pozadikotel{
  height: 1100px!important;
 }
 .pozadikotelb{
  height: 1530px!important;
}

.pozadikotelh{
  height: 1480px!important;
}

 
 


  #produktyuvod2 {
  height: 460px;
 
 }
 #produktobdelnik2{
  height: 420px;
  
 }
  #produktyctverec2{
    height: 150px;
  }
  #produktytext2{
    margin-bottom: 0;
    padding-right: 10px;
  }
 
 .button span::before{
  display: none!important;
 }
 .button:hover span {
  padding-left : 0px!important;
}
}
@media screen and (max-width: 580px){
 .pozadikotel{
  height: 980px!important;
 }
 }
@media screen and (max-width: 499px){
   .uvod2bah{
    height: 470px!important;
  }
  #kotlebox2{
    width: 100%;
  }
  #trnevejde{
    width: 7%!important;
  }
  .pozadikotel{
  height: 1100px!important;
 }
}
@media screen and (max-width: 466px){
#kotlebox{
  width: 90%;

}
.pozadikotelh{
  height: 1600px!important;
}
 .pozadikotel{
  height: 1080px!important;
 }


}
@media screen and (max-width: 370px){

.pozadikotelh{
  height: 1700px!important;
}
.uvod2bah{
  height: 460px!important;
}
}
@media screen and (max-width: 550px){
#kotlearea{
  margin-top: -30px;
}

}

/*KONTAKTY RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 1050px){

#map{
  width: 60%;
}
#kontaktnitabulka{
  width: 38%;
}
}
@media screen and (max-width: 950px){

#map{
  margin-left: 2.5%!important;

  width: 95%;
}
#kontaktnitabulka{
  margin-left: 25%;
  width: 50%;

}
.pozadikontakt{
  height: 1800px!important;
}

}

@media screen and (max-width: 600px){


#kticon{
  margin-right: 10%;
}
}

@media screen and (max-width: 1150px){
#contact2{
  width: 100%;
}

}
@media screen and (max-width: 985px){
.pozadikontakt{
  height: 1400px!important;
}
#contact2{
  height: 1300px;
}
}
@media screen and (max-width: 950px){

.pozadikontakt{
  height: 1800px!important;
}
}
@media screen and (max-width: 815px){
#kontaktnitabulka {

    margin-left: 20%;
    width: 60%;
}}
@media screen and (max-width: 700px){
#kontaktnitabulka {

    margin-left: 15%;
    width: 70%;

}}
@media screen and (max-width: 655px){

  #klheader{
  height: 50px;
  }
  #kontaktimg{
    height: 40px!important;
    width: 40px!important;
  }
  #kontaktlidi img{
    width: 100.8px;  
    height: 124.2px;  
  }
  #kontaktlidi2 img{
    width: 100.8px;  
    height: 124.2px;  
  }

  #kontaktlidi{
    height: 350px;
    width: 45%;margin-bottom: 20px;

  }
   #kontaktlidi2{
    height: 200px;
    width: 45%;margin-bottom: 20px;
  }

}

@media screen and (max-width: 630px){
  #kontaktnitabulka {

    margin-left: 5%;
    width: 90%;

}
  #contact2{
    height: 1950px;
    justify-content: center;
  }
  #kontaktlidi{
    height: 350px;
    width: 80%;
  }
   #kontaktlidi2{
    height: 200px;
    width: 80%;
  }

.pozadikontakt{
  height: 2200px!important;
}
}

@media screen and (max-width: 600px){.pozadikontakt{
  height: 2200px!important;
}}
@media screen and (max-width: 370px){
   #kontaktlidi{
  
    width: 90%;
  }
   #kontaktlidi2{
   
    width: 90%;
  }}
@media screen and (max-width: 500px){
#map{
  height: 250px;
}
.pozadikontakt{
  height: 1900px!important;
}
#kontaktnitabulka{
  height: 300px;
}
 #kontaktlidi img{
    width: 78.4px;  
    height: 96.6px;   
  }
  #kontaktlidi2 img{
    width: 78.4px;  
    height: 96.6px;  
  }
  #kontaktlidi{
    height: 300px;
  }
  #kljmeno{
    height: 150px;
  }
}
@media screen and (max-width: 450px){
#kticon{
  margin-right: 0%;
}
}

/*ZAMECNICKA RESPONSIVE***********************************************************************************************************************************/
@media screen and (max-width: 800px){
#zamimgukazkaimg2{
  display: none;
}
#zamimgukazkaimg{
  width: 49.5%;
  margin-left: 0!important;
  justify-content: space-around;
}
#obrabeni_box3{
  width: 90%;
  height: 500px;
}
#obrabeni_box3_img{
  width: 90%;
  height: 250px;
}
.pozadizam{
  height: 1700px !important; 
}
}

@media screen and (max-width: 655px){
#zamimgukazkaimg{
  height: 200px;
}
#zamimgukazka{
  height: 200px;
   margin-top: 0px;
}
.pozadizam{
  height: 1550px !important; 
}

}
@media screen and (max-width: 580px){
#zamimgukazka{
 
   margin-top: -20px;
}
#popiszamecnickyimg{
  font-size: 13px;
}
}
@media screen and (max-width: 555px){
#zamimgukazkaimg{
  height: 200px;
  width: 80%;
}
#zamimgukazka{

  height: 620px;
  flex-wrap: wrap;
  justify-content: center;
}
#zamimgukazkaimg2{
  display: inline;
  height: 200px;
  width: 80%;
  margin: 0!important;
}
.pozadizam{
  height: 1850px !important; 
}
#obrabeni_box3{
  height: 450px;
}
#obrabeni_text2{
  height: 140px;
}
}
@media screen and (max-width: 435px){
  #zamimgukazka{
    height: 500px;
   margin-top: -25px;
}
#zamimgukazkaimg{
  height: 160px;
  width: 90%;
}
#zamimgukazkaimg2{
  height: 160px;
  width: 90%;
}
#obrabeni_box3_img{
  height: 160px;
  width: 100%;
}
#obrabeni_box3{
  height: 370px;
}
.pozadizam{
  height: 1600px !important; 
}
}


@-moz-document url-prefix() {
  #kruh{ transition: all 0s;
  }
  #kruh img{ transition: all 0s;
  }

}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .ie10up {
        property:value;
    }
    #obrabeni_text img{
      width: 200px;
    }
    #obrabeni_text h5{
      width: 100%;
    }
    .pozadikontakt{
      margin-top: -425px!important;
    }
}
    
@supports (-ms-ime-align:auto) {
    .pozadikontakt {
        margin-top: -425px!important;
    }
}
/*certifikaty*/
@media screen and (max-width: 950px){
  .certifikaty h1{
    font-size: 20px;
  }
  .certifikaty h2{
    font-size: 16px;
  }
  .certifikaty h3{
    font-size: 16px;
  }
  .certifikaty{
    width: 90%;
  }
  .cer2{
    width: 30%;
  }
  .certifikaty a{
    width: 20%;
  }
}
@media screen and (max-width: 750px){
  .certifikaty{
    width: 100%;
  }
  .rozestup{ height: 50px;

  }
}
@media screen and (max-width: 625px){
  .cer2{
    width: 23%;
  }
  .cer1{
    width: 60%;
  }
  .cer3{
    width: 100%;
  }
}