/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
@-webkit-keyframes blink {
  0% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  30% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  50% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  70% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
}
@keyframes blink {
  0% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
  50% {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  100% {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
}
body {
  font: 14px "Open Sans", "Helvetica Neue", "Helvetica", sans-serif;
  background-position: center bottom;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
body header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  text-align: center;
  background-image: url("../img/transparent-black.png");
  height: 70px;
  padding: 0 10px;
  z-index: 2;
}
body header div.header-container {
  width: 100%;
  max-width: 1200px;
  margin: 10px auto;
}
body header div.header-container div#logo {
  float: left;
}
body header div.header-container div#logo img {
  height: 60px;
  margin-top: -5px;
}
body header div.header-container nav {
  float: right;
}
body header div.header-container nav ul {
  list-style-type: none;
  margin: -10px 0;
  padding: 0px;
}
body header div.header-container nav ul li {
  display: inline-block;
}
body header div.header-container nav ul li a {
  display: block;
  line-height: 66px;
  padding: 0 20px;
  text-decoration: none;
  color: white;
}
body header div.header-container nav ul li a:hover,
body header div.header-container nav ul li a.active {
  color: #6fb9e9;
  background-color: transparent;
  text-decoration: none;
  background-image: url("../img/transparent-black.png");
  border-bottom: 4px solid #6fb9e9;
}
body header div.header-container nav ul li a:hover.active,
body header div.header-container nav ul li a.active.active {
  color: white;
  border-bottom: 4px solid #43a3e2;
  background-image: none;
  background-color: #6fb9e9;
  font-weight: bold;
}
body div.wrapper {
  background-color: white;
  padding: 70px 0 60px;
}
body div.wrapper h2 {
  font-size: 2.2em;
  margin: 0 0 4px 0;
  font-weight: 400;
  color: #43a3e2;
}
body div.wrapper h2 strong {
  font-weight: 500;
}
body div.wrapper div.apartment-types div.title {
  text-align: center;
  padding: 0px;
}
body div.wrapper div.apartment-types div.title span {
  margin: 0 -10px 0;
  display: block;
  border-top: 1px solid #6fb9e9;
  border-bottom: 1px solid #6fb9e9;
  margin-top: -1px;
  font-weight: bold;
  line-height: 36px;
}
body div.wrapper div.apartment-types div.title div.images {
  overflow: hidden;
  padding: 20px 10px 0 0;
}
body div.wrapper div.apartment-types div.title div.images div.image {
  display: inline-block;
  margin: 0 5px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  height: 80px;
  width: 80px;
  overflow: hidden;
}
body div.wrapper div.apartment-types div.title div.images div.image img {
  height: 80px;
}
body div.wrapper div.apartment-types .row {
  margin: 10px 0;
}
body div.wrapper div.apartment-types ul {
  margin: -11px -10px 20px;
  border-top: 1px solid #6fb9e9;
  border-left: 1px solid #6fb9e9;
  border-right: 1px solid #6fb9e9;
}
body div.wrapper div.apartment-types ul li {
  line-height: 36px;
  border-bottom: 1px solid #6fb9e9;
  padding: 0 10px;
  background-color: #d5eeff;
}
body div.wrapper div.environment {
  margin-bottom: 20px;
}
body div.wrapper div.environment div.image {
  line-height: 0px;
  margin: 6px 0 12px;
}
body div.wrapper div.environment div.image img {
  width: 100%;
}
body div.wrapper div.services-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
body div.wrapper div.services-list div.item {
  height: 60px;
  padding-top: 15px;
  line-height: 20px;
  font-weight: bold;
}
body div.wrapper div.services-list div.item img {
  margin-top: -15px;
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
}
body div.wrapper div.services-list div.item span.info {
  font-weight: normal;
}
body div.wrapper div#portrait {
  border-bottom: 3px solid #43a3e2;
  line-height: 0px;
  margin: -80px 0 0 0;
  padding: 0px;
  overflow: hidden;
  position: relative;
}
body div.wrapper div#portrait img {
  width: 100%;
}
body div.wrapper div#slider {
  border-bottom: 3px solid #43a3e2;
  margin-top: -80px;
  overflow: hidden;
  position: relative;
}
body div.wrapper div#slider div.scrolldown {
  animation: blink 3s infinite;
  -webkit-animation: blink 3s infinite;
  line-height: 40px;
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 0px;
  right: 0px;
  width: 100%;
  color: white;
  z-index: 1;
}
body div.wrapper div#slider div.scrolldown img {
  display: inline-block;
  height: 30px !important;
  width: auto !important;
}
body div.wrapper div#slider div.arrow-left,
body div.wrapper div#slider div.arrow-right {
  position: absolute;
  color: black;
  top: 50%;
  z-index: 1;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
