body {
  margin: 0;
}




.flexAd {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  display: flex;
  background: black;
  width: 100%;
  height: 100%;
  background-position: right;
  background-size: cover;
  font-family: corporate-a-condensed, serif;
}
.flexAd .click {
  position: absolute;
  top: 0;
  right: 0;
  width: 68%;
  height: 100%; cursor: pointer; 
}

#bathroom_btn { position:absolute; left:18%; top:91%; width:11.5%; height:9%; cursor: pointer; }
#bathroom_btn_bg { position:absolute; left:0%; top:0%; width:100%; height:100%; background-color: #ffffff; opacity: 1; }
#bathroom_btn_line { position:absolute; left:20%; top:70%; width:60%; height:8%; background-color:#da3731; display:block; }
#bathroom_btn_pic { position:absolute; left:0%; top:0%; width:100%; height:100%; background:url(img/btn_bathroom.png) no-repeat top center; background-size: 100% 100%;  }

#kitchen_btn { position:absolute; left:30%; top:92%; width:11.5%; height:9%; cursor: pointer; }
#kitchen_btn_bg { position:absolute; left:0%; top:0%; width:100%; height:100%; background-color: #ffffff; opacity: .6; }
#kitchen_btn_line { position:absolute; left:20%; top:110%; width:60%; height:8%; background-color:#da3731; display:block; }
#kitchen_btn_pic { position:absolute; left:0%; top:0%; width:100%; height:100%; background:url(img/btn_kitchen.png) no-repeat top center; background-size: 100% 100%;  }

#office_btn { position:absolute; left:42%; top:92%; width:11.5%; height:9%; cursor: pointer; }
#office_btn_bg { position:absolute; left:0%; top:0%; width:100%; height:100%; background-color: #ffffff; opacity: .6; }
#office_btn_line { position:absolute; left:20%; top:110%; width:60%; height:8%; background-color:#da3731; display:block; }
#office_btn_pic { position:absolute; left:0%; top:0%; width:100%; height:100%; background:url(img/btn_office.png) no-repeat top center; background-size: 100% 100%;  }

#product_area { position:absolute; left:0%; top:0%; width:71.25%; height:100%; display: block; transform:scale(0);  }
#dark_bg { position:absolute; left:0%; top:0%; width:100%; height:100%; background-color: #000000; opacity:0; }
.product { position:absolute; left:30.5%; top:2.5%; width:39%; height:94.5%; }
#bathroom_1 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#bathroom_2 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#bathroom_3 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#bathroom_4 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#bathroom_5 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#kitchen_1 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#kitchen_2 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#kitchen_3 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#kitchen_4 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#office_1 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#office_2 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#office_3 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }
#office_4 { position:absolute; cursor: pointer; transform:scale(0); opacity:0; }

.close_btn { position:absolute; right:-11.25%; top:0%; width:11.5%; height:11%; background:url(img/close_button.png) no-repeat top center; background-size: 100% 100%; cursor: pointer;  }

