/*
Theme Name: Chytrý dom
Theme URI: 
Description: 
Version: 1.0
Author: Stylo.sk
Author URI: 
*/


/*stylesheet*/
@font-face {
    font-family: PT-sans-Bold;
    src: url(css/fonts/PT_Sans-Web-Bold_0.ttf);
}
@font-face {
    font-family: SourceSansPro;
    src: url(css/fonts/SourceSansPro-Regular.ttf);
}

@font-face {
    font-family: SourceSansPro-ExtraLight;
    src: url(css/fonts/SourceSansPro-ExtraLight.ttf);
}
@font-face {
    font-family: SourceSansPro-Light;
    src: url(css/fonts/SourceSansPro-Light.ttf);
}

@font-face {
    font-family: SourceSansPro-Semibold;
    src: url(css/fonts/SourceSansPro-Semibold.ttf);
}
@font-face {
    font-family: SourceSansPro-Bold;
    src: url(css/fonts/SourceSansPro-Bold.ttf);
}
@font-face {
    font-family: SourceSansPro-Italic;
    src: url(css/fonts/SourceSansPro-Italic.ttf);
}
@font-face {
    font-family: SourceSansPro-Black;
    src: url(css/fonts/SourceSansPro-Black.ttf);
}


body{
	font-size:16px;
}

h3{
	 font-size:2.375em;
	 font-family: SourceSansPro;
	 color:#fff;
	 padding-bottom:10px;
}

p{
	font-size:1.4375em;
	font-family: SourceSansPro-Light;
	 color:#fff;
}

/*navbar boostrap---------*/


.navbar {
	 
	font-family:PT-sans-bold;
	font-size:1.125em;
	border-bottom:1px solid;
	border-bottom-color:rgba(53,69,87,1);


transition: opacity 500 ease-in-out;
}

.navbar-back{
background: -moz-linear-gradient( 90deg, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%) !important;
  background: -webkit-linear-gradient( 90deg, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%) !important;
  background: linear-gradient( 90deg, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%) !important;
}

.navbar-brand {
	padding-top:40px;

}
.navbar-nav > li {
	margin-top:-5px;
	

}


li.dropdown {position: static;

}
.dropdown-menu {width: 100%;
}
.dropdown-menu > li {display: inline-block;
}
.dropdown-menu {
background: -moz-linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);
  background: -webkit-linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);
  background: linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);
  font-family:PT-sans-bold;
  font-size:1.125em;
  padding-top:45px;
  padding-left:55px;
  padding-bottom:45px;
  text-transform:uppercase;
  
  }

  .dropdown-menu > li > a {
  	padding-right:60px;
  }


.navbar-left {
	padding-left:9%;
	text-transform:uppercase;

}
.navbar-left li{
padding-right: 15px
}
.navbar-right a{
	font-size:1em;
}

.navbar i {
	color:#6e7b8d;
	padding-right:4px;
}

.nav > li > a {
color:#aebece;
padding-left: 10px;
}

.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:active {
	text-decoration: none;
background-color: transparent !important;
color:#fff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: transparent !important;
	color:#fff;
	text-decoration: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: transparent !important;
	color:#fff;
}
.navbar-brand, .navbar-nav > li > a{
	text-shadow:none;
}


/* @media (min-width: 992px) and (max-width: 1100px){
.container {
width:992px;
}
}

@media (min-width: 992px) and (-webkit-min-device-pixel-ratio:0) {
.container {
width:initial !important;
}
}

*/

@media (max-width: 1400px) {

body{
	font-size:12px;
}
.navbar {
max-height:120px;
}
	
.navbar-nav > li > a {
padding-top: 51.65px;
padding-bottom: 51.65px;
}

.navbar-brand {
padding-top:25px;

}

.navbar-brand img{
width:80%;

}
.navbar-left {
	padding-left:7%;
}
}


@media (max-width: 992px) {
  .navbar-left {
	padding-left:70px;
}

.navbar-nav >li {
text-align:center;
	padding-right:5px;
}

.navbar-right {
  	display:none;
  }

.nav > li > a {
padding-right: 50px;
}

.dropdown-menu {

padding-top:30px;
padding-bottom:30px;
	}
  }


@media (max-width: 768px) {
  .navbar-right {
  	display:initial;
  }
.navbar-left {
	padding-left:30px;
}
.dropdown-menu {
border-top:none;

}
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-brand{
	padding: 36px 15px;
	height:initial;
}
.navbar-toggle {
	margin-bottom:initial;
}

.navbar {
	border-bottom:none;
}
.navbar-nav .open .dropdown-menu{
	background:none;
}
.navbar-collapse{

	box-shadow:none;
	background: -moz-linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);
  background: -webkit-linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);
  background: linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);

}

}


/*end navbar menu --------------*/






html,
body {
    height: 100%;
}



/* front page -----------------------------------------*/


#house {
margin-top:-162px;
color:#fff;
max-width: 100%;
    height:100%;
  
}


