@charset "utf-8";
#layout {
}
#bar {
  width: 260px;
  display: block;
}
#barCtrl {
  left: 15px;
  top: 27px
}
#barBox {
	top: 0;
	left: 0;
	width: 230px;
	margin: 30px auto;
	padding: 15px;
	line-height: 28px;
}

#homes {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0px 0 0 0px;
  z-index: 99;
}

.homesBox {
  width: 270px;
  background: rgb( 0, 0, 0 );
  background: rgba( 0, 0, 0, 0 );
  border: none;
  outline-width: 0px !important;     
}

.homesButton {
  top: 0px;
  left: 0px;
  width: 458px;
  height: 232px;
  background: rgb( 0, 0, 0 );
  background: rgba( 0, 0, 0, 0 );
  background-image: url(../img/logo_cosmopolitan.png);
  background-repeat:no-repeat;
  border: none;
  outline-width: 0px !important;
  cursor: default !important;
}
.homesText {
  display: none;
}
  

/* fake ipad */
@media screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {

}
/* ipad */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.homesBox {
		width: 325px;
		background: rgb( 0, 0, 0 );
		background: rgba( 0, 0, 0, 0 );
		border: none;
		outline-width: 0px !important;     
}
	.homesButton {
		background-size: 90%;
  
}
#bar {
  width: 240px;
}
#barBox {
	top: 0;
	left: 0;
	width: 160px;
	margin: 30px auto;
	padding: 15px;
	line-height: 34px;
	font-size: 20px;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.homesBox {
		width: 325px;
		background: rgb( 0, 0, 0 );
		background: rgba( 0, 0, 0, 0 );
		border: none;
		outline-width: 0px !important;     
}
	.homesButton {
		background-size: 90%;
  
}
#bar {
  width: 190px;
}
#barBox {
	top: 0;
	left: 0;
	width: 160px;
	padding: 15px;
	line-height: 34px;
	  font-size: 20px;
}

}

/* fake iphone */
@media screen
and (max-width : 736px) {
  #layout {
    overflow: hidden;
  }
  #bar {
    display: none;
  }

  #citeCtrl {
    display: block;
  }

  #menu {
    width: 0;
  }

  #info {
    display: ;
  }

  #homes {
    padding: 80% 0 0 10%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

	.homesBox {
		width: 360px;
		border: none;
		outline-width: 0px !important;     
}

  .homesButton {
    text-align: left;
	height:160px;
	background-image: url(../img/logo_cosmopolitan_mobile.png);
	background-size: 320px;
  }
.homesText {
	padding: 5%;
	background: rgb( 0, 0, 0 );
	background: rgba( 0, 0, 0, 0.8 );
	color:#FFF;
    width: 280px;
    margin: 0 0px;
    display: block;
	color:#FFF;
	font-family:UniversLTStd-LightCn, sans-serif;
	font-size:13px;
	line-height: 20px;
  }
  .homesText ul {
	list-style-position: inside;
	list-style-type: disc;
    padding-left:0;
	color:#FFF;
	font-family:UniversLTStd-LightCn, sans-serif;
	font-size:13px;
	line-height: 20px;
}
.homesText ul li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 0px 0 0px 15px;
    text-indent: -1em;
}

}  
/* iphone */
@media only screen 
and (max-device-width : 736px) 
and (orientation : portrait) {
  #homes {
    padding: 85% 0 0 10%;
  }


.homesText {
	padding: 5%;
	background: rgb( 0, 0, 0 );
	background: rgba( 0, 0, 0, 0.8 );
	color:#FFF;
    width: 280px;
    margin: 0 0px;
    display: block;
	color:#FFF;
	font-family:UniversLTStd-LightCn, sans-serif;
	font-size:13px;
	line-height: 20px;
  }
  .homesText ul {
	list-style-position: inside;
	list-style-type: disc;
    padding-left:0;
	color:#FFF;
	font-family:UniversLTStd-LightCn, sans-serif;
	font-size:13px;
	line-height: 20px;
}
.homesText ul li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 0px 0 0px 15px;
    text-indent: -1em;
}
}

@media only screen 
and (max-device-width : 736px) 
and (orientation : landscape) {
  #homes {
    padding: 15% 0 0 20%;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #info {
    display: none;
  }
    	.homesButton {
		/*background-size: 55%;*/
		background-image: url(../img/logo_cosmopolitan_mobile.png);
  
}
.homesText {
	padding: 5%;
	background: rgb( 0, 0, 0 );
	background: rgba( 0, 0, 0, 0.8 );
	color:#FFF;
    width: 400px;
    margin: 0 0px;
    display: block;
	color:#FFF;
	font-family:UniversLTStd-LightCn, sans-serif;
	font-size:13px;
	line-height: 20px;
  }
  .homesText ul {
	list-style-position: inside;
	list-style-type: disc;
    padding-left:0;
	color:#FFF;
	font-family:UniversLTStd-LightCn, sans-serif;
	font-size:13px;
	line-height: 20px;
}
.homesText ul li{
    list-style-type: disc;
    list-style-position: inside;
    padding: 0px 0 0px 15px;
    text-indent: -1em;
}
}

@media screen and (min-width:737px){
.homesBox {
	width: 300px;
}
#homesButton {

    background-size: 75%;
	background-image: url(../img/logo_cosmopolitan_mobile.png);

}

}

/* iPhone 6 in portrait */  
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 


.homesButton {
    text-align: left;
	height:195px;
	background-image: url(../img/logo_cosmopolitan_mobile.png);
	background-size: 380px;}

.homesText {
	padding: 5%;
	background: rgb( 0, 0, 0 );
	background: rgba( 0, 0, 0, 0.8 );
	color:#FFF;
    width: 350px;
    margin: 0 0px;
    display: block;
	color:#FFF;
	font-family:UniversLTStd-LightCn, sans-serif;
	font-size:13px;
	line-height: 20px;
  }
  }