@font-face {
    font-family: 'roboto-regular-webfont';
    src: url('../font/roboto-regular-webfont.eot');
    src: url('../font/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-regular-webfont.woff') format('woff'),
         url('../font/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-bold-webfont';
    src: url('../font/roboto-bold-webfont.eot');
    src: url('../font/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/roboto-bold-webfont.woff') format('woff'),
         url('../font/roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
color: #000;
}
body {
  font-family:"roboto-regular-webfont";
  font-weight: normal;
  font-size: 95%;
  background-color: #fff;
  margin: 0;
  padding: 0;
}
section,.rel {
  position: relative;
}
.rel {
  margin-bottom: -2em;
  z-index: 1;
}
.rel .ptitle {
  background-color: transparent;
  font-size: 2.5em;
  top: 0;
  display: block;
  color: #fff;
}
.overlink a {
position: relative;
z-index: 2;
}
.overlink a span {
display: block;
padding: 1em 1em 0 1em;
margin-top: 0em;
line-height: 1.2em;
}
.overlink a:hover span,.overlink a.active span {
background-image: url("../images/sikmina-on.png");
}
h1,h2 {
  font-size: 2.5em;
}
h2 {
  font-size: 1.6em;
  line-height: 1.3em;
  color: #fff;
  margin: 1em 0 0 0;
}
.col2 h2 {
  margin: 0;
}
.pcs h3 {
  font-size: 1.2em;
  margin: .3em 0 0 0;
  padding: 0 1.6em;
}
h3 strong {
  font-size: .9em;
}
p strong {
  font-family: "roboto-bold-webfont";
}
.hpad {
  display: block;
  line-height: 2.5em;
  height: 2.5em;
}
.pad {
  padding: 1em 2em;
}
.red .pad {
  padding: 1em 0.5em;
}
.col1-3 .pad,.textref .col2 .pad {
  padding: 1em 2em;
}
.extlink {
  margin: .5em 0;
}
.extlink img,.extlink svg {
  width: 60px;
  height: 60px;
}
.galpad {
  padding: 1em 0 1em 2em;
}
header .pad {
  padding: .1em 2em;
}
.bpad {
  background-color: #fff;
}
section>.bpad,footer .bpad,header>div,nav {
  margin: 0 auto;
  max-width: 1500px;
}
nav {
  background-color: #C61343;
}
#breadcrumb .pad {
  padding: 0.4em 2em;
}
section p,section li {
  margin-right: 10%;
}
#intro,#intro2,.firstsec {
  margin-top: 2.7em;  
}
.headimg .col2 {
  width: 50%;
}
.col2,.col3,.col4,.col5,.col2-3,.col1-3 {
  float: left;
  width: 100%;
  position: relative;
}
.col4,.col5 {
  width: 50%;
}
.col4 .pcs,.col3 .pcs {
  width: 100%;
}
#section3 .col4 .pcs,#section3 .col3 .pcs {
  margin-bottom: 1em;
}
.cl {
  clear: left;
}
p {
  margin-top: 0; 
}
li {
  line-height: 150%;
  padding-bottom: .5em;
}
section p img {
width: 60%;
}
.bimg {
float: left;
}

.ptitle {
  display: none;
  position: absolute;
  top: 60%;
  left: 0;
  z-index: 2;
  padding = 0;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  height: 2.7em;
  width: 100%;
  z-index: 9999;
  -webkit-transition: background-color .4s;
  transition: background-color .4s;
  background-color: #C61343;
  -webkit-box-shadow: 2px 3px 20px -7px rgba(85,85,85,1);
  -moz-box-shadow: 2px 3px 20px -7px rgba(85,85,85,1);
  box-shadow: 2px 3px 20px -7px rgba(85,85,85,1);
}
header li {
  list-style: none;
  float: left;
  padding: 0 0.6em;
  border-right: 1px solid #fff;
}
header ul {
  margin: 0 2em 0 0;
  float: right;
}
header .last {
  border: none;
  padding-right: 0;
}
header a {
  color: #fff;
}
header img {
  height: 1.8em;
  margin: .4em 0 0 2em;
}
#top {
  height: 10px;
}
footer .social {
  margin: 0 auto;
  width: 13em;
}
.social svg {
  width: 2em;
  height: 2em;
  margin: .2em;
}
#intro h1,#intro2 h1 {
font-size: 2em;
line-height: 1.2em;
margin-top: .5em;
background-color: inherit;
display: block;
margin: .5em 0;
color: #C61343;
}

/*SECTION PARTS SIZING*/
.section {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: 50% 50% / cover;  
}

