﻿html {
   height:100%;
   min-height:100%;
   }


body {
background-color:#fff;
font-family: 'Exo 2', sans-serif;
font-size:11.5pt;
font-weight:500;
min-height:100%;
}

a, a:focus, a:hover {
   color:black;
   }




h1, .h1 {    font-size: 32px;    font-weight: 500; margin:.2em 0 1em   0;    }
h2, .h2 {    font-size: 22px;    font-weight: 500; margin:.2em 0px 1.3em; color: #000;text-transform: uppercase;}
h3, .h3 {    font-size: 22px;    font-weight: 200; margin:.2em 0 .7em 0;    }
h4, .h4 {    font-size: 18px;    font-weight: 500; margin:.2em 0 .7em 0;  }

p {
font-size:110%;
margin-bottom:1.4em;
   }


.fullWidth {
/*max-width: 1400px;*/
/*layout je 400+1000*/
}

.container-fluid {
padding:0;
}
.maxwidth {
max-width: 1600px;
margin:auto;
/*layout je 400+1000*/
}

.shline, .shline1 {
   margin:0 !important;
   padding:0 !important;
   }

.topmenuR .rightbar ul {
	display:none;
}

.rightbar {
/*float:right;*/
margin-top:2em;
background-color:white;
transition:.5s all;
}
.rightbarwrap {
width:100%;
}
.rightbar a {
   transition:.3s all;
   }

.rightbar a:hover{
  background-color:#eee;
}

.logoHdr img {
    display: block;
    width: 94%;
}

.logoHdr {
   margin-left:1em !important;
   }

.rightbar a:hover {
   background-color:#eee !important;
   }


.shadowline {
    background-color: #da2f10;
    box-shadow: 0 .5em 1em rgba(0,0,0,.3);
    height: 16px;
    position: relative;
    z-index: 5;
/*    margin:-15px;*/
}

.colorline {
   margin: 0;
   }
.colorline .col-md-12{
   margin: 0;
   padding:0;
 }








.topBar {
margin-bottom:0;
position:relative;
z-index:99;
background-color:#fff;
}

.hdrLeft {
/*width:28%;*/
/*float:left;*/
}

.floatleft {
   float:left;
   margin: 0 1em 1em 0;
   }
.floatright {
   float:right;
   margin: 0 0 1em 1em;
   }

.topmenuL {
   float:left;
   width:30%;
   padding:1em 1em 1em 2em;
   }
.topmenuR {
   float:right;
   width:70%;
   padding-top:1em;
   font-weight:100;
   }
.topmenuL a {
    display: block;
}

.navbar-collapse {
margin-top:1em;
border-top:none;

/*display:none;*/
}

.navbar-collapse ul{
border-top:none;
width:auto;
background-color:white;
color:black;
margin:0;
}


.nbHdr {
float:right;
}

.nav > li > a {
padding: 1em 1.2em;
font-size:120%;
}
.nav > li > a > span{
   display:block;
}

.logoHdr {
display:block;
margin-top:1em;
}
.logoHdr a {
display:block;
}

.navbar {
background-color:#fff;
border:none;
/*min-height:127px;*/
}



.navbar-default .navbar-nav > .active > a {
   color:white;
   background:#444;


   }






.heroblock {
/*background:red;*/
/*background:#FFF url("images/titleimg.jpg") no-repeat scroll 50% 50%  cover;*/
background:#FFF url("images/titleimg.jpg") no-repeat 50% 50%;
height:200px;
overflow:hidden;
  -webkit-background-size: cover;
 -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.heroimg {
}





.heroWhite {
display:block;
background-color:rgba(255,255,255,.5);
height:500px;
width:28.5%;
float:left;
}





.heroLeft .bigTextOnImg, .heroRight .bigTextOnImg{
    background-color: #1b1b1b;
    color: white;
    font-size: 250%;
    padding: .2em 1em;
    position: absolute;
    text-transform: uppercase;
    top: 15%;
   }

.heroLeft {
right: 71%;
background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
height: 500px;
position: absolute;
width: 5000%;
   }

.heroRight {
height: 500px;
display: block;
min-height: 300px;

width: auto;
float: left;
margin-left: 28%;
}


.bigTextOnImg {
    background-color: black;
    right:0;
}

.heroRight .bigTextOnImg {
width: auto;
float: left;
background-color: #da2f10;
left: 0px;
position: relative;
box-shadow:5px 6px 10px rgba(0,0,0,.6);
}

.blkwidebgd {
background-color:black;
position:fixed;
left:72%;
height:100%;


}

.bigwidth {
position:relative;
background-color:#f2f2f2;
}



.mycol {
   background:white;
   }


.mycolsizetree {
width:29%;
padding:0em;
display:block;
float:left;
background-color:black;


}
.mycolsizecont {
transition:1s background-color;
background-color:#FFF;
width:71%;
padding-top:2em;:
margin-left:1em;
margin:0;
display:block;
float:left;

}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:  flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}



.content {
padding:0 2em 6em 2em;
}

.rowBlock {
margin-bottom:2em;
}

/*  sidebar */
.mycolsizetree {
margin-left:0;
}


.sidenav {
padding:2em 0;
background-color:black;
color:white;
}

.sidenav ul {
   font-size:125%;

   }
.sidenav ul ul{
   font-size:100%;

   }


.sidenav .bigtext img {
   margin:0 1% .3em 0;
   width:32%;
   }
.sidenav .bigtext a {
   display:inline;
   }

.bigtext .col-sm-4 {
/*background: #EEE none repeat scroll 0% 0%;
border-radius: 4em;
padding: 1em;
width: 30.3%;
margin: 1.5%;*/
}


.sideWrap {
display:block;
padding:0 0 0 2.5em;
margin-bottom:1em;
}
.sidenav p {
padding-right:2.5em;
}
.sidenav h3, .sidenav h2{
background-color:#262626;
padding:.6em 1em;
border-left:.1em solid #DA2F10;
margin-bottom:1.2em;
/*-webkit-transition:all 1s ease 0s;
transition: all 1s ease 0s;*/
font-size: 150%;
font-weight: lighter;
color:white;
}
.sideWrap .bigtel {
font-size:150%;
background-color:#262626;
padding:0 0;
vertical-align:middle;
/*-webkit-transition:all 1s ease 0s;
transition: all 1s ease 0s;*/
}

.sideWrap .bigtel a{
	display:inline;
}



.sideWrap .bigtel .glyphicon {
background-color:#ff2626;
padding:.6em 1em;
vertical-align:middle;
margin-right:.7em;
}



.sideWrap>ul {
padding: 0 0 0 0;
margin-bottom:2em;
color:#8D8D8D;
}
.sideWrap ul>li, .sideWrap ul>li {
list-style:none;
padding: .2em 0;
}

.sideWrap a {
color:#aaa;
/*transition:.4s all;*/
padding:.2em 0;
}
.sideWrap a:hover {
color:#fff;
}
.sideWrap a.active {
color:#fff;
font-weight:bold;
}

.imgTxtVert {
   float:left;

   }



.sideWrap a {
display:block;
}

/* END sidebar */



/* content  */

.btn-circle {
/*  line-height: 80%;*/
  /*line-height:10em;*/
/*  width:100%;
  height:100%;
  padding:0;
  border:0;
  border-radius: 100%;
  background-color:#DA2F10;
  color:white;
  overflow:hidden;*/
  width:6em;
  height:6em;
  margin:auto;

}

.btn-circle img{
   margin: auto;
   display: block;
   background-color: #da2f10;
   border-radius: 100%;
   width:100%;
   height:100%;
}





.circleWrap {
  margin:0 auto;
  text-align:center;
  padding: 0 0 1em 0;
}
.roundCircle {
text-align:center;
padding:0;
margin:0;

}
.roundCircle h3{
   font-weight:bolder;
   font-size:200%;
   padding-top:0;
}


.imgTxtBlock {
padding:0 0 0 0;
margin-bottom:2em;

}

.imgTxtBlock h3{
margin-top:.3em;
}

.imgdescription {
font-style:italic;
padding:.5em .5em;
}

.imgTxtBlock h2 {
font-weight:bold;
margin:0;
padding:0;

}
/*vertikalni blok, bude se skladat po 3*/
.vertImgTxtBlock {
margin: 0 -1.5em;
}

.realiztext {
   }
.realiztextthumb {
   height:6em;
   padding: 0 0.6em;
   overflow:hidden;
   }
.realiztextthumb h3{
   font-weight:500;
   }


.imgTxtVert{
padding:0;
margin:0 2% 5% 2% ;
/*background-color:#E7AD37;*/
background-color:#E9E9E9;
width:29.3%;
}

.imgTxtVert .imgblock{
padding:0;
margin:0;
position:relative;
}

.imgTxtVert .imgblock :before { /*Sipka*/
content: "";
position: absolute;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0px 13px 10px;
border-color: transparent transparent #E9E9E9;
bottom: 0;
left: 73%;
}


.imgTxtVert .lightbox img{
   width:100%;
   height:100%;
}


.text {
   margin-bottom:2em;
   }





.imgTxtVert .text {
padding:1em 1em 0em 1em;
margin-bottom:0;
position:relative;
}









.imgTxtVert h2 {
margin:0;
padding:.7em 0;
font-size:90%;
}
.imgTxtVert h3 {
margin:0;
padding:.7em 0;
font-size:100%;
line-height:1.4em;

}
.imgTxtVert h4 {
margin:0;
padding:.7em 0;
font-size:90%;
}

.imgTxtVert .imgblock {
width:100%;
/*height:200px;*/
}


.home .imgTxtVert{
width: 30.3%;
padding: 0px;
margin: 0 1.5%;
background-color:#f6f6f6;

 }
.home .imgTxtVert .wrapper {
   padding:2em;
}












.imgblock a {
   display:block;
   background-color:white;
   }

.imgblock img {
   width:100% !important;
   }

.realizdetail .imgblock {
   display:block;
   float:left;
   margin:0 1.5em 1.5em 0;
   }


.biggallery {
clear:both;
overflow:auto;
padding:0 0 0 0;
}
.biggallery .imggallery {
    display: block;
    float: left;
    margin: 2%;
    padding: 0;
    width: 20%;
   }
.biggallery .imggallery a{
   display:block;
   overflow:hidden;
   }

.biggallery .imggallery img {
   display:block;
   margin:auto;
   height: auto !important;
   width: 100% !important;
  }
.biggallery .imggallery p {
padding: 1em .2em;
font-size: 90%;
 }

.standalgallery h2 {
   margin-bottom:2em;
   }

.standalgallery ul{
   display:flex;
   margin:none;
   padding:0;
   }

/* .standalgallery li{ */
   /* display:block; */
   /* float:left; */
   /* list-style:none; */
   /* margin: 0 1%; */
   /* width: 31%; */
	/* box-shadow: 0em 0em 1.8em #dadada;   */
   /* } */



.standalgallery li {
display: flex;
list-style: none;
margin: 0 1%;
width: 31%;
box-shadow: 0em 0em 1.8em #dadada;
align-items: center;
justify-content: center;
padding: 1.3rem;
}








.standalgallery .gal a.lightbox  {
   padding:1.5em 0;
   display:block;
   }
.standalgallery .gal a.lightbox img {
display: block;
margin: auto;
height: auto;
max-width: 100% !important;

}








ol.big_list {
   counter-reset:li;
   list-style:none;
   padding-left:0;
   padding-top:1.5em;
   }
.big_list li{
counter-increment: step;
line-height: 3em;
margin-bottom:1em;
position:relative;
margin-left:4.4em;
font-size:160%;
}


.big_list li::before{
content: counter(step, decimal);
position: absolute;
background: #E6E6E6 none repeat scroll 0% 0%;
line-height: 3em;
border-radius: 3em;
width: 3em;

text-align: center;
vertical-align: middle;
left:-4em;

   }




.realizdetail {
   margin-top:0;
   }


.googlemap, .cms_gmap {
   display:block;
   width:100%;
   height:400px;

   }

.textblock.horizontal .imgrow a {
   display:block;
   }


.textblock.horizontal .imgrow img{
   width:100% !important;
   height:auto !important;
   display:block;
   }
/*.textblock.horizontal h2{*/
h2{
/*   margin: 0.2em 0 1.2em 0;
   font-size: 17px;
   text-transform: uppercase;
   font-weight: 700;
*/
margin: 0.2em 0px 1.2em;
font-size: 140%;
text-transform: uppercase;
font-weight: 700;
color: 0;





   }
.textblock.horizontal {
   margin-bottom:6em;
   }

.bottomBigMenu {
	display:none;
	
}


/* Menu ve strance */

.inpage {
font-size: 130%;
}
.inpage li {
margin: 1rem 0;
flex: 0 0 50%;
list-style: none;
margin: 0;
}
.inpage ul {
display: flex;
flex-wrap: wrap;
margin: 0 -1rem;
padding: 0;
}
.inpage li > a {
background: #f9f9f9;
margin: 0.9rem;
display: block;
padding: 2rem;
box-shadow: 1px 6px 1rem #ddd;
border-left: 2px solid #ff2626;
}
.inpage li > a:hover {
background: #dadada;
}
.inpage li > a {
transition: .3s all;
}



















/* END content  */

































/* paticka */
.footerWide {

   background-color:#ddd;
   }


.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  padding:0;
  margin:0 auto;
  max-width:1600px;

}

