/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

@charset "utf-8";
/*-- Global
----------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	font-size: 62.5%;
}
body {
	width: 100%;
	background-color:#1e1e1e;
}
 @-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/*-- Header Section
----------------------------------------------------------------------*/

header {
	padding:2% 0;
	background-color: #fff;

}
.header-box {
	border-bottom:1px solid #1e1e1e;
	padding-bottom:2%;
}
#mobile-header {
	padding-top:15px;
}
#mobile-header span.col-xs-4 {
	padding-left:5px;
	padding-right:5px;
}
.btn-mobile {
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	padding-top:4%;
	padding-bottom:4%;
	background-color:#1e1e1e;
	border-radius:0;
	font-size:40px;
	color:#fff;
}
.site-logo {
	display:block;
}

/*-- Content Section
----------------------------------------------------------------------*/

#content-error {
	padding: 10% 0;
}
#content-offline {
}

#content {
	padding-bottom:2%;
	background-color:#fff;
}

.product_box {
	height:auto;
	background:#f6f6f6;
	margin-bottom:30px;
	padding-bottom:15px;
}
.product_box_left {
	background:url(../img/box_left_shadow.png) repeat-y right center;
	height:395px;
}
.product_box_text {
	/*height:100%;*/
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	top:0;
	bottom:15px;
	/*margin-top:10px;*/
	/*margin-left:10px;*/
	position:relative;
	background:#e6e6e6;
}
.read_button_top {
	background:url(../img/readmore_top.png) no-repeat;
	width:118px;
	height:118px;
	position:absolute;
	margin-top:5px;
	right:5px;
	z-index:999999;
	display:none;
}
.read_button {
	background:url(../img/readmore.png) no-repeat;
	width:118px;
	height:118px;
	position:absolute;
	/*margin-left:-10px;
	margin-top:287px;*/
	left:5px;
	bottom:5px;
	z-index:999999;
	display:none;
}
.frame_top {
	background:url(../img/readmore_top.png) no-repeat;
	width:118px;
	height:118px;
	position:absolute;
	/*margin-top:120px;
	margin-left:962px;*/
	top:-10px;
	right:5px;
	z-index:600000;
	display:none;
	
}
.frame_bottom {
	background:url(../img/readmore_bottom.png) no-repeat;
	width:118px;
	height:118px;
	position:absolute;
	/*margin-left:0px;
	margin-top:729px;*/
	bottom:-10px;
	left:5px;
	z-index:600000;
	display:none;
}
.product_box_right {
	height:auto ;
	float:left ;
	padding:0;
	margin-top:15px;
	width:100% !important;
	
}
.product_box_right img {
	height:280px ;
	height:50vw;
	float:left ;
	width: 100%;
}
.img-max {
	width:100%;
}
.product_box_rheader {
	height:60px;
	min-width:10px;
	background:rgba(255, 255, 255, 0.8);
	position:absolute;
	top:15px;
	left:0;
	margin-left:0;
	width:auto;
	padding-left:20px;
	padding-right:20px;
	line-height:60px;
	z-index:50000;
}
.product_box_mini {
	background:rgba(255, 255, 255, 0.8) ;
	height:75px;
	width:220px;
	position:absolute;
	top:225px;
	margin-left:845px;
	z-index:50000;
}
.product_box_mini2 {
	background:rgba(255, 255, 255, 0.8) ;
	height:75px;
	width:220px;
	position:absolute;
	top:220px;
	margin-left:840px;
	z-index:40000;
}
#hidden_box {
	/*width:430px;*/
	min-height:25px;
	float:left;
	margin-left:0;
	position:relative;
}
#hidden_box a {
	width:100px;
	height:25px;
	display:block;
	margin-left:-13px;
	position:absolute;
	z-index:600000;
}
#hidden_box a img {
	margin-left:-5px;
	position:absolute;
	margin-top:-7px;
}
#info {
	/*width: 410px;*/
	position: relative;
	margin-top:0;
	z-index: 500000;
	background: rgba(230, 230, 230, 0.9);
	border: 10px solid rgba(246, 246, 246, 0.5);
}
#info_inner {
	/*width:350px;*/
	height:450px;
	height:auto;
	z-index:10000;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	overflow:auto;
}
#info_inner li {
	margin-left:20px;
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

