@charset "utf-8";
/* CSS Document */

.payments h2, .payments h3 {
	text-align: center;
}
#carousel-example-generic img {
	height:90vh;
	margin: auto;
}

.modal img {
	max-height: 90vh;
	max-width: 90vw;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	swidth:100%;
}
*:focus {
	outline: 0 !important;
}

.slider-container{
	height:200px;
	border: thin red solid;
}

.slick-slide{
width: 270px;
}

.carousel-control.left, .carousel-control.right{
	background-image:none;
}
.logo-colo .img {
	width:100%;
}

h1 {
	font-size:160%;
	line-height: 35px;
	margin-top:0;
	margin-bottom:20px;
}
.navbar-nav {
    width: 100%;
    text-align: center;
	font-size:1.2em;
  }

    .navbar-nav > li {
    float: none;
    display: inline-block;
  }

  .navbar-inverse {
    background-color: #286090;
    border-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #286090;
}

.navbar-inverse .navbar-nav>li>a {
    color: #cccccc;
}

.arch {display:none;}
#arch-main {display:block;}

svg a {
  opacity: 0;
  transition: 1s opacity;
}
svg a:hover {
  opacity: 0.3;
}

#sticky.stick {
    position: fixed;
    top: 36px;
    z-index: 10000;
	width:inherit;
	mmargin-top:36px;
}

.sold, .reserve {color:gray;}

.sold {opacity:0.5;}


.modal-header {
	padding-bottom:0;
	border-bottom:none;
}
.modal-dialog{
    position: relative;
    display: table; /* This is important */
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
}

.navbar-inverse .navbar-toggle {
    border-color: transparent;
}

a:hover, a, a:visited, a:focus {
	text-decoration:none;
	cursor:pointer;
}
.arch-drawings img {margin:20px; }

#moover{
	display: none;
    position: absolute;
    padding: 3px 7px;
    background: #eeeeee;
    bborder: 1px solid #1a1a1a;
    font-size: 90%;
	box-shadow: 2px 2px 2px black;
}

svg#arch-main-svg a *:hover {
	/*opacity:0.2;*/
}



/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  svg {
    width: 100%;
	height:400px;
  }
  svg#arch-main-svg {
    width: 100%;
	height:900px;
  }
}


.arch-drawings h3{margin-top:30px; margin-bottom:20px;}
.arch-drawings img{margin-top:0;}
.btn-group .btn-primary{font-weight:bold; letter-spacing:0.0825em;}

.logo-col img {height:60px;}
body > div:nth-child(2) > div {
	display:flex;
	justify-content: space-around;
	margin-bottom: 30px;

}
@media screen and (max-width: 757px) {

	body > div:nth-child(2) > div {
		flex-direction: column;
	}
	.logo-col img {
		width: 100%;
		height: auto;
	    margin-bottom: 20px;
	}
}

@media screen and (max-width: 457px) {
	.btn-group-justified>.btn, .btn-group-justified>.btn-group {
		display:inline;
		width:auto;
	}
	.btn-group-justified>.btn button, .btn-group-justified>.btn-group button {
		border-radius:0;
	}
}
body > div:nth-child(2) > div > div {
  width:auto;
}

.arch-drawings h4:before{
  content:url('images/drawings/pdf.png');
  margin-right: 10px;
  top: 4px;
  position: relative;
}
.arch-drawings .row {
	margin-bottom:50px;
}

.pressed-mo {background-color:#286090;}
.buttons-et {margin-top:5px;}
.buttons-et button {width:auto;}