/*SECTION DATA BOXES*/
.text {
  width: 50%;
  padding: 10px 50px;
  border-radius: 5px;
  background: rgba(200,200,200, .7);
  box-shadow: 0 0 10px rgba(0, 0, 0, .8);
}
footer {
}
footer * {
  color: #fff;
}
footer li {
  list-style: none;
}
footer ul {
  padding: 0;
  margin: 0;
}
.btn {
  display: inline-block;
  color: #C61343;
  margin: 1em 0;
  text-decoration: underline;
}
.btn:hover {
  color: #000;
  cursor: pointer;
}
.data-more .next,.data-show .more {
  visibility: hidden;
  opacity: 0;
  height: 0;
  transition: visibility 0s, opacity 0.5s ease-in;
}
.data-show .next {
  visibility: visible;
  opacity: 1;
  height: auto;
}
.objects a {
text-align: center;
font-size: 1.3em;
}

.objects img {
width: 40%;
text-align: center;
}

/*TEXTS*/
.section ul {
  padding: 0 0 1em 1em;
}
a {
  text-decoration: none;
  color: #C61343;
}
footer a {
  color: #fff;
}
.copy {
  text-align: center;
  padding: 1em;
  margin: 0;
}
.mark {
  font-size: 0.9em;
}
td {
}
.tel,.price {
  text-align: right;
}
table {
  width: 100%;
}
.less {
display: none;
}

/*SECTION IMAGES*/
section img {
width: 100%;
}

.pcs {
position: relative;
width: 50%;
float: left;
background-position: 50% 50%;
background-size: cover;
}

.pcs:hover {
  background-color: #C61343;
  color: #fff;
}

.col1-3 .pcs {
width: 100%;
}

.icons img {
width: auto;
height: 3em;
margin-right: 1em;
float: left;
}

.icons p span {
font-size: 2em;
line-height: 1em;
}

.icons p {
margin: 0;
}

.img-epc,.img-em,.img-vystavba,.img-zdroje,.img-municipality,.img-zdravotnictvi,.img-prumysl,.img-projekty {
background-image: url("../images/icons-services.png");
background-position: 0% 0%;
background-size: 400%;
background-repeat: no-repeat;
display: block;
-webkit-transition: background-image .8s;
transition: background-image .8s;
}

.img-municipality,.img-zdravotnictvi,.img-prumysl,.img-projekty {
background-image: url("../images/icons-custm.png");
}

.measure div {
display: block;
width: 50%;
float: left;
height: 5em;
background-image: url("../images/hlavice.svg");
background-position: 0% 50%;
background-size: 30%;
background-repeat: no-repeat;
-webkit-transition: background-image .8s;
transition: background-image .8s;
}

.measure div span {
width: 40%;
display: block;
margin-left: 35%;
}

.measure .cont1 {background-image: url("../images/strecha.svg")}
.measure .cont2 {background-image: url("../images/zatepleni-nevytapene.svg")}
.measure .cont3 {background-image: url("../images/zatepleni-sten.svg")}
.measure .cont4 {background-image: url("../images/stineni.svg")}
.measure .cont5 {background-image: url("../images/kotel.svg")}
.measure .cont6 {background-image: url("../images/hlavice.svg")}
.measure .cont7 {background-image: url("../images/rc.svg")}
.measure .cont8 {background-image: url("../images/cerpadla.svg")}
.measure .cont9 {background-image: url("../images/kgj.svg")}
.measure .cont10 {background-image: url("../images/hlavice.svg")}
.measure .cont11 {background-image: url("../images/vzduchotechnika.svg")}
.measure .cont12 {background-image: url("../images/mar.svg")}
.measure .cont13 {background-image: url("../images/osvetleni.svg")}
.measure .cont14 {background-image: url("../images/fve.svg")}
.measure .cont15 {background-image: url("../images/chlazeni.svg")}
.measure .cont16 {background-image: url("../images/perlatory.svg")}
.measure .cont17 {background-image: url("../images/hvyvazeni.svg")}
.measure .cont18 {background-image: url("../images/puda.svg")}
.measure .cont19 {background-image: url("../images/hlavice.svg")}
.measure .cont20 {background-image: url("../images/voda.svg")}
.measure .cont21 {background-image: url("../images/hlavice.svg")}
.measure .cont22 {background-image: url("../images/akumulace.svg")}
.measure .cont23 {background-image: url("../images/svr.svg")}
.measure .cont24 {background-image: url("../images/kompresory.svg")}
.measure .cont25 {background-image: url("../images/turbina.svg")}
.measure .cont26 {background-image: url("../images/rozvody.svg")}

