/* DEFAULT */

body {
  background: #e2e2e2;
}

section.developer, section.vybavenie { padding-bottom: 30px;}

.tooltip_templates {
  display: none;
}
.check-visibility {
    display: none;
}
.viditelne {
    display: block;
}

.md-form, .md-form .btn, .md-form .form-control {
    margin-bottom: 12px; font-size:12px; font-weight:normal;
}

.md-form label {
    font-size:14px; font-weight:normal; color:black; margin-bottom:0px; 
}

.md-form .prefix ~ input, .md-form .prefix ~ textarea {
    margin-left: 0rem;
    width: 100%;
}



.md-form .prefix ~ label {
    margin-left: 0rem;
}

.more-info {
    position: absolute;
    right: 300px;
    top: 300px;
}
/* TOPBAR */

.matadorka {
  position:absolute;
  left: 0;
  top: 0;
  z-index:500;
}

.vigroup  {
  position:absolute;
  right:100px;
  top: 0;
  z-index:500    
}

/* NAVIGATION */

#navigation .navbar-default {
  background: #000;
  border:none;
}

#navigation .navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}
#navigation .navbar .navbar-nav > li > a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}

#navigation .navbar .navbar-nav > li > a:hover {
  color: #316094;
  transition: 0.3s
}

#navigation .navbar .navbar-collapse {
  text-align: center;
}

/* PAGES */

section {
  padding-top: 140px;
}


#domov {
  position:absolute;
  left:0;
  right:0;
  height:100%;
  background: #839cc0; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #839cc0 , #c6d2db); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #839cc0 , #c6d2db); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   overflow: hidden;
}

.clouds {
  background: url("/storage/app/media/building/mraky_matadorka.png") bottom center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 400%;
  -webkit-animation: cloud_one 150s linear infinite;
  -moz-animation: cloud_one 150s linear infinite;
  -o-animation: cloud_one 130s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}

.clouds_two {
  background: url("/storage/app/media/building/mraky_matadorka2.png") bottom center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 400%;
  -webkit-animation: cloud_two 100s linear infinite;
  -moz-animation: cloud_two 10s linear infinite;
  -o-animation: cloud_two 10s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}

.clouds_three {
  background: url("/storage/app/media/building/mraky_matadorka3.png") bottom center;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width :400%;
  -webkit-animation: cloud_three 75s linear infinite;
  -moz-animation: cloud_three 75s linear infinite;
  -o-animation: cloud_three 75s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0)
}


@-webkit-keyframes cloud_one {
  0% {
    left: 0
  }
  100% {
    left: -100%
  }
}

@-webkit-keyframes cloud_two {
  0% {
    left: 0
  }
  100% {
    left: -100%
  }
}

@-webkit-keyframes cloud_three {
  0% {
    left: 0
  }
  100% {
    left: -100%
  }
}


#block_view {
	position: absolute;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 10px;
	border-bottom: 2px solid #c2bebd;
	width: 229px;
	height: 140px;
}
#block_view_floor {
    position: absolute;
    left: 100px;;
    bottom: 205px;
    padding: 10px;
	border-bottom: 2px solid #c2bebd;
	width: 229px;
	height: 140px;
}

.block-b {
    position: absolute;
	top: 80px;
	left: 41px; 
}

.rect-view:hover {
    fill: #92b2d6;
}
.rect-active {
     fill: #92b2d6;
}

.block-a {
    position: absolute;
	left: 141px;
}

.block-title {
    text-align:center;
}

.building-tooltip {
	position: absolute;
	width: 192px;
	height: 300px;
	top: 100px;
	right: 100px;
}
.qtip-content {
    background: white;
    padding: 15px 10px!important;
}
.qtip-default {
    padding: 5px!important;
    background: rgba(255,255,255, 0.25)!important;
}

.b-tip-title {
	font-size: 22px;
	font-weight: 500;
}

.b-tip-free {
	font-size: 13px;
} 

.b-tip-sold {
	font-size: 13px;
	color: #c51e1e;
}

.f-tip-title {
    font-size: 22px;
    border-bottom: 2px solid #316094;
    padding-bottom: 5px;
    font-weight: 600;
    margin-bottom: 10px;
}

.f-tip-list {
    padding: 3px 20px;
    text-transform: uppercase;
    text-align: justify;
    font-size: 13px;
}

.f-tip-list span {
    font-weight: 600;    
}