.footerwrap {
width:23.834%;
background-color:#333;
font-weight:lighter;
font-size:85%;
}

.footerwrap.first {
width:28.5%;
}

.footer h3 {
margin: 0px auto;
padding: 0.7em 2em;
/*transition: all 1s ease 0s;*/
text-transform: uppercase;
background-color: #DA2F10;
color: #fff;
font-weight:500;

}

.outerfooter {
background-color:#333333;
}







.footercont {
padding:2em 2.5em;
color:white;
}



.footercont td, .footercont th {
   padding:.2em;
   vertical-align:top;
   }
.footercont h1,.footercont h2,.footercont h3,.footercont h4,.footercont h5 {
   margin-top:0;
   margin-bottom:.7em;
   }
.footercont a {
   color:#aaa;
   font-weight:normal;
   transition:.3s all;

   }
.footercont a:hover {
   color:white;
   }

.footercont a img {
   transition:.3s all;
   border:1px solid #aaa;
   display:block;
   }
.footercont a:hover img{
   border:1px solid white;
   }

.linkupblock a {
	float: right;
	padding: 0.6em 1.2em;
	background: #ccc;
	border-radius: 1.5em;
	
}


/* paticka end*/



@media (max-width: 1200px) {
.sideWrap .bigtel, .sidenav h3, .footer h3 {
font-size:120%;
}
.footer h3 {
padding: 0.7em 3em;
}




}