#house h1{
text-align:center;
 font-family: SourceSansPro-ExtraLight;
 margin-top:200px;
 font-size:3.125em;
	}
#house h2{
text-align:center;
 font-family: SourceSansPro-Light;
 font-size:1.875em;
	}
#house img{
	display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-top:45px;
}

#house img:hover{
margin-top:55px;
}


.fill2 {
	height:100%;
}
.fill {
background-image:url(img/inteligent-house.png);
width: 100%;
    height:100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;

}

@media (max-width: 1400px) {

#house {
margin-top:-120px;

}

#house img {
width:50px;
margin-top:30px;
	}
	#house img:hover{
margin-top:35px;
}

}

/*section ipad*/

#ipad {
height:100%;
background-color:#7c889c !important;
color:#e6e9ec !important;
	margin-bottom:-1.5px;
	-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

#ipad:after{ content: "."; 
display: block; 
height: 0; clear: both; 
visibility: hidden; } 
#ipad h2{
	padding-top:100px;
	font-size:2.25em;
	font-family: SourceSansPro-Light;
	padding-bottom:20px;

}

.ipd{
margin-left:-25px;
padding: 8px 10px;
overflow: hidden;
}

#ipad h3{
		line-height:40px;
	font-size:1.5em;
	font-family: SourceSansPro-Light;
	color:#e6e9ec !important;
	padding-bottom: 44.5%;
}

#ipad img:nth-child(1){
height: auto;
 max-width: 100%;
margin-left: 10%;
padding-bottom:2px;
margin-top:50px;
}

#ipad img:nth-of-type(2){
padding-left:15px;
}
.silver {
    margin-top: -95px;
}
.ipd{

height:100%;

}
#ipad{
	height:initial;
	margin-bottom: -10px;
}
@media (max-width: 1400px) {
.ipd{
margin-left:0px;
margin-bottom: 27.5px;
height:100%;

}
#ipad{
	height:initial;
}
	#ipad h3{
padding-bottom: 31%;
}
#ipad img:nth-child(1) {
    max-width: 100%;
    max-height: 607px;
    margin-left: 15%;
}

}


@media (max-width: 1200px) {
#ipad img:nth-child(1) {

margin-left: -200px;

	}
#ipad h2 {
    padding-top: 50px;

}
}


@media (max-width: 992px) {
#ipad img:nth-child(1) {
 margin-left: -20px;
    max-width: 104%;
max-height:initial;
	}
#ipad{
	height:initial;
}
	.ipd {
 margin-bottom: 50px;
    margin-top: -60px;
    padding:20px 100px;
}
#ipad h3{
	padding-bottom:20px;
}
.silver {
	margin-top:0px;


}


}


@media (max-width: 768px) {
#house h1 {
	margin-top:150px;
}

.silver{
	width:220px;
}
#ipad h3 {
    padding-right: 27px;
    padding-bottom: 20px;
}

#ipad h2 {
    padding-top: 0px;
}
#ipad img:nth-child(1) {
    height: auto;
    margin-left: -20px;
   
}

.ipd {
    padding: 50px;
    margin-left:0px;
}
.silver {
	margin-top:0px;
    margin-bottom: -48px;

}


}


@media (max-width: 420px) {

#ipad img:nth-child(1) {
margin-left: -8px;

}
#ipad h3 {
    padding-right: 0px;
}

}


@media (max-width: 360px) {

.ipd {
    margin-bottom: 10px;
}
}



/*section technologie*/


#technologia {
background:url(img/technologia.jpg) 0% 75%;
	background-size:100% 103%;
	 background-repeat: no-repeat;
width: 100%;
  

  
}
#technologia:after { content: "."; 
display: block; 
height: 0; clear: both; 
visibility: hidden; } 


#technologia h2{
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;

	padding-bottom: 70px;
padding-top: 20px;

}
#technologia h3{
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	
}

#technologia p{
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:16px;
	color:#a2b4cf;
	padding:5px 40px;
	
}

#technologia img {
display: block;
    margin-left: auto;
    margin-right: auto; 
    margin-top:70px;

}

#technologia .row{
margin-left:30px;
	}


.last-row{
	padding-bottom:150px;
}

.tech {
	width:32%;
margin:1px;
	height:348px;
	background: -moz-linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);
  background: -webkit-linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);
  background: linear-gradient( top, rgba(67,81,98,0.9) 0%, rgba(61,76,96,0.9) 100%);
}

.tech:hover {
	background:none;
}

.tech a:hover{
	text-decoration:none;
}
@media (max-width: 1400px) {
#technologia {
margin-top:-36px;


}
#technologia p{
padding:5px 0px;
}
}

@media (max-width: 1200px) {
.tech {
height:430px;

}

}


@media (max-width: 768px) {
.tech {
width:100%;
margin-left:-15px;
height:auto;
}
#technologia {
margin-top:0px;
}
.last-row{
	padding-bottom:0px;
}
}



/*section ohlasy*/