body div.wrapper div#slider div.arrow-left:hover,
body div.wrapper div#slider div.arrow-right:hover {
  color: #6fb9e9;
}
body div.wrapper div#slider div.arrow-left.arrow-left,
body div.wrapper div#slider div.arrow-right.arrow-left {
  left: 0px;
}
body div.wrapper div#slider div.arrow-left.arrow-right,
body div.wrapper div#slider div.arrow-right.arrow-right {
  right: 0px;
}
body div.wrapper div#slider div.arrow-left span.fa-stack,
body div.wrapper div#slider div.arrow-right span.fa-stack {
  background-color: rgba(255, 255, 255, 0.6);
}
body div.wrapper div#slider div.image {
  z-index: 0;
  display: none;
  position: absolute;
  line-height: 0px;
}
body div.wrapper div#slider div.image img {
  width: 100%;
  max-width: none;
}
body div.wrapper div.text p {
  line-height: 1.6em;
}
body div.wrapper div#sidebar {
  position: relative;
}
body div.wrapper div#sidebar div.content {
  border: 1px solid #ddd;
  padding: 10px 10px;
  margin: 10px 0;
  border-color: #cee3f0;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
}
body div.wrapper div#sidebar h2 {
  text-align: center;
  margin-bottom: 10px;
}
body div.wrapper div.side-block {
  border: 1px solid #ddd;
  padding: 20px 10px;
  margin: 10px 0;
  text-align: center;
  border-color: #cee3f0;
  background-color: #ffffff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
body div.wrapper div.side-block div.phone-number a {
  text-decoration: none;
  font-size: 2.1em;
  color: #43a3e2;
  font-weight: bold;
  letter-spacing: -1px;
  display: inline-block;
  background-color: white;
  padding: 10px 20px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border: 1px solid #cee3f0;
}
body div.wrapper div.side-block div.phone-number a small {
  font-size: 0.5em;
  font-weight: 400;
}
body footer {
  border-top: 1px solid #43a3e2;
  background-color: #6fb9e9;
  color: white;
  text-align: center;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 40px;
  line-height: 20px;
}
body footer div.copy {
  text-align: left;
}
body footer div.phone {
  text-align: right;
}
body footer div.phone a {
  color: white;
}
body footer div.phone a:hover {
  color: #208cd2;
}
div.block {
  background-color: #eee;
}
.debug {
  background-color: red;
}
/** Some elements **/
hr {
  border: 0px;
  height: 1px;
  background-color: #eee;
}
ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
ul li {
  line-height: 1.6em;
}
/** Buttons **/
.btn {
  line-height: 32px;
  padding: 0px 10px;
  height: 32px;
  background-color: white;
  border: 1px solid #6fb9e9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn:hover,
.btn:focus {
  color: white;
  background-color: #6fb9e9;
  border-color: #43a3e2;
}
.btn:active {
  color: white;
  background-color: #43a3e2;
  border-color: #43a3e2;
}

.alert {
  padding: 15px;
  margin: 15px;
  text-align: center;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.alert.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