#register-inner{
/*width:350px;*/
/*margin-left: 40px;*/
}

.icons-bed p {
	background:url(../img/icon_bed.png) no-repeat left;
	float:left;
	width:45px;
	height:25px;
	line-height:25px;
	text-align:right ;
}
.icons-bath p {
	background:url(../img/icon_bath.png) no-repeat left;
	float:left;
	width:45px;
	height:25px;
	line-height:25px;
	text-align:right ;
}
.icons-car p {
	background:url(../img/icon_car.png) no-repeat left;
	float:left;
	width:45px;
	height:25px;
	line-height:25px;
	text-align:right ;
}
.icons-lock p {
	background:url(../img/icon_security.png) no-repeat left;
	float:left;
	width:45px;
	height:25px;
	line-height:25px;
	text-align:right ;
}
.icons-large p, .product_box_left .icons-large p {
	/*margin-left:35px ;
	margin-right:35px ;
	margin-bottom:20px;
	margin-top:20px;*/
	    line-height: 25px !important;
	text-align:right !important;
}
.icons-small p {
	/*margin-left:20px ;
	margin-right:20px ;
	margin-bottom:20px;*/
}
.new-wrap {
	margin-top:30px;
	margin-bottom:30px;
	overflow: hidden;
}
.new-wrap, 
#content_box,
#info {
	height:auto;
}
#content_box, .content_box_mobile {
	width:100% !important;
	margin-top:0;
	padding:0;
	background:#fff url(../img/loading2.gif) no-repeat center center;
}

#content_box img, .content_box_mobile img {
	/*height:700px !important;*/
	width:100% !important;
	height:50vw;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url(../img/project_02.jpg) no-repeat;
	display: block;
}
#content_mini {
	background:rgba(255, 255, 255, 0.8) ;
	position:absolute ;
	/*margin-top:752px;*/
	/*margin-left:665px;*/
	bottom:5px;
	right:25px;
	z-index:50000;
	cursor:pointer;
}
#content_mini2 {
	height:90px;
	width:420px;
	background:rgba(255, 255, 255, 0.8) ;
	position:absolute;
	/*margin-top:747px;
	margin-left:660px;*/
	bottom:0;
	right:15px;
	z-index:50000;
}
#contact_about {
	/*width:580px;*/
	min-height:200px;
	float:left;
	margin-top:10px;
	/*margin-left:10px;*/
	/*padding:20px;*/
}
#contact_about p {
	/*line-height:16px;*/
	margin-bottom:15px;
}
#inner2 p {
	margin-top:10px;
	margin-bottom:10px;
	color:#3a3a3a;
}
.new-right {
	padding:0;
}
.text-box {
	margin-bottom:30px;
}
.text-box img {
	width:100% !important;
	height:auto !important;
}

.img-marg {
	margin-left: 20px;
	margin-bottom:20px;
}

#state_nav {
    width: 100%;
    height: auto;
    background: #3a3a3a;
    margin-bottom: 20px;
    float: left;
    border-radius: 5px;
    color: #fff;
	font-family:Garamond;
	font-size:16px;
}
#state_nav p {
    float: left;
    line-height: 30px;
    margin-left: 10px;
	text-transform:uppercase;
	font-family:Garamond;
	font-size:16px;
}
#state_nav ul {
    float: left;
	width:100%;
    line-height: 25px;
    margin-left: 15px;
	/* text-align:center; */
}
#state_nav li {
    display: block;
	margin-left:10px;
	margin-right:10px;
}
#state_nav li a {
    display: block;
    padding-left: 0;
    padding-right: 30px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: transparent;
    color:#fff;
    text-transform:uppercase;
	font-family:Garamond;
	font-size:16px;
}
#state_nav li a:hover {
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #727272;
    color:#727272;
}