#ohlasy {
	background-color:#192029;
}
.carousel-indicators {
	display:none;
}
	#ohlasy h3{
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:2.525em;
	margin-top:65px;
	margin-bottom:30px;
}
#ohlasy p{
	color:#fff;
	font-family: SourceSansPro-light;
	text-align:center;
	font-size:1.5em;
}


#ohlasy {
	height:350px;
}

#ohlasy .carousel-control {
	
	}


#ohlasy .carousel-inner {
	width:60%;
	margin-left:20%;
}

@media (max-width: 768px) {
#ohlasy img{
	width:40px;
}

#ohlasy h3{

	margin-top:10px;

}
#ohlasy {
	height:initial;
}
}


@media (max-width: 480px) {


#ohlasy h3{

	margin-top:50px;

}
}





/*section zakaznik*/

.zakaznik {
	font-family: SourceSansPro-Light;
	color:#5a6d85;
}
.zakaznik1 {
  font-family: SourceSansPro-Semibold;
  color:#5a6d85;
}




/* front page end-----------------------------------------*/









/* lines section -----------------*/




#lines {
		background-image:url(img/lines-back.jpg);
	width: 100%;
    height:100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-top:-11.38%;
	
}
#lines img{
	width:90px;
}


#lines h3 {
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:2.0625em;
}

#lines h2 {
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:4.625em;
margin-top:320px;
}

#lines p{
	text-align:center;
}
#lines a {
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:1.25em;
}



.avideo {
	padding:14px 18px;
	background:#5661e8;
	border-radius:4px;

}

.avidoe {
	margin-bottom:110px;
	margin-top:50px;

}



.arrowdown {
	width:60px !important;
 display: block;
    margin-left: auto;
    margin-right: auto;
    transition: all .2s;
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}

.arrowdown:hover {
	 margin-top: 120px;
transition: all .2s;
-o-transition: all .2s;
-moz-transition: all .2s;
-webkit-transition: all .2s;
}




@media (max-width: 1400px) {


#lines{

	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    margin-top:-120.5px;

}

#lines h2 {
	margin-top:220px;
}



#lines img{
	width:70px;
}


.arrowdown:hover {
margin-top:125px;
}

}

@media (max-width: 768px) {
.avidoe {
    margin-bottom: 110px;
    margin-top: 0px;
}
#lines h2{
margin-top:25%;
}
.avidoe {
    margin-bottom: 100px;
}
.arrowdown:hover {
	 margin-top: 110px;
}
}


@media (max-width: 480px) {
#lines h2 {
	margin-top:120px;
}

.avidoe {
    margin-top: 0px;
    margin-bottom: 100px;
}

}




/* lines section -----------------*/
#sedafarba {
background-color:#a0b1bc;
}


/*ako to funguje page---------------------*/

#miniserver {

	 background: -moz-linear-gradient( top, rgb(159,176,187) 0%, rgb(163,180,191) 100%);
  background: -webkit-linear-gradient( top, rgb(159,176,187) 0%, rgb(163,180,191) 100%);
  background: linear-gradient( top, rgb(159,176,187) 0%, rgb(163,180,191) 100%); 
}

.server1 {
	border:1px dashed #fff;
	border-radius:10px;
	margin-top:50px;
	margin-bottom:50px;
	
}
.server2 {
margin-top:100px;
border-bottom:1px dashed #fff;
padding-top:100px;
}
.ciary{
	border-right:1px dashed #fff;
	height:130px;
	margin-right:20%;
	margin-top:-50px;
	margin-bottom:-50px;
}
.server1 img{
display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top:40px;
}

.server1 h3{
color:#222;
font-size:1.75em;
text-align:center;
 font-family: SourceSansPro-Bold;
 line-height:33px;
}

.server1 h4{
text-align:center;
color:#fff;
line-height:33px;
font-family: SourceSansPro-Semibold;
font-size:1.375em;
}

.server1 p{
text-align:center;
font-size:1.0625em;
line-height:30px;
font-family: SourceSansPro;
color:#fff;
}

.server2 p{
font-family: SourceSansPro-Italic;
font-size:1.25em;
color:#fff;
line-height:30px;
text-align:center;
}



@media (max-width: 992px) {
.server2 {
border:none;

}
.server2 p{
transform: rotate(90deg);
	margin-top:0px;
	border:none;
border-bottom:1px dashed #ccc;
  margin-top: -190px;
padding-top:150px;
width: 300px;
 

}
}




/*carousel mobil modra section*/



#modra-prez  {
background: -moz-linear-gradient( top, rgb(72,85,94) 0%, rgb(68,80,88) 100%);
  background: -webkit-linear-gradient( top, rgb(72,85,94) 0%, rgb(68,80,88) 100%);
  background: linear-gradient( top, rgb(72,85,94) 0%, rgb(68,80,88) 100%);

height:1000px;
}

#modra-prez .carousel-indicators {
display:initial;
left: 45%;
margin-left:0px;
bottom:initial;
width:initial;
text-align: initial;

}

#modra-prez .carousel-inner{
	background: url('img/mobile.png');
	background-repeat:no-repeat;
	height:700px;
	width: 400px;
	margin-top:50px;
	margin-left:30px;
}
#modra-prez .item img{
	margin-left:64px;
	margin-top:90px;
}