.section-end {
position: absolute;
bottom: -2em;
right: 0;
width: 0;
z-index: -1;
border: 1px dotted #f00;
}

.section-end img {

}

#detailinfo {
width: 85%;
float: right;
margin-bottom: 1em;
}

#intro .h1 {
margin-left: 0em;
margin-top: 1em;
background-image: url("../images/pixel.png");
}

#intro.ai .h1 {
background-image: inherit;
}

#intro.ai h1,#intro.ai p {
color: #fff;
}

.ai .headimg {
background-color: #3C3C3B;
}

.ai .h1 img {
width: 50%;
max-width: 350px;
float: right;
}

#intro .col2 {
margin-left: 50%;
min-height: 55vh;
}

.headimg {
position: relative;
background-position: 0% 0%;
background-size: contain;
background-repeat: no-repeat;
}

.img-em {
background-position: 33.33% 0%;
}

.img-vystavba {
background-position: 66.66% 0%;
}

.img-zdroje {
background-position: 100% 0%;
}

.img-municipality {
background-position: 0% 0%;
}

.img-zdravotnictvi {
background-position: 33.33% 0%;
}

.img-prumysl {
background-position: 66.66% 0%;
}

.img-projekty {
background-position: 100% 0%;
}

a:hover .img-epc,a:hover .img-em,a:hover .img-vystavba,a:hover .img-zdroje {
background-image: url("../images/icons-services-on.png");
}

a:hover .img-municipality,a:hover .img-zdravotnictvi,a:hover .img-prumysl {
background-image: url("../images/icons-custm-on.png");
}

.video span {
display: block;
position: absolute;
top: 0;
height: 100%;
width: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url("../images/icon-video.png");
}

a p {
display: block;
padding: 1em 1.9em;
}

.lh {
padding-bottom: 2em;
}

.ar {
background-image: url("../images/icon-arrow.svg");
background-position: 50% 95%;
background-size: 18%;
background-repeat: no-repeat;
padding-bottom: 4em;
}

.ar:hover,.ar.red,.ar.active {
background-image: url("../images/icon-arrow-w.svg");
background-color: #C61343;
color: #fff;
}

.lh strong {
font-size: 1.8em;
line-height: 1.2em;
display: block;
padding: 0.5em 1em;
color: #C61343;
}

.lh em {
position: absolute;
top: .5em;
left: .5em;
font-size: 6em;
font-family: 'roboto-bold-webfont';
font-style: normal;
color: #C61343;
}

.objects .lh strong {
font-size: 1.8em;
color: #fff;
padding: 0.1em;
}

.lh span {
line-height: 2em; 
}

.lh a {
display: block;
}

.ar:hover.lh strong,.ar.red.lh strong {
color: #fff;
}

.dark {
background-color: #454545;
color: #fff;
}

.red,.active {
background-color: #C61343;
}

footer .active {
background-color: #454545;
}

.dark *,.red *,.red,.pcs:hover *,.pcs.active,.pcs.active * {
color: #fff;
}

/* animate link underline */ 
.linkLine {
position: relative;
display: inline-block;
}

.linkLine span {
position: absolute;
bottom: 0;
left: 0;
height: 1px;
background-color: #fff;
-webkit-transition: width .4s,opacity .4s;
transition: width .4s,opacity .4s;
width: 0%;
opacity: 0;
}

.texts .linkLine span {
background-color: #D7151C;
}

.linkLine.book span {
background-color: #000;
}

.linkLine.active span {
-webkit-transition: width .4s,opacity .4s;
transition: width .4s,opacity .4s;
width: 100%;
opacity: 1;
}

.linkLine:hover,#resultMenu span:hover {
cursor: pointer;
}

h2 {
background-repeat: no-repeat;
display: inline-block;
padding: .2em 1.5em .2em 1.1em;
background-color: #C61343;
background-image: url("../images/title-corner.png");
background-position: 100% 0%;
}

h2.dark {
background-color: #454545;
}

.graphs h2,.textref .red h2 {
background: transparent;
font-size: 2em;
padding: 0;
color: #000;
}

.textref span {
font-size: 1.5em;
line-height: .1em;
padding: 0 .1em;
display: inline-block;
margin-bottom: -3em;
}

.graphs .red h2,.graphs .dark h2,.textref .red h2 {
color: #fff;
}

.cbk {
  color: #fff;
}

.mobile-headimg {
  display: none;
}

.video-container video {
    width: 150%;
    float: left;
    display: none;
}