#rooms { position:absolute; left:0%; top:0%; width:71.25%; height:100%; display: block; }
#room_bathroom { position:absolute; left:0%; top:0%; width:100%; height:100%; background:url(img/room_bathroom.jpg) no-repeat top center; background-size: 100% 100%; }
.plus_sign { position:absolute; width:46px; height:46px; background:url(img/plus_sign.png) no-repeat top center; background-size: 100% 100%; cursor: pointer; border: 0px #ffffff solid; transform: none; }
.plus_sign:hover { transform: scale(1.2); transition: all .2s ease-in-out; }
#plus_b1 { position:absolute; left:18%; top:29%; }
#plus_b2 { position:absolute; left:39%; top:56%; }
#plus_b3 { position:absolute; left:57%; top:66%; }
#plus_b4 { position:absolute; left:62%; top:26%; }
#plus_b5 { position:absolute; left:84%; top:30%; }

#room_kitchen { position:absolute; left:0%; top:100%; width:100%; height:100%; background:url(img/room_kitchen.jpg) no-repeat top center; background-size: 100% 100%;  }
#plus_k1 { position:absolute; left:5%; top:54%; }
#plus_k2 { position:absolute; left:14%; top:17%; }
#plus_k3 { position:absolute; left:66%; top:77%; }
#plus_k4 { position:absolute; left:75%; top:34%; }

#room_office { position:absolute; left:0%; top:200%; width:100%; height:100%; background:url(img/room_office.jpg) no-repeat top center; background-size: 100% 100%; }
#plus_o1 { position:absolute; left:26%; top:22%; }
#plus_o2 { position:absolute; left:31%; top:67%; }
#plus_o3 { position:absolute; left:47%; top:48%; }
#plus_o4 { position:absolute; left:71%; top:34%; }

#main_content { position:absolute; right:0%; top:0%; width:28.75%; height:100%; background:url(img/main_content.png) no-repeat top center; background-size: 100% 100%; cursor: pointer; overflow: hidden; }

#bathroom_click { position: absolute; top:0%; left:0%; width:100%; height: 100%; display:block; cursor: pointer; }
#kitchen_click { position: absolute; top:0%; left:100%; width:100%; height: 100%; display:block; cursor: pointer; }
#office_click { position: absolute; top:0%; left:200%; width:100%; height: 100%; display:block; cursor: pointer; }

.arrow_left { position:absolute;  left:19%; width:5%; height:15%; background:url(img/arrow_left.png) no-repeat top center; background-size: 100% 100%; cursor: pointer; margin-top:200%; }
.arrow_right { position:absolute; left:47%;  width:5%; height:15%; background:url(img/arrow_right.png) no-repeat top center; background-size: 100% 100%; cursor: pointer; margin-top:200%; }
#larrow_1 { top:170%; }
#larrow_2 { top:170%; }
#larrow_3 { top:170%; }
#larrow_4 { top:170%; }
#larrow_5 { top:170%; }
#larrow_6 { top:170%; }
#larrow_7 { top:170%; }
#larrow_8 { top:170%; }
#larrow_9 { top:170%; }
#larrow_10 { top:170%; }
#larrow_11 { top:170%; }
#larrow_12 { top:170%; }
#larrow_13 { top:170%; }
#rarrow_1 { top:170%; }
#rarrow_2 { top:170%; }
#rarrow_3 { top:170%; }
#rarrow_4 { top:170%; }
#rarrow_5 { top:170%; }
#rarrow_6 { top:170%; }
#rarrow_7 { top:170%; }
#rarrow_8 { top:170%; }
#rarrow_9 { top:170%; }
#rarrow_10 { top:170%; }
#rarrow_11 { top:170%; }
#rarrow_12 { top:170%; }
#rarrow_13 { top:170%; }









@media (min-width: 701px) {
  .flexAd {
    height: 33vw;
    max-height: 420px;
    max-width: 1260px;
  }
}
@media (max-width: 700px) {
  .flexAd {
    height: 115vw;
    max-height: 115vh;
  }
}
@media (max-width: 700px) {
  .flexAd .hideMobile {
    display: none;
  }
}
@media (min-width: 701px) {
  .flexAd .hideDesktop {
    display: none;
  }
}
.flexAd img {
  width: 100%;
}


@media (max-width: 700px) {
	
	
#main_content { position: absolute; right: 0%; top: 59%; width: 100%; height: 41%; background: url(img/m_main_content.png) no-repeat top center; background-size: 100% 100%; }
#product_area { position:absolute; left:0%; top:0%; width:100%; height:100%; display: block; transform:scale(0);  }
#rooms {  width: 100%; height: 59%; background: url(img/m_room_bathroom.jpg) no-repeat top center; background-size: 100% 100%; }
#room_bathroom {  width: 100%; height:100%; background: url(img/m_room_bathroom.jpg) no-repeat top center; background-size: 100% 100%; }
#room_kitchen {  width: 100%; height:100%; background: url(img/m_room_kitchen.jpg) no-repeat top center; background-size: 100% 100%; }
#room_office {  width: 100%; height:100%; background: url(img/m_room_office.jpg) no-repeat top center; background-size: 100% 100%; }

.product { position: absolute; left:1%; top:1%; width: 98%; }	
.close_btn { right: 0%; top: 0%;width: 40px; height: 40px; }

#bathroom_btn { left:5%; width:29%; height:7.1%; margin-top:-45% }
#kitchen_btn { left:35%; width:29%; height:7.1%; margin-top:-45% }
#office_btn { left:65%; width:29%; height:7.1%; margin-top:-45% }
	
.arrow_left { position:absolute;  left:6%; width:64px; height:64px; background:url(img/arrow_left.png) no-repeat top center; background-size: 100% 100%; cursor: pointer; margin-top: 63px; }
.arrow_right { position:absolute; left:80%; width:64px; height:64px; background:url(img/arrow_right.png) no-repeat top center; background-size: 100% 100%; cursor: pointer; margin-top: 63px;  }

#plus_b1 { left: 3%; top: 29%; }
#plus_b2 { left: 29%; top: 64%; }
#plus_b5 { left: 84%; top: 39%; }
#plus_k3 { left: 80%; top: 72%; }
#plus_o1 { left: 17%; top: 22%; }
#plus_o2 { left: 31%; top: 51%; }
#plus_o3 { left: 44%; top: 33%; }
#plus_o4 {left: 71%; top: 27%; }
	
}