#modra-prez  .item {
transition:none;
-webkit-transition:none;
}
#modra-prez  .active,
#modra-prez  .next,
#modra-prez  .prev,
#modra-prez  .next.left,
#modra-prez  .prev.right,
#modra-prez  .active.left,
#modra-prez  .active.right{
left: 0;

}



.carousel-indicators li {
	 margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    text-indent: initial;
}

.carousel-indicators li, .carousel-indicators a {
    height:135px;
    display: block;
    background-size: 100%;
    background-repeat:no-repeat;
    border:none;

}

.carousel-indicators .active{
	height:135px;

}



.posts-carousel{
	float:left;
	width: 500px;
	margin-right:7%;
	margin-left: 150px;
}



.posts-carousel h3{
font-size:1.625em;
font-family: SourceSansPro-Semibold;
padding-bottom:0px;
margin-top:-2px;
}

.posts-carousel p{
font-size:0.9375em;
font-family: SourceSansPro;
line-height:23px;
margin-bottom:30px;
}


#modra-prez h2 {
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:3.125em;
margin-top:50px;
padding-top:50px;
}


.mobile-icon{
	display:none;
}




#sprite1 {
    top:0px;
    width: 104px;
    background: url('img/sprites-sec.png') 0 0;
    background-size: 100%;
    background-repeat:no-repeat;
}

#sprite2 {
	 top:130px;
    width: 104px;
    background: url('img/sprites-sec.png') 0 -130px;
    background-size: 100%;
    background-repeat:no-repeat;
}
#sprite3 {
	 top:260px;
    width: 104px;
    background: url('img/sprites-sec.png') 0 -260px;
    background-size: 100%;
    background-repeat:no-repeat;
}
#sprite4 {
	 top:390px;
    width: 104px;
    background: url('img/sprites-sec.png') 0 -390px;
    background-size: 100%;
    background-repeat:no-repeat;
}
#sprite5 {
	 top:520px;
    width: 104px;
    background: url('img/sprites-sec.png') 0 -520px;
    background-size: 100%;
    background-repeat:no-repeat;
}
#sprite6 {
	 top:650px;
    width: 104px;
    background: url('img/sprites-sec.png') 0 -650px;
    background-size: 100%;
    background-repeat:no-repeat;
}


#sprite1:hover, #sprite1.active {
  top:0px;
    width: 104px;
    background: url('img/sprites-sechover.png') 0 0;
     background-size: 100%;
    background-repeat:no-repeat;
}


#sprite2:hover, #sprite2.active {
	 top:130px;
    width: 104px;
    background: url('img/sprites-sechover.png') 0 -130px;
    background-size: 100%;
    background-repeat:no-repeat;
}
#sprite3:hover, #sprite3.active  {
	 top:260px;
    width: 104px;
    background: url('img/sprites-sechover.png') 0 -260px;
    background-size: 100%;
    background-repeat:no-repeat;
}
#sprite4:hover, #sprite4.active {
	top:390px;
     width: 104px;
    background: url('img/sprites-sechover.png') 0 -390px;
    background-size: 100%;
    background-repeat:no-repeat;
}
#sprite5:hover, #sprite5.active {
	 top:520px;
     width: 104px;
    background: url('img/sprites-sechover.png') 0 -520px;
    background-size: 100%;
    background-repeat:no-repeat;
}

#sprite6:hover, #sprite6.active {
	 top:650px;
     width: 104px;
    background: url('img/sprites-sechover.png') 0 -650px;
    background-size: 100%;
    background-repeat:no-repeat;
}

#modra-prez:after{ content: "."; 
display: block; 
height: 0; clear: both; 
visibility: hidden; }


@media (max-width: 1200px) {

.posts-carousel{
	width: 300px;

}
}

@media (max-width: 1000px) {
#modra-prez .carousel-inner {
margin-left:-10%;
}

}

@media (max-width: 768px) {
	#modra-prez .carousel-indicators{
		margin-top:30px;
	}

#modra-prez .carousel-indicators li{
	background:none !important;
	top:0px;
	position:relative;
	display:block;
}
#modra-prez .carousel-inner{
	display:none;
margin-left:30px;
}
.posts-carousel{
	width: 450px;
    margin-left: -200%;
}
.posts-carousel p{
text-align:center;

}
.posts-carousel h3{
	text-align:center;
	margin-top: 5px;
	padding-bottom:0px;

}
.mobile-icon{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width:60px;
}
#modra-prez {
	height:1400px;
}

}
@media (max-width: 480px) {
#modra-prez .carousel-indicators{
		left:5%;

	}
	#modra-prez{
	    height: 1700px

}
.posts-carousel{
	width: 260%;
	margin-left:0px;
}
}


/*end of carousel section-------------------------*/


/*section tlacidla*/


#tlacidlom h2{
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:3.125em;
padding-top: 55px;
padding-bottom: 30px;
}

