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

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

html {
  height: 100%;
  overflow: hidden;
}
body {
  font-family:"robotocondensedregular";
  font-weight: normal;
  font-size: 95%;
  background-color: #fff;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  perspective: 1px;
}
section {
  background: #fff;
  position: relative;
}
h1 {
  font-family: Roboto, sans-serif;
  font-size: 1.9em;
  text-transform: uppercase;
}
.pad {
  padding: 4em 2em;
}
header .pad {
  padding: 1em 2em;
}
section>.pad,footer .pad,header>div {
  margin: 0 auto;
  max-width: 1100px;
}
section p,section li {
  margin-right: 10%;
}
#intro,.firstsec {
  margin-top: 5em;  
}
.col2,.col3,.col4,.col2-3 {
  float: left;
  width: 100%;
}
.cl {
  clear: left;
}
p {
  margin-top: 0; 
}
li {
  line-height: 150%;
  padding-bottom: .5em;
}
#certifications p {
  padding: 1em;
  margin: 0;
}

header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  -webkit-transition: background-color .4s;
  transition: background-color .4s;
  background-color: #fff;
  -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 #000;
}
header ul {
  margin: 0;
  float: right;
}
header .last {
  border: none;
  padding-right: 0;
}
header a:hover,header a.active {
  color: #000;
}
header img {
  height: 30px;
  margin: 10px 0;
}
#intro h1 {
  font-size: 2.5em;
  line-height: 1.2em;
  margin-top: 1em;
}

/*SECTION PARTS SIZING*/
.section {
  position: relative;
  min-height: 50%;
  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);
}
#intro {
  background-color: #fff;
  padding: 2em 0;
  /*
  background-image: url("../images/intro.svg");
  transform: translateZ(-1px) scale(2);
  background-size: 70%;
  background-repeat: no-repeat;
  min-height: 80vh;
  background-position-x: right;
  */
}
#intro img {
margin: 0;
}
#section1 .text{
  margin-left: auto;
  margin-right: auto;
  background-color: #f66;
}
#section2 .text{
  margin-left: 0;
  margin-right: auto;
  background-color: #6f6;
}
#section3 .text{
  margin-left: auto;
  margin-right: 0;
  background-color: #66f;
}
.header, .footer {
  text-align: center;
  font-size: 175%;
  color: #fff;
  text-shadow: 0 2px 2px #000;
}
footer {
  background-color: #504f4e;
  padding-bottom: 3em;
}
footer * {
  color: #fff;
}
footer li {
  list-style: none;
}
footer ul {
  padding: 0;
  margin: 0;
}
.btn {
  display: inline-block;
  padding: 0 20px;
  line-height: 2em;
  background-color: #3B277F;
  color: #fff;
  margin: 1em 0;
}
.btn:hover {
  background-color: #000;
}
.data-more .next,.data-show .more {
	display: none;
}
.data-show .next {
	display: block;
}
#certifications {
  background-color: #3B277F;
  color: #fff;
  z-index: 99;
}
#certifications .pad {
  padding: 0;
  margin: none;
}
#certifications a {
  color: #fff;
}

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

/*SECTION IMAGES*/
#title {
  background-image: url("trhy-ales.png");
  background-attachment: fixed;  
}
#section1{
  background-image: url("../images/pruhy-g-v.svg");
  transform: translateZ(-1px) scale(2);
  background-size: 50%;
  background-repeat: no-repeat;
  z-index:-1;
}
#section2 {
  background-color: #efefef;
}
#section3{
  background-image: url("../images/pruhy-g-v.svg");
  transform: translateZ(-1px) scale(2);
  z-index:-1;
}
#section4{
  background-image: url("../images/ag-gray-50.svg");
  transform: translateZ(-1px) scale(2);
  background-size: 90%;
  background-repeat: no-repeat;
  z-index:-1;
}
#section5{
  background-image: url("../images/pruhy-gr.svg");
  transform: translateZ(-1px) scale(2);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index:-1;
}
#section6 {
  background-image: url("../images/bg-g.svg");
  background-attachment: fixed;
}
#section8{
  background-image: url("../images/pruhy-ag-20.svg");
  transform: translateZ(-1px) scale(2);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index:-1;
}

#section9{
  background-image: url("../images/ag-pruhy.svg");
  background-size: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
}

section img {
margin-right: 2em;
width: 50%;
}

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

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

/* parallax */
#intro #parallax-box {
	position: absolute;
    width: 66.66%;
    right: 0;
    top: 10vh;
    display: none;
}
#intro-mobile {
	display: block;
}

#intro .pad {
	padding-top: .5em;
	padding-bottom: .5em;
}
#intro-mobile img {
	width: 100%;
}
#intro .col2-3 {
	display: none;
}
#intro h1 {
	margin: 0;
}
#parallax {
	position: relative;
	min-height: 30vh;
}
#parallax div {
	position: absolute;
}

#parallax div img {
	width: 100%;
}

#clouds {
	position: relative;
	z-index:1;
	width:106%;
	top: 0;
	left: 0;
}

#sun {
	z-index:2;
	width: 100%;
	top: 0;
	left: 0;
}

#lines {
	z-index:2;
	width: 100%;
	top: 0;
	left: 0;
}

#earth {
	z-index:4;
	width: 100%;
	top: 0;
	left: 0;
}

#columns {
	z-index:6;
	width: 90%;
	top: 0;
	left: 0;
}

#transformer {
	z-index:5;
	bottom: 0;
	left: -8%;
	width: 100%;
	top: 0;
	left: 0;
}

#excavation-work {
	z-index: 7;
	top: 0;
	left: 0;
    width: 100%;
}

#geo {
	z-index: 11;
    width: 100%;
	top: 0;
	left: 0;
}

#bottom-line {
	z-index: 10;
    width: 100%;
	top: 0;
	left: 0;
}

/* responsive */
@media (max-width: 500px) {
	header {
		position: relative;
	}
	header ul {
		margin: 0;
		float: none;
	}
	header li {
		border-right: none;
		float: none;
		text-align: center;
	}
	header .last {
		padding: 0 0.6em;
	}
	#intro, .firstsec {
    	margin-top: 0.5em;
	}
}

@media (min-width: 600px) {
	
}

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

	section img {
		margin-right: 2em;
		width: 90%;
	}
	#intro #parallax-box {
    	display: block;
	}
	#intro-mobile {
		display: none;
	}
	#intro .col2-3 {
		display: block;
	}
	#intro h1 {
		margin: 1em 0;
	}
	
}

@media (min-width: 900px) {
	
}

@media (min-width: 1000px) {
	
}
@media (min-width: 1100px) {
	
}
@media (min-width: 1300px) {
	 
	
}
@media (min-width: 1500px) {
	 
}

@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*/
}