.hj {
  cursor: pointer;
}

.hamburg {
  display: none;
  height: 100vh;
  position: absolute;
  right: 1em;
  top: 0em;
}

.hamburg svg {
  width: 3em;
  height: 3em;
}

.hamburg * {
  color: #fff;
}

.hj,
.top,
.middle,
.bottom {
  transition: all 0.3s ease-in-out;
}

.toggle {
  transition: all 0.3s ease-in-out;
}

.hamburg.menuon .hj .top,
.hj:hover .top {
    transform: rotate(45deg);
    transform-origin: center top;
    x: 37.5px;
    y: 26.25px;
}

.hamburg.menuon .hj .middle,
.hj:hover .middle {
    opacity: 0;
    x: 0;
}

.hamburg.menuon .hj .bottom,
.hj:hover .bottom {
    transform: rotate(-45deg);
    transform-origin: center top;
    x: -15px;
    y: 18.75px;
}

/* responsive */
@media (max-width: 600px) {
	#logo {
		width: auto;
	}
	header {
		position: relative;
	}
	header ul {
		margin: 0;
		float: none;
	}
	.col5 {
		width: 33.33%;
	}
	header li {
		border-right: none;
		float: none;
		text-align: center;
	}
	header .last {
		padding: 0 0.6em;
	}
	#intro, .firstsec {
    	margin-top: 0.5em;
	}
	nav {
		padding-bottom: 1em;
	}
	nav ul {
		padding: 0;
	}
	.toggle {
		display: none;
		clear: both;
		margin-top: 2em;
		top: -30em;
	}
	.toggle--active {
		display: block;
		top: 3em;
	}
	.navicon {
	    display: block;
		width: 2em;
		height: 2em;
		position: absolute;
		right: 1em;
		top: .4em;
	}
	.hamburg {
		display: flex;
	}
	#intro,#intro2,.firstsec {
	  margin-top: 0em;  
	}
	.ptitle {
	  padding: .7em .7em;
	}
}

@media (min-width: 600px) {
    .video-container video {
        display: block;
        width: 100%;
    }
    
	.ptitle {
	  padding: .7em .7em;
	}
}

@media (min-width: 800px) {
	.col2 {
		float: left;
		width: 50%;
	}
	.col3 {
		float: left;
		width: 33.33%;
	}
	.col4 {
		float: left;
		width: 25%;
	}
	.col5 {
		float: left;
		width: 20%;
	}
	.col1-3 {
		float: left;
		width: 33.33%;
	}
	.col2-3 {
		float: left;
		width: 66.66%;
	}
	.pcs {
		width: 25%;
	}

	section img {
	}
	#intro #parallax-box {
    	display: block;
	}
	#intro-mobile {
		display: none;
	}
	#intro .col2-3 {
		display: block;
	}
	#intro .h1 {
		margin-left: -2em;
	}
	.overlink a span {
		display: block;
		background-color: transparent;
		background-image: url(../images/sikmina.png);
		background-position: 50% 0%;
		background-size: 70%;
		background-repeat: no-repeat;
		padding: 1em 1em 0 1em;
		margin-top: -2em;
		line-height: 1.2em;
	}
	
	.measure {
		margin-top: 5em;
	}
	
	.ptitle {
		position: absolute;
		top: 60%;
		left: 0;
		z-index: 2;
		background-color: #C61343;
		padding: 1em;
		color: #fff;
		font-size: 1.8em;
	}
	
}

@media (min-width: 900px) {
  body {
    font-size: 105%;
  }
}

@media (min-width: 1000px) {
  body {
    font-size: 110%;
  }
}
@media (min-width: 1100px) {
  body {
    font-size: 115%;
  }
	.lh strong {
		padding: 0.5em 1em 2em 1em ;
	}
	.objects .lh strong {
		padding: 0.1em;
	}
}
@media (min-width: 1200px) {
  body {
    font-size: 120%;
  }
}
@media (min-width: 1300px) {
  body {
    font-size: 125%;
  }
  section>.bpad,header>div,nav,footer .bpad2 {
    max-width: 1500px;
    margin: 0 auto;
  }
  footer>.bpad {
    max-width: 100%;
  }	
}
@media (min-width: 1400px) {
  body {
    font-size: 135%;
  }
	 
}

@media (max-width: 600px) {
  #intro .col2 {
	margin-left: 0;
	min-height: auto;
  }
  .headimg .col2 {
	width: 100%;
  }
  .headimg {
    background-image: none;
  }
  .mobile-headimg {
    display: block;
  }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 

	/*retina*/
}