* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
	width:100%;
	padding:0;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	position:relative;
}

a {
	text-decoration:none;
}

h1, p {
	padding:0;
	margin:0;
}

ul, ol {
	list-style-type:none;
	padding:0;
	margin:0;
}

img {
	border:none;
}

.clear {
	clear:both;
}

.group:after {
	display:table;
	content:'';
	clear:both;
}

.wrapper {
	width:1100px;
	margin:0 auto;
}

#header, #content-body, #footer {
	width:100%;
}

#content-body{
	width:100%;
	margin-top:20px;
}

#header {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:2px solid #0054a6;
}

.select{
	width:100%;
	margin-top:50px;
	text-align: center;
}


.select1{
	width:100%;
	margin-top:50px;
	text-align: center;
}

.column{
	position: relative;
	float: left;
}

.select-box{
	width: 25%;
	height: 505px;
	padding:0.5%;
	text-align: center;
}

.select-item{
	width: 25%;
	height: 240px;
	padding:0.8%;
	text-align: center;
}

.block_image{
	height: 100%;
	width: 100%;
	background-size: 100%;
	background-position:center;
}

.block_image h3{
	color: #fff;
	font-size: 20px;
	line-height: 25px;
	font-weight: 600;
	text-align: center;
	padding:230px 25px 0 25px;
	height: 100%;
	margin: 0;
	text-shadow: 2px 2px 5px #6c6c6c;
	background: rgba(255, 255, 255, .2);
}

.block_image h3:hover{
	background: rgba(255, 255, 255, .5);
}

#flat-view {
	float: left;
	width: 150px;
	margin-top: 20px;
}

#flat-view img {
	width:100%;
}

#home-button {
	float: right;
	height: 63px;
	margin-top: 20px;
}

#home-button img {
	height:100%;
}

.description{
	width:100%;
	background-color: #f3f3f3;
	margin-bottom: -40px;
}

.description-left{
	width:30%;
	float:left;
}

.description-left img{
	width:100%;
	padding:20px;
}

.description-right{
	width:70%;
	float:left;
}

.description-right p{
	padding: 20px 20px 20px 0;
	font-size: 14px;
	color: #000000;
	text-align: justify;
	width: 100%;
}

.installation{
	position: relative;
}

.installation-description{
	position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

#house-type {
	float: left;
	margin-top: 45px;
	margin-left: 0px;
	font-size: 30px;
	font-weight: bold;
	color: #000000;
}

#floor-plan {
	position:relative;
	float:left;
	width:590px;
}

#floor-plan p{
	position: absolute;
	top: 0;
	padding: 10px;
	font-size: 13px;
	color: #000;
	text-shadow: 0px 0px 1.5px #000;
}

#floor-plan  img {
	width:100%;
}

.dot-indicator {
	width: 15px;
	height: 15px;
	position:absolute;
	overflow:hidden;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border:2px solid #FFFFFF;
	cursor:pointer;
}

.device-1-button {
	top: 250px;
	left: 125px;
}

.device-2-button {
	top: 215px;
	left: 360px;
}

.device-3-button {
	top: 290px;
	left: 130px;
}

.device-4-button {
	top: 330px;
	left: 265px;
}

.device-5-button {
	top: 205px;
	left: 395px;
}

.device-6-button {
	top: 153px;
	left: 456px;
}

.device-7-button {
	top: 66px;
	left: 478px;
}

.device-8-button {
	top: 43px;
	left: 415px;
}

.device-9-button {
	top: 201px;
	left: 287px;
}

.device-10-button {
	top: 246px;
	left: 126px;
}

.device-11-button {
	top: 254px;
	left: 353px;
}

.device-12-button {
	top: 170px;
	left: 437px;
}

.device-13-button {
	top: 305px;
	left: 165px;
}

.device-14-button {
	top: 360px;
	left: 220px;
}

.device-15-button {
	top: 320px;
	left: 310px;
}

.device-16-button {
	top: 225px;
	left:405px;
}

.device-17-button {
	top: 108px;
	left: 477px;
}

.device-18-button {
	top: 80px;
	left: 405px;
}

.device-19-button {
	top: 318px;
	left: 202px;
}

.device-20-button {
	top: 291px;
	left: 346px;
}

.device-21-button {
	top: 174px;
	left: 466px;
}

.device-22-button {
	top: 306px;
	left: 357px;
}

.device-23-button {
	top: 61px;
	left: 377px;
}

.device-24-button {
	top: 310px;
	left: 160px;
}

.device-25-button {
	top: 355px;
	left: 205px;
}

.device-26-button {
	top: 108px;
	left: 495px;
}

.device-27-button {
	top: 75px;
	left: 400px;
}

.device-28-button {
	top: 370px;
	left: 252px;
}

.device-29-button {
	top: 240px;
	left: 402px;
}

.device-30-button {
	top: 320px;
	left: 185px;
}

.device-31-button {
	top: 370px;
	left: 255px;
}

.device-32-button {
	top: 285px;
	left: 375px;
}