#tlacidlom h3{
	font-family: SourceSansPro-Light;
	padding-top:20px;
	font-size:1.5em;
	color:#1e76cc;
}

#tlacidlom p{
	font-family: SourceSansPro;

	font-size:1.125em;
	color:#556880;
	line-height:26px;
}

.tlfirst{
	padding:0px 20px;
}
.tldown{
	padding:0px 20px;
	margin-top:80px;
	margin-bottom:80px;
}

#tlacidlom img{
	display: block;
  
    margin-right: auto;
    max-width:800px;
    position: absolute;
margin-left: -30%;
}


@media (max-width: 1400px) {
#tlacidlom img{
  max-width: 750px;
  margin-left: -42%;
  padding-top: 10px;
}
}

@media (max-width: 1200px) {
.tldown{
	padding:0px 20px;
	margin-top:0px;
	margin-bottom:20px

	}
	#tlacidlom {
background:url(img/spinac1.png) 50% 63%;
background-repeat: no-repeat;
    background-size: 40%;
}
#tlacidlom img{

max-width: 550px;
    margin-left: 110%;
    padding-top: 40px;
    	display:none;
}

.tldown h3{
	text-align:right;
}
.tldown p{
text-align:right;
}

}

@media (max-width: 480px) {
#tlacidlom {
background:none;
}
}

.circle-o {
	position:absolute;
	margin-top: -514px;
margin-left: 51%;
transition: all 250ms ease-in 0s;

}

.circle-o a{
position: absolute;
margin-top: 85px;
margin-left: 2px;
transition: all 250ms ease-in 0s;
}

.circle-o a span{
position:absolute; display:none; z-index:99;
margin-left: -7px;
margin-top: 5px;
transition: all 250ms ease-in 0s;
	}

/*
.circle-o a:hover span{
	 display:initial;
	transition: all 250ms ease-in 0s;
}
*/
.circle-o a:hover {
	transition: all 250ms ease-in 0s;
	 text-decoration:none;
}

.circle-o img{
height: 50px;
margin-top: -50px;
	}



.circle-g {
	position:absolute;
	margin-top:-170px;
	margin-left:52.2%;
}

.circle-b {
	position:absolute;
	margin-top:-170px;
	margin-left:25.4%;
}

.circle-blue {
	position:absolute;
	margin-top:-320px;
	margin-left:19.5%;
}



/*section funkcie*/


#funkcie {
	background-image:url(img/funkcie-background.png);
	width: 100%;
 
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	 background-repeat: no-repeat;
	 background-color:#2b4960;
}



#funkcie h3{
	color:#fff;
	font-family: SourceSansPro-Light;
	float:left;
	font-size:24px;
	line-height:30px;
}

#funkcie h2{
	color:#fff;
	font-family: SourceSansPro-Light;
	
	font-size:50px;

}
#funkcie img{
width:90%;
margin-top:50px;
}

.functions{
	padding:50px;
}

@media (max-width: 768px) {

.functions {
    padding: 0px;
}
}




/*section ovladanie*/

#ovladanie {
background-color:#272727;
}

#ovladanie h3{
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:1.5em;
		padding-left:20%;
	padding-right:20%;
	line-height:33px;

}

#ovladanie h2{
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	font-size:3.125em;
	padding-top:30px;

}


#ovladanie img{
	display: block;
    margin-left: auto;
    margin-right: auto;
max-width: 100%;
    padding-bottom:50px;
}


@media (max-width: 768px) {

#ovladanie h3{
    padding-left: 0px;
    padding-right: 0px;
}
}



#modra {
	margin-top:-20px;
height:200px;
	background: -moz-linear-gradient( top, rgb(29,135,255) 0%, rgb(32,196,255) 100%);
  background: -webkit-linear-gradient( top, rgb(29,135,255) 0%, rgb(32,196,255) 100%);
  background: linear-gradient( top, rgb(29,135,255) 0%, rgb(32,196,255) 100%);
}

#modra h3{
	color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	padding-top:60px;
	font-size:3.125em;
margin-left: -5%;
}
#modra img {
	position:absolute;
	margin-left:50px;
	margin-top:0px;
}
#modra:hover img {
	margin-left:60px;
}

@media (max-width: 768px) {

#modra img {
	position:absolute;
	margin-left:-150px;
	margin-top:50px;
	
}
#modra:hover img{
	margin-left:-140px;
}
}

/*end of the ako to funguje */



/*referecne template --------------------------*/

#referecne{
	background-image:url(img/referencne-projekty.png);
	width: 100%;
    height:100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
margin-top:-162px;
}

#referecne h2{
font-size:4.375em;
	color:#fff;
	font-family: SourceSansPro-ExtraLight;
	text-align:center;
	margin-top:300px;
}

#referecne h3{
font-size:2.0625em;
color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	line-height:50px;
}


@media (max-width: 1400px) {
#referecne {
margin-top:-120px;
}

}

@media (max-width: 992px) {
#referecne h2{
margin-top:20%;

}
}

@media (max-width: 768px) {
#referecne h2{
margin-top:20%;

}

}