#dropdownlisting {
	-webkit-column-rule:2px outset #727272; /* Chrome, Safari, Opera */
	-moz-column-rule:2px outset #727272; /* Firefox */
	column-rule:2px outset #727272;
	width: 100%;
	
	float: left;
	padding-left: 30px;
	position: relative;
	top: -23px;
	min-height: 40px;
	display: none;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


.iamhidden{
	-webkit-column-count:4; /* Chrome, Safari, Opera */
	-moz-column-count:4; /* Firefox */
	column-count:4;
	
	-webkit-column-rule:2px outset #3a3a3a; /* Chrome, Safari, Opera */
	-moz-column-rule:2px outset #3a3a3a; /* Firefox */
	column-rule:2px outset #3a3a3a;
	
	/* -webkit-column-gap:40px; /* Chrome, Safari, Opera */
	/*-moz-column-gap:40px; /* Firefox */
	/*column-gap:40px; */

	/*width: 1050px;*/
	width:100%;
	background-color:#727272;
	float: left;
	padding-left: 30px;
	position: relative;
	top: -23px;
	/* min-height: 300px; */
	display: none;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	line-height: 20px;
}
.iamhidden a {
	color:#fff;
	/* text-transform: uppercase; */
	font-family: Garamond;
	font-size: 16px;
	text-transform:uppercase;
}
.iamhidden a:hover {
	color:#3a3a3a;
}

#listen {

} 

/*-- Footer Section
----------------------------------------------------------------------*/
	
footer {
	background-color:#1e1e1e;
	border-top:45px solid #f1f1f1;
	padding:2% 0;
}

#map-inner {
	margin-top:15px;
}


/*-- media queries Section
----------------------------------------------------------------------*/


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
html {
	font-size: 62.5%;
}
#map-inner {
	margin-top:0;
}
#hidden_box {
	/*width:430px;*/
	min-height:25px;
	float:left;
	margin-left:0;
	position:absolute;
}
#hidden_box a {
	width:200px;
	height:25px;
	display:block;
	margin-left:-13px;
	position:absolute;
	z-index:600000;
}
#hidden_box a img {
	margin-left:-5px;
	position:absolute;
	margin-top:-7px;
}
#info {
	/*width: 410px;*/
	position: absolute;
	margin-top:0;
	z-index: 500000;
	background: rgba(230, 230, 230, 0.9);
	border: 10px solid rgba(246, 246, 246, 0.5);
}
.product_box {
	height:395px;
	background:#f6f6f6;
	margin-bottom:30px;
	padding-right:0;
	padding-bottom:0;
}
.product_box_text {
	/*height:100%;*/
	padding-top:50px;
	padding-bottom:45px;
	padding-left:15px;
	padding-right:45px;
	top:15px;
	bottom:15px;
	/*margin-top:10px;*/
	/*margin-left:10px;*/
	position:absolute;
	background:#e6e6e6;
}
.product_box_right {
	height:395px ;
	float:left ;
	padding:0;
	margin-top:0;
	width:100% !important;
	
}
.product_box_right img {
	height:395px ;
	float:left ;
	width:100% !important;
}
.read_button_top {
	background:url(../img/readmore_top.png) no-repeat;
	width:118px;
	height:118px;
	position:absolute;
	margin-top:-10px;
	right:-10px;
	z-index:999999;
	display:block;
}
.read_button {
	background:url(../img/readmore.png) no-repeat;
	width:118px;
	height:118px;
	position:absolute;
	/*margin-left:-10px;
	margin-top:287px;*/
	left:-10px;
	bottom:-10px;
	z-index:999999;
	display:block;
}
.text-box img {
	width:auto !important;
	height:inherit !important;
}
#state_nav {
    width: 100%;
    height: 30px;
    background: #3a3a3a;
    margin-bottom: 20px;
    float: left;
    border-radius: 5px;
    color: #fff;
	font-family:Garamond;
	font-size:16px;
}
#state_nav p {
    float: left;
    line-height: 30px;
    margin-left: 10px;
	text-transform:uppercase;
	font-family:Garamond;
	font-size:16px;
}
#state_nav ul {
    float: none;
	width:auto;
    line-height: 25px;
    margin-left: 15px;
	/* text-align:center; */
}
#state_nav li {
    display: inline-block;
	margin-left:10px;
	margin-right:10px;
}
#state_nav li ul li {
	margin-bottom:10px;
}
#state_nav li a {
    display: block;
    padding-left: 30px;
    padding-right: 30px;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: transparent;
    color:#fff;
    text-transform:uppercase;
	font-family:Garamond;
	font-size:16px;
}
#state_nav li a:hover {
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #727272;
    color:#727272;
}