.device-33-button {
	top: 210px;
	left: 480px;
}

.device-34-button {
	top: 195px;
	left: 530px;
}

.device-35-button {
	top: 125px;
	left: 560px;
}

.device-36-button {
	top: 79px;
	left: 439px;
}

.device-37-button {
	top: 66px;
	left: 393px;
}

.device-38-button {
	top: 50px;
	left: 347px;
}

.device-39-button {
	top: 65px;
	left: 237px;
}

.device-40-button {
	top: 86px;
	left: 136px;
}

.device-41-button {
	top: 213px;
	left: 115px;
}

.device-42-button {
	top: 181px;
	left: 285px;
}

.device-43-button {
	top: 142px;
	left: 144px;
}

.device-44-button {
	top: 254px;
	left: 100px;
}

.device-45-button {
	top: 138px;
	left: 344px;
}

.device-46-button {
	top: 353px;
	left: 140px;
}

.device-47-button {
	top: 275px;
	left: 410px;
}

.device-48-button {
	top: 242px;
	left: 507px;
}

.device-49-button {
	top: 207px;
	left: 554px;
}

.device-50-button {
	top: 133px;
	left: 420px;
}

.device-51-button {
	top: 115px;
	left: 380px;
}

.device-52-button {
	top: 97px;
	left: 335px;
}

.device-53-button {
	top: 103px;
	left: 287px;
}

.device-54-button {
	top: 115px;
	left: 241px;
}

.device-55-button {
	top: 195px;
	left: 99px;
}

.device-56-button {
	top: 210px;
	left: 130px;
}

.device-57-button {
	top: 109px;
	left: 146px;
}

.device-58-button {
	top: 131px;
	left: 492px;
}

.device-59-button {
	top: 224px;
	left: 533px;
}

.device-60-button {
	top: 357px;
	left: 290px;
}

.device-61-button {
	top: 83px;
	left: 381px;
}

.device-62-button {
	top: 225px;
	left: 462px;
}

.device-63-button {
	top: 80px;
	left: 262px;
}

.device-64-button {
	top: 50px;
	left: 370px;
}

.device-65-button {
	top: 175px;
	left: 255px;
}

.device-66-button {
	top: 240px;
	left: 120px;
}

.device-67-button {
	top: 155px;
	left: 470px;
}

.device-68-button {
	top: 305px;
	left: 170px;
}

.device-69-button {
	top: 355px;
	left: 230px;
}

.device-70-button {
	top: 85px;
	left: 510px;
}

.device-71-button {
	top: 55px;
	left: 433px;
}

.device-72-button {
	top: 320px;
	left: 202px
}

.device-73-button {
	top: 73px;
	left: 438px
}

.device-74-button {
	top: 293px;
	left: 135px
}

.device-75-button {
	top: 130px;
	left: 215px
}

.device-76-button {
	top: 245px;
	left: 375px
}

.device-77-button {
	top: 280px;
	left: 305px
}

.device-78-button {
	top: 225px;
	left: 495px
}

.device-79-button {
	top: 120px;
	left: 298px
}

.device-80-button {
	top: 155px;
	left: 200px
}

.device-81-button {
	top: 245px;
	left: 123px
}

.device-82-button {
	top: 220px;
	left: 60px
}

.device-83-button {
	top: 175px;
	left: 50px
}

.device-84-button {
	top: 147px;
	left: 123px
}

.device-85-button {
	top: 128px;
	left: 165px
}

.device-86-button {
	top: 100px;
	left: 263px
}

.device-87-button {
	top: 105px;
	left: 300px
}

.device-88-button {
	top: 130px;
	left: 365px
}

.device-89-button {
	top: 175px;
	left: 518px
}

.device-90-button {
	top: 275px;
	left: 415px
}

.device-91-button {
	top: 240px;
	left: 428px
}

.device-92-button {
	top: 310px;
	left: 268px
}

.device-93-button {
	top: 225px;
	left: 78px
}

.device-94-button {
	top: 125px;
	left: 88px
}

.device-95-button {
	top: 80px;
	left: 218px
}

.device-96-button {
	top:90px;
	left: 282px
}

.device-97-button {
	top: 140px;
	left: 468px
}

.device-98-button {
	top: 333px;
	left: 190px
}

.device-99-button {
	top: 333px;
	left: 190px
}

.device-100-button {
	top: 335px;
	left: 204px
}

.device-101-button {
	top: 335px;
	left: 165px
}

.device-102-button {
	top: 333px;
	left: 197px
}

.device-103-button {
	top: 250px;
	left: 140px
}

.device-104-button {
	top: 255px;
	left: 430px
}

.device-105-button {
	top: 353px;
	left: 288px;
}

.device-106-button {
	top: 199px;
	left: 413px;
}

.device-107-button {
	top: 130px;
	left: 283px;
}

.device-108-button {
	top: 263px;
	left: 142px;
}

.device-109-button {
	top: 173px;
	left: 426px;
}