@media (min-width: 768px) {
.navbar-collapse .rightbar {
/*   width:none;*/
width:auto;
float:right;
   }
  
 
}




@media (max-width: 991px) {
body {

   }
.topmenuL {
   float:none;
   width:60%;
   }
.topmenuR {
   float:none;
   width:100%;
   }

.topmenuL a{
display:block;
padding-left:1em;
   }






.textblock h2 {
 font-size:160%;
 text-transform:none;
 text-align:center;
 margin-bottom:0;
 font-weight:200;
   }

.textblock.horizontal .imgrow img {
   display:block;
   width:70% !important;
   height:unset;
   margin:2em auto;
   }









.mycolsizecont{
    background-color:white;
    margin:0 0;
    width:auto;
}



.mycolsizetree{
display: none;
}
.footer {
display:block;
}
.footerwrap, .footerwrap.first {
width:100%;
}
.footerwrap h3{
background-color:transparent;
margin-bottom:0;
}
.footercont {
padding:0 3.5em;
margin-bottom:0;
}
.footercont p {
margin-bottom:0;
}
.hdrLeft {
width:100%;
}


.bigNav {
display:block;
width:100%;
}
.footer h3 {
padding:.5em 2em;
font-size:140%;
background-color:#595959;
margin:0 0 .7em 0 ;
}


.footerwrap {
padding-bottom:2em;
}
.heroLeft .bigTextOnImg, .heroRight .bigTextOnImg {
   font-size:180%;
}


.bottomBigMenu {
	display:block;
}
.bottomBigMenu h3{
	padding: .5em 2em;
}

.bottomBigMenu ul{
	list-style:none;
	padding: 0em 0em;
}
.bottomBigMenu li a{
	display:block;
	list-style:none;
	padding: 0.6em 3em;
}
.bottomBigMenu li a.active{
	background-color:#999;
	color:white;
	
}








}