@media (max-width: 480px) {
#referecne h2{
margin-top:35%;
}
}

@media (max-width: 325px) {
#referecne h2{
margin-top:40%;
}
}



/*referecne template --------------------------*/
.portfolio-featured-image img {
min-width:100%;
}




/* kontakt page template----------------------------------*/

#kontakt-page {
background-image:url(img/contact-back.jpg);
	width: 100%;
    height:100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
margin-top:-162px;
}



#kontakt-page h2{
	font-size:4.375em;
	color:#fff;
	font-family: SourceSansPro-ExtraLight;
	text-align:center;
	margin-top:300px;
}

#kontakt-page h3{
font-size:2.0625em;
color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	line-height:50px;
	
}




#kontakt-page2 h2{
	font-size:33px;
	font-family: SourceSansPro-Light;
	color:#000;
	margin-top:100px;
margin-bottom: 60px;
}

#kontakt-page2 h3{
	font-size:19px;
	font-family: SourceSansPro-Bold;
	color:#525f71;
	margin-top:-80px;
	color:#000;
	padding-bottom:20px;

}
#kontakt-page2 h3:nth-of-type(2){
margin-top:60px;

}


#kontakt-page2 img{
	width:50px;
	margin-right:15px;
	float:left;
	margin-top: -5px;
	
}

#kontakt-page2 p{
	color:#000;
	margin-bottom: 20px;
	font-size:1.125em;
	line-height:30px;
}



/*kontakt form style*/

#kontakt-form{
	margin-bottom:200px;
}


#kontakt-form img{
width:initial;
margin-right:0px;
float:initial;
margin-top:0px;

}

#kontakt-form .btn-primary{
background:#2386e1;
font-family: SourceSansPro-Semibold;
font-size:1em;
padding: 15px 35px;
border-radius:5px;
margin-top:20px;
}
#kontakt-form .btn-primary:hover{
background:#116ec3;

 }

#kontakt-form label{
font-family: SourceSansPro-Bold;
font-size:1em;
font-weight: initial;
}


#kontakt-form
input[type="text"],
input[type="email"]
{
    background-color: #f4f6fa;
    
}

#kontakt-form textarea{
	background-color: #f4f6fa;
	height:200px;
}



.social-circle [class*="fa fa-"] {
    width: 37px;
    height: 37px;
    color: white;
    background-color: grey;
    border-radius: 37px;
    display: inline-block;
    line-height: 37px;
    margin: auto 6px;
    font-size: 17px;
    text-align: center;
}
.social-circle {
	padding-bottom:250px;
}

.fa-facebook:hover { 
    background-color: #3B5A9B; 
}

.fa-google-plus:hover { 
    background-color:#C63D2D;
}

.fa-youtube:hover {
    background-color: #c4302b;
}








@media (max-width: 1400px) {
#kontakt-page {
margin-top:-120px;
}

}

@media (max-width: 992px) {
#kontakt-page h2{
margin-top:20%;

}
#kontakt-page2 h3{
margin-top:0px;
	}
}

@media (max-width: 768px) {
#kontakt-page h2{
margin-top:20%;

}
#kontakt-form textarea{
height:auto;
	}
#kontakt-form{
	margin-bottom:100px;
}
.social-circle {
  padding-bottom: 40px;
}
}

@media (max-width: 480px) {
#kontakt-page h2{
margin-top:35%;
}
}

@media (max-width: 325px) {
#kontakt-page h2{
margin-top:40%;
}
}




/* kontakt page ----------------------------------*/






/*O nas template--------------------------------*/



#odome {
background-image:url(img/odome.jpg);
	width: 100%;
    height:100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
margin-top:-162px;
}

#odome h2{
	font-size:4.375em;
	color:#fff;
	font-family: SourceSansPro-ExtraLight;
	text-align:center;
	margin-top:300px;
}

#odome h3{
font-size:2.0625em;
color:#fff;
	font-family: SourceSansPro-Light;
	text-align:center;
	line-height:50px;

}


@media (max-width: 1400px) {
#odome {
margin-top:-120px;
}

}

@media (max-width: 992px) {
#odome h2{
margin-top:20%;

}
}

@media (max-width: 768px) {
#odome h2{
margin-top:20%;

}

#pg-8-2 .panel-row-style{
	background-position:100% 100% !important;
	background-size:cover !important;
}
}

@media (max-width: 480px) {
#odome h2{
margin-top:35%;
}
}

@media (max-width: 325px) {
#odome h2{
margin-top:40%;
}
}





#onas p{
	font-size:1.125em;
	color:#718097;
	font-family: SourceSansPro;
	padding:5px 20px;
}

#onas h4{
line-height:36px;
font-size:1.5625em;
color:#718097;
font-family: SourceSansPro-Light;
padding: 5px 20px;
}
#onas h3{
font-size:3.375em;
line-height:60px;
color:#222 !important;
padding: 5px 20px;
}

#onas a{
color:#fff;
padding:14px 18px;
border-radius:4px;
background:#8a9fb9;
}