.device-110-button {
	top: 189px;
	left: 510px;
}

.device-111-button {
	top: 289px;
	left: 105px;
}

.device-112-button {
	top: 213px;
	left: 513px;
}

.device-info {
	position:relative;
	float:right;
	width:500px;
	margin-left:10px;
	display:none;
}

.active {
	display:block;
}

.device-detail-image {
	margin-bottom:20px;
}

.device-info .device-detail-image:last-child {
	margin-bottom:60px;
}

.device-detail-image:after {
	content:'';
	display:table;
	clear:both;
}

.device-detail {
	float: left;
	width: 350px;
	margin-left: 15px;
	margin-right: 5px;
}

.device-detail ul{
	font-size: 14px;
	color: #000000;
	text-align: justify;
}

.device-detail li{
	list-style-type: disc;
	margin-left: 20px;
}

#detector-description{
	padding: 0 15px 20px;
	font-size: 14px;
	color: #000000;
	text-align: justify;
	width: 100%;
}

.device-detail div h1 {
	padding-bottom: 10px;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	float: left;
}

.device-detail div span {
	float:left;
	margin-left:10px;
	margin-top:1px;
	overflow:hidden;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

.device-detail p {
	padding-bottom:20px;
	font-size:14px;
	color:#000000;
	text-align:justify;
	padding-right:10px;
	width:100%;
}

.device-detail a {
	float:left;
	padding:10px;
	color:#ffffff;
	background-color:#0054a6;
	border: 2px solid #ffffff;
	cursor:pointer;
	font-size:14px;
}

.device-detail a:hover {
	float:left;
	padding:10px;
	color:#0054a6;
	text-decoration:underline;
	cursor:pointer;
	background-color:#ffffff;
	border: 2px solid #0054a6;
	cursor:pointer;
	font-size:14px;
}

.device-image {
	float: right;
	width: 130px;
}

.device-image img {
	width:100%;
}

.next-floor {
	width:100%;
	height:0px;
	float:left;
	position:relative;
}

.next-floor a {
	position:absolute;
	bottom:0px;
	left:600px;
}

#btn{
	float:left;
	padding:10px;
	color:#ffffff;
	background-color:#0054a6;
	border: 2px solid #ffffff;
	cursor:pointer;
	font-size:14px;
}

#btn:hover{
	float:left;
	padding:10px;
	color:#0054a6;
	text-decoration:underline;
	cursor:pointer;
	background-color:#ffffff;
	border: 2px solid #0054a6;
	cursor:pointer;
	font-size:14px;
}

.accessories{
	width:100%;
}

.accessories-column{
	width:24%;
	float:left;
	margin:2% 0.5% 2%;
	padding:1%;
	background-color: white;
    box-shadow: 0px 0px 5px #888888;
	min-height: 435px;
}

.accessories-column:first-child {
	margin-left:0;
}

.accessories-column:last-child {
	margin-right:0;
}

.accessories-column img{
	width: 50%;
	margin:auto 25%;
	text-align: center;
}

.accessories-column h1{
	font-size: 14px;
	font-weight:bold;
	color: #000000;
	text-align: justify;
	width: 100%;
	padding-bottom:5px;
}

.accessories-column p{
	font-size: 14px;
	color: #000000;
	text-align: justify;
	width: 100%;
}


/* Firefox old*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0.2;
    }
    100% {
        opacity:1;
    }
}
.blink-image {
    -moz-animation: blink normal 1.4s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1.4s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1.4s infinite ease-in-out; /* IE */
    animation: blink normal 1.4s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

/*expand*/
.block{
	width:11.5%;
	background:#ccc;
	padding:5px;
	float:left;
	position:relative;
	transition:all 1s ease;

	margin: 2% 0.5% 2%;
	padding: 1%;
	background-color: white;
	box-shadow: 0px 0px 5px #888888;
}
.block img{
	width:100%;
}
.block.active:after{
	content:"";
	position:absolute;
	left:50%;
	bottom: -22px;
	margin:0 0 0 -6px;
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #6c6c6c;
}
.block.active,.block:focus{
	background:#f9f9f9;
	outline:none
}
.tab{
	display: none;
	clear: both;
	margin: 0 0.5% 10px;
	background-color: white;
	box-shadow: 0px 0px 5px #888888;
	padding: 5px;
	height:140px;
}
.tab h1{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-align: justify;
	width: 100%;
	padding-bottom: 5px;
}
.tab p{
	font-size: 14px;
	color: #000000;
	text-align: justify;
	width: 100%;
}
.tab a{
	float: left;
	padding: 10px;
	color: #ffffff;
	background-color: #0054a6;
	border: 2px solid #ffffff;
	cursor: pointer;
	font-size: 14px;
	margin-top:5px;
}
.tab a:hover{
	float:left;
	padding:10px;
	color:#0054a6;
	text-decoration:underline;
	cursor:pointer;
	background-color:#ffffff;
	border: 2px solid #0054a6;
	cursor:pointer;
	font-size:14px;
}