/* definice stylĹŻ pro animace */
*[data-animate='right'] {margin-left:3000px;}
*[data-animate='left'] {margin-left:-3000px;}

* {
/*    font-family: 'Roboto'; font-weight: 300; */
	font-family: 'Roboto', sans-serif;
}
body {
    padding-top:0;
}

h1 { width: 285px; height: 106px; background: url(../img/logo.png) no-repeat center center; background-size: contain; z-index: 999; display: block; text-indent: -999em; }



h3, h4, h5, h6 {
    font-family: 'Roboto';
    font-weight: 600;
}
h2 { font-family: 'Roboto'; color:#d96130; font-size:36px;}

.modra{color:#014294;}
.seda {color:silver; font-weight:100 !important;}

.facebook {width: 20px; height: 20px;}

.navbar-fixed-top .neviditelne {display:none}
.top-nav-collapse .neviditelne {display:block}



/* Home Page Carousel */

header.carousel {
    height: 100%;
}

.intro { background: silver; }

#intro.intro {
padding: 0 0 0 0;
}

.obrazek1 {background-image: url(../img/4d-001.jpg);}
.obrazek2 {background-image: url(../img/4d-002.jpg);}
.obrazek3 {background-image: url(../img/4d-005.jpg);}
.obrazek4 {background-image: url(../img/4d-003.jpg);}

.navbar-collapse {max-height: none;}
.navbar-nav {padding-top: 70px;}
.navbar-nav.navbar-right:last-child { margin-right: 0px; }
.top-nav-collapse .navbar-nav{width: inherit; height:inherit; padding-top: inherit;}

/*.top-nav-collapse .navbar-nav{ float: none; margin: 0; width: 710px; margin: 0 auto}
.navbar-custom .nav li a:hover, .navbar-custom .nav li a:focus, .navbar-custom .nav li.active {background-color: rgba(0,0,0,0);}
.centrovani{}
.linka{margin-top: 70px; border-bottom: 1px solid #d96130;}
.jazyky{ width: 53px; height:27px; background: url(../obrazky/jazyky.png) no-repeat center center; position: absolute;right: 15%;}
.jazyky-en{ width: 53px; height:27px; background: url(../obrazky/jazyky-en.png) no-repeat center center; position: absolute;right: 15%;}
*/

.top-nav-collapse{background: #e6e6e6;}
.top-nav-collapse h1 {width: 300px; height: 40px; background: url(../img/logo.png) no-repeat center center; background-size: contain; position: inherit; text-indent: -999em; }
.top-nav-collapse .linka{display: none;}
.navbar-custom.top-nav-collapse ul.nav li a {color: White;}

.carousel-indicators li {width: 30px;height: 30px;margin: 1px;text-indent: -999px;border: 2px solid #fff; border-radius: 50%;}
.carousel-indicators .active {width: 30px;height: 30px;margin: 1px;text-indent: -999px;border: 2px solid #fff; border-radius: 50%;}

.carousel-caption { width: 40%; left: 66%;}


.icon-next {background: url(../img/right.png) no-repeat;width: 33px !important; height: 68px !important;text-indent: -9999px; right:20% !important;}
.icon-prev {background: url(../img/left.png) no-repeat;width: 33px !important; height: 68px !important;text-indent: -999px; left:20% !important;}

.fa-angle-double-down {background: url(../img/down.png) no-repeat;width: 68px !important; height: 33px !important;text-indent: -9999px;}
.podkres {background-color: rgba(0,0,0,0.8); width:70%; margin: 0 auto; border-top: 1px solid White; padding: 20px;}
.carousel-inner h2 {font-family: 'Roboto'; font-weight:600; text-transform: inherit; color:white; font-size:36px; letter-spacing: 0px; }
.text-uvod {font-size:16px; padding:10px 20px;}
.nadpis-uvod {padding:10px 20px 0 20px; margin:0px !important;}
/*.modra {color: #6699cc !important;}*/
.bila {font-size: 16px; color: White !important;}
.bg-pruhled { background-color: rgba(0,0,0,.8);}

.bezpozadi { background: inherit !important;}



#mapa {width:100%; height:600px;}



.divider-header {display: block;width: 40px;height: 1px;margin: 0 auto;margin-bottom: 10px;background: White;}



#galerie .col-xs-12.col-sm-4.col-md-3{
  padding: 0;
}

#galerie{
    padding-bottom: 70px;
}
#pronajem .col-xs-12.col-sm-4.col-md-3{
  padding: 0;
}
.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #014294;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;  
  padding: 30px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}