#dropdownlisting {
	-webkit-column-rule:2px outset #727272; /* Chrome, Safari, Opera */
	-moz-column-rule:2px outset #727272; /* Firefox */
	column-rule:2px outset #727272;
	width: 100%;
	
	float: left;
	padding-left: 30px;
	position: relative;
	top: -23px;
	min-height: 40px;
	display: none;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


.iamhidden{
	-webkit-column-count:4; /* Chrome, Safari, Opera */
	-moz-column-count:4; /* Firefox */
	column-count:4;
	
	-webkit-column-rule:2px outset #3a3a3a; /* Chrome, Safari, Opera */
	-moz-column-rule:2px outset #3a3a3a; /* Firefox */
	column-rule:2px outset #3a3a3a;
	
	/* -webkit-column-gap:40px; /* Chrome, Safari, Opera */
	/*-moz-column-gap:40px; /* Firefox */
	/*column-gap:40px; */

	/*width: 1050px;*/
	width:100%;
	background-color:#727272;
	float: left;
	padding-left: 30px;
	position: relative;
	top: -23px;
	/* min-height: 300px; */
	display: none;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	line-height: 20px;
}
.iamhidden a {
	color:#fff;
	/* text-transform: uppercase; */
	font-family: Garamond;
	font-size: 16px;
	text-transform:uppercase;
}
.iamhidden a:hover {
	color:#3a3a3a;
}

#listen {

} 
.new-wrap {
	overflow:inherit;
	margin-bottom:60px;
}
#content_box img {
	/*height:700px !important;*/
	width:100% !important;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url(../img/project_02.jpg) no-repeat;
	display: block;
}
.new-wrap, 
#content_box,
#content_box img,
#info {
	height:700px ;
	height:80vh ;
}
.frame_top {
	background:url(../img/readmore_top.png) no-repeat;
	width:118px;
	height:118px;
	position:absolute;
	/*margin-top:120px;
	margin-left:962px;*/
	top:-10px;
	right:5px;
	z-index:600000;
	display:block;
	
}
.frame_bottom {
	background:url(../img/readmore_bottom.png) no-repeat;
	width:118px;
	height:118px;
	position:absolute;
	/*margin-left:0px;
	margin-top:729px;*/
	bottom:-10px;
	left:5px;
	z-index:600000;
	display:block;
}
#info_inner {
	/*width:350px;*/
	height:450px;
	height:50vh;
	z-index:10000;
	padding-top:50px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	/*overflow-y:scroll ;*/
}

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
html {
	font-size: 62.5%;
}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
html {
	font-size: 62.5%;
}
#info_inner {
	/*width:350px;*/
	height:450px;
	height:48vh;
	z-index:10000;
	padding-top:50px;
	padding-bottom:15px;
	padding-left:15px;
	padding-right:15px;
	overflow:auto;
	/*overflow-y:scroll ;*/
}
}