@media (max-width: 768px) {
.topmenuR .rightbar ul {
		background-color:red;
		list-style:none;
		padding-left:0;

	}
.topmenuR .rightbar ul li a {
		background-color: #e4e4e4;
		display:block;
		padding: 0.6em 1em;
	}
.topmenuR .rightbar ul li a:hover {
	background-color:#fff;
	}
.heroLeft {
	left:0%;
	width:100%;
	background:none;
} 

.heroLeft p.bigTextOnImg{
	position:absolute;
	left:-15px;
	top:15%;
	right:unset;
}

.heroRight p.bigTextOnImg{
	left:-15px;
	top:25%;
}


.heroRight {
	margin-left:0%;
	left:0;
}
    .standalgallery li {
  	width:97%;
  }  

  .big_list li {
   counter-increment: step;
   line-height: 1.2em;
   margin-bottom: 2em;
   position: relative;
   margin-left: 3.4em;
   font-size: 100%;
   padding-top: 0em;
}	
   .imgTxtVert{
      width: 46%;
   }

   .inpage li {
	   flex: 0 0 100%;
   }
   
   
   
	
}



@media (min-width: 768px) {
/*	.mycolsizecont{
		margin:0;
		width:70%;
	}
*/
	.topmenuR .rightbar ul {
		display:none;
	}


	
	
	
	
	
	
}