#onas a:hover{
		background:#2b72e7;
}

.onas-header-black{
font-size:2.375em !important;
font-family: SourceSansPro-Black;
color:#525f71 !important;

margin-top:35px;
border: 6px solid #ffffff;
text-align: center;
padding:20px 0px;
}

.onas-para{
	text-align: center;
padding-bottom: 30px !important;
}




/*O nas template--------------------------------*/







/*moznosti vyuzitia--------------------*/
#menu-subpages{
background: url('img/menu-background.png');
height:130px;

}


#menu-subpages a:active{
color:#18bbff;
text-decoration:none;
}
.menu-sprites{
	position:relative;
	  
}
.menu-sprites li {
	 margin: 0;
    padding: 0;
    list-style: none;
     display: inline-block;
    top: 0;
    padding-top:10px;

}

.menu-sprites li:first-child{
padding-left:14%;
}

.menu-sprites a {
    display: block;
    text-align:center;
    font-family: SourceSansPro-Semibold;
    color:#fff;
    font-size:1.0625em;
    
}



.menu-sprites img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:10px;
    padding:15px 30px;
}


.menu-sprites li> a:hover {
color:#18bbff;
text-decoration:none;
}

.menu-sprites li> a:active{
color:#18bbff;
text-decoration:none;
}

.menu-sprites li> a.active{
color:#18bbff;
text-decoration:none;
}




#menu1:target {
color:#18bbff;
text-decoration:none;
}


hr{
	display:none;
	color:#18bbff;
	border-top:2px solid #18bbff;
border-bottom:1px solid #18bbff;
width:80%;
margin-top:22px;
margin-left:9%;
margin-bottom:0px;
}
.menu-sprites a:hover hr{
	color:#18bbff;
	display:block;

}

.menu-sprites a:focus hr{
	display:block;
}

.menu-sprites a:active hr{
	display:block;
}


@media (max-width: 1400px) {
.menu-sprites li:first-child{
padding-left:5%;
}
}

@media (max-width: 1200px) {
.menu-sprites li:first-child{
padding-left:0%;
}
#menu-subpages{
	height:auto;
}
}

@media (max-width: 768px) {
#menu-subpages{
	height:auto;
}
.menu-sprites a:hover hr{
	color:#18bbff;
	display:none;

}
.menu-sprites a:active hr{
	display:none;
}
}

@media (max-width: 480px) {
	.menu-sprites li:first-child{
padding-left:5%;
}
.menu-sprites img{
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding:2px 0px;
    height:25px;
    
}

.menu-sprites a{
	font-size:0.6em;
}


#menu-subpages{
	height:auto;
}
.menu-sprites li{
    padding: 10px;
}
}


@media (max-width: 768px) {


#builder .panel-widget-style{
padding:20px !important;
background-color: rgba(10,10,10,0.7);
}

#onas .panel-widget-style{
padding:20px !important;

}
}

/*moznosti vyuzitia---------*/




/*kontakt footer---------------------*/

      #kontakt {
      	background: -moz-linear-gradient( 90deg, rgb(29,37,47) 0%, rgb(50,61,79) 100%);
  background: -webkit-linear-gradient( 90deg, rgb(29,37,47) 0%, rgb(50,61,79) 100%);
  background: linear-gradient( 90deg, rgb(29,37,47) 0%, rgb(50,61,79) 100%);
      }

      #kontakt ul{
      	margin-top:50px;
list-style:none;
color:#6d7f93;
text-transform:uppercase;
font-size:17px;
font-family:pt-sans-bold;
margin-left: -15px;
      }


#kontakt li:first-child a{
color:#fff !important;
}
#kontakt li:first-child{
color:#fff !important;
}
  .map-onas{
	    margin-left: -25px;
    margin-right: 25px;

}

#map-canvas {
        width: 100%;
        height: 380px;
        
        position:initial !important;
      }

   .mapa{
   	overflow:auto;
   	
   }

 #kontakt .col-md-6 {
padding-right:0px;
 }


#kontakt li>a {
color:#6d7f93;
text-decoration:none;
}

#kontakt a:hover {
color:#fff;

}

 #kontakt li{
padding-bottom:20px;
line-height: 26px;
 }


.footer-down{
	
	width:100%;
border-top:1px solid gray;
font-family:pt-sans-bold;
color:#6d7f93;
}
.footer-down p{
padding-top:45px;
padding-bottom:30px;
font-size:17px;
color:#8a9eb5;
 font-family: PT-sans-Bold;
}

.mapa{

}

.down-ul {
margin-left:-40px;
}

@media (min-width: 1600px) {
.container25{
width:1400px;
}

}

.portfolio-entry-content {
margin:0px !important;
}
.portfolio-entry-meta {
margin-top:0px !important;
}
.portfolio-entry-title {
margin-top:0px !important;
}
.portfolio-entry-title + .portfolio-entry-meta {
margin-top:0px !important;
}