.single-profile-top, 
.single-profile-bottom {
  font-weight: 400;
}

.single-profile-top, 
.single-profile-bottom  {
  border: 1px solid #ddd;
  padding: 15px;
  position: relative;
}
.single-profile-top h3 {
  font-size: 18px;
  margin-bottom: 0;
}
.media_image {
  margin-bottom: 10px;
}

.team .btn {
  background:transparent;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 3px;
  padding: 1px 5px;
  text-transform: uppercase;
  border:1px solid#ddd;
  margin-right: 3px;
}


ul.social_icons,
ul.tag {
  list-style: none;
  padding: 0;
  margin: 10px 0;
  display: block;
}

ul.social_icons li,
ul.tag li {
  display: inline-block;
  margin-right: 5px;
}

ul.social_icons li  a i{
  border-radius: 50%;
  color: #FFFFFF;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  padding: 0;
  text-align: center;
  width: 25px;
  opacity:.8;
}

.team .social_icons .fa-envelope:hover, 
.team .social_icons .fa-facebook:hover, 
.team .social_icons .fa-twitter:hover, 
.team .social_icons .fa-google-plus:hover {
  transform: rotate(360deg);
  -ms-transform:rotate(360deg);
  -webkit-transform:rotate(360deg); 
  transition-duration:2s;
  transition-property: all;
  transition-timing-function: ease;
  opacity:1;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
}

.team .social_icons .fa-envelope {
  background: #d96130;
}

.team .social_icons .fa-facebook {
  background: #0182c4;
}

.team .social_icons .fa-twitter {
  background: #20B8FF
}

.team .social_icons .fa-google-plus {
  background: #D34836
}









/* ==========================
Parallax
============================= */

#sluzby {	
	background-image: url(../img/4d-004.jpg);
	background-size: cover;
	background-attachment: fixed;
}


#sluzby:after{	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.9;
	z-index: -1;
}


#restaurace {	
	background-image: url(../img/4d-006.jpg);
	background-size: cover;
	background-attachment: fixed;
}


#restaurace:after{	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.9;
	z-index: -1;
}


#klicove {	
	background-image: url(../img/4d-004.jpg);
	background-size: cover;
}


#klicove:after{	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.9;
	z-index: -1;
}







footer {margin: 0 0 0 0; background-color: Black;}
.boxed-grey { background: none;}
.btn-skin {color: #fff; background-color: #014294; border-color: #014294;}

.map {height: 600px;}
.posun {margin-top: -40px;}

.home-section {
padding-top: 80px;
padding-bottom: 50px;
}





/* Responsive Styles */
@media (min-width: 767px) {
.intro {height: 100%;}
.carousel-caption {padding-bottom: 60px;}
}

/* Responsive Styles */
@media (max-width: 767px) {
.intro { height: 70%;}
.intro .page-scroll {display:none;}
.top-nav-collapse .navbar-nav{width: inherit;}
}

@media (max-width: 767px) {
h1 { width: 300px; height: 58px; background: url(../img/logo.png) no-repeat center center; background-size: contain; position: absolute; z-index: 999; margin: 0 auto; display: block; left: 10%; right: 10%;text-indent: -999em; }
.carousel-caption {display: none;}
.linka {display: none;}
.jazyky {display: none;}
.jazyky-en {display: none;}
.navbar-nav {width: 100%;}
}

@media (min-width: 767px) and (max-width: 1380px) {
.top-nav-collapse h1 {display: none;}
.jazyky{ width: 53px; height:27px; background: url(../img/jazyky.png) no-repeat center center; position: absolute;right: 5%;}
.jazyky-en{ width: 53px; height:27px; background: url(../img/jazyky-en.png) no-repeat center center; position: absolute;right: 5%;}

}

@media (max-width: 450px) {
h1, .top-nav-collapse h1 { width: 200px; height: 21px; background: url(../img/logo.png) no-repeat center center; background-size: contain; position: absolute; z-index: 999; margin: 10px auto 0  auto; display: block; left: 0%; right: 10%;text-indent: -999em; }
}


@media screen and (min-width: 768px) and (max-width: 1200px){
.carousel-caption { left: 5%; right: 5%;}
}