@media (max-width: 992px) {

 #kontakt ul{
margin-left:0px !important;
 }
 .map-onas {
    margin-left: 0px;

}
#kontakt li{
text-align:center;
}
}


@media (max-width: 768px) {

.down-ul {
margin-left:0px;
}

#kontakt li{
padding-bottom:5px;
 }


.footer-down p{

font-size:15px;

}

.footer-down{
	
border-top:none;
}

}

@media (min-width: 1200px) {
.panel-row-style{
min-height:500px !important;
}

}

@media (max-width: 480px) {

.panel-row-style{
background-size:contain !important;
background-repeat:no-repeat !important;
color:#000 !important;
}
.panel-row-style p{
color:#000 !important;
}
.panel-grid-cell .widget-title {
    margin-top: 120px !important;
color:#000 !important
}
#pgc-29-0-0, #pgc-29-1-0, #pgc-29-2-0 {
    margin-bottom: -20px !important;

}
.so-widget-sow-editor--d75171398898{
margin-top: 120px !important;
}
#pg-45-2{
 margin-top: -50px !important;
}
#pg-47-2{
 margin-top: -50px !important;
}
#pg-49-2{
 margin-top: -50px !important;
}
#pg-51-2{
 margin-top: -50px !important;
}
#pg-55-2{
 margin-top: -50px !important;
}

#builder .panel-widget-style{
background-color:transparent !important;

}
}


#onas{
background-color:#7f8b9f !important;
}
#pg-8-0 p{
color:#fff !important
}
#pg-8-1 p{
color:#fff !important
}
.blue-tien {
    position: absolute;
    margin-top: -300px;
    margin-left: 49% !important;

}

.blue-temp {
    position: absolute;
    margin-top: -180px;
    margin-left: 31% !important;
}
.blue-remote{
    position: absolute;
    margin-top: -330px;
    margin-left: 21% !important;
}
.blue-light{
    position: absolute;
    margin-top: -380px;
    margin-left: 70% !important;
}
.blue-key{
    position: absolute;
    margin-top: -300px;
    margin-left: 87% !important;
}
.blue-co2{
    position: absolute;
    margin-top: -390px;
    margin-left: 33% !important;
}
.blue-alarm{
    position: absolute;
    margin-top: -430px;
    margin-left: 60% !important;
}


.blue-hide{
display:none !important;
}

@media (max-width: 992px) {
.blue-tien {
display:none !important;
}
.blue-temp {
display:none !important;
}
.blue-remote{
   display:none !important;
}
.blue-light{
   display:none !important;
}
.blue-key{
   display:none !important;
}
.blue-co2{
    display:none !important;
}
.blue-alarm{
    display:none !important;
}
.blue-hide{
display:initial !important;
}
.blue-show{
display:none !important;
}
}

/*kontakt footer---------------------*/

.modal-footer{
border:none !important;
text-align:center;
background: -moz-linear-gradient( top, rgb(30,149,255) 0%, rgb(32,196,255) 100%);
  background: -webkit-linear-gradient( top, rgb(30,149,255) 0%, rgb(32,196,255) 100%);
  background: linear-gradient( top, rgb(30,149,255) 0%, rgb(32,196,255) 100%);
font-family: SourceSansPro-Light;
color:#fff !important;
}
.modal-footer a{
font-family: SourceSansPro-Light;
color:#fff !important;
font-size: 1.125em !important;
}

.modal-header {
border:none !important;
padding:30px !important;
color:#64b6ff !important;
font-size:1.75em !important;
font-family: SourceSansPro-Light !important;
}

#ikony-modal .modal-content{

border:none !important;
box-shadow:none;
border-radius:0px;
margin-top:200px;
}


#ikony-modal .modal-dialog {
width: 400px !important;
}

body.modal-open {
overflow-y: scroll;
padding-right: 0 !important;
}

.modal {
margin-left: 17px;
}

#ikony-modal p{
color:#000;
padding: 15px !important;
margin-top:-35px;
font-size:1em !important;
}


.iconsimages img{
height:100px !important;
}


.modal-body li {
list-style : none;
}
#gallery h3 {
color:#000;
padding-bottom:0px;
margin-top:-20px;
text-align:center;
}
#referecne h2 {
padding:50px;
}

.gallery-item {
margin-top:0px !important;
margin-bottom:0px !important;
}
.gallery-caption{
display:none !important;
}

.wd-portfolio-panel_1 .button-block a {
display:none !important;

}
.wd-portfolio-panel_1 .button-block{
display:none !important;

}

.default-block_1 .title-block_1 {
display:none !important;
}

.wd-portfolio-panel_1 .thumbs-list_1 li {
height:25px !important;
}
.portfolio-entry-title {
display:none !important;
}

@media screen and (min-width: 1024px){
.portfolio-entry-column-3 {
width:33.1% !important;
}
}
.category-ako_to_funguje p{
    line-height:19px !important;
    
  }
#post-165 h3 {
padding-top:15px !important;
}


code {
padding:0px !important;
}
.portfolio-entry {
margin:1px !important;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
} 

* {
  margin: 0;
  padding: 0;
}