/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.5;
    background: #242424;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


a { text-decoration: none; }
.content-wrapper a:hover {color: #ffa300; }
html { background: #242424; color: #000; font-size: 15px; font-family: "Roboto", sans-serif;  font-weight: 400; }
.img-center { text-align: center;  }
p.first { margin-top: 0; }
.orange { color: #ffa300; }
.divider-0 { border-bottom: 1px solid #ccc;  margin-bottom: 30px; padding-top: 25px; }

header { min-width: 1000px;}
.wrapper { max-width: 1440px; margin: 0 auto; position: relative; background-color: #ffffff;}
.home_content{max-width:1440px; margin: 0 auto; position: relative;background-color: #ffffff;}
.wrap_1000{width: 960px; margin: 0 auto; padding: 0 20px;  }
.wrap_1000:before,
.wrap_1000:after {content: " ";display: table;}
.wrap_1000:after {clear: both;}
.wrap_1000 {*zoom: 1;}
.sub-banner { height: 361px; }
.sub-banner.about-us { background:url('/images/sub-banner-about-info.jpg') no-repeat 0 81px; }
.sub-banner.corporate-information { background:url('/images/sub-banner-corporate-info.jpg') no-repeat 0 81px; }
.sub-banner.our-business, .sub-banner.property-hotel  { background:url('/images/sub-banner-our-business-info.jpg') no-repeat 0 81px; }

.sub-banner.investor-information{ background:url('/images/sub-banner-investor-info.jpg') no-repeat 0 81px; }
.sub-banner.contact-information { background:url('/images/sub-banner-contactinfo.jpg') no-repeat 0 81px; }
.sub-banner.ir { background:url('http://firstsponsorgroup.listedcompany.com/images/sub-banner-ir-info.jpg') no-repeat 0 81px; }

.sub-banner h1 { font-family: "Roboto Condensed", sans-serif;  font-weight: 700; line-height: 100%; float: right; margin-top: 190px; background:url('/images/title-bg.png') repeat; padding: 33px 45px;  }
.sub-banner h1 span { color: #fff;  font-size: 36px; text-transform: uppercase; }
.header_content{background: #ffa300; height: 81px; max-width:1440px; width: 100%; min-width:1000px;z-index:99;position: absolute; top:0;}
.header_content .wrap_1000 {padding: 0px; width: 960px;}

h1.logo { margin: 0; float: left; padding: 11px 54px 0 0;}

footer.home_footer{background-image:none; padding: 10px 0;background-color: #e7e6e4;}
.footer-wrap { max-width: 1440px; background: #eeeeee; margin: 0 auto; }
.footer-inner { max-width: 960px; margin: 0 auto; font-size: 11px; padding: 11px 20px; color: #7b7b7b; }
.policy { float: left; width: 500px; }
.policy a { color: #7b7b7b; }
.design { float: right; }
.design a { color: #ffa300; }

.content-wrapper {min-width:1000px; text-align: justify; border-top: 3px solid #fba100; }
.content-wrapper .content { min-height: 500px; }
.content-wrapper .wrap_1000{ background: #ffffff; padding: 10px 0 50px 0}

.main-title { color: #ffa300; font-size: 25px; text-transform:uppercase;line-height:1; font-family: "Roboto", sans-serif;
  font-weight: 700; }
.main-title-property { color: #ffa300; font-size: 25px; text-transform:uppercase;line-height:1; font-family: "Roboto", sans-serif;
  font-weight: 700; margin-bottom: 2px; }
#asidefix{ float: left; width: 200px; border: solid 1px #000; height: 400px;}
.main_content{float: right; width: 700px;}


.main-nav ul{margin: 0; padding: 0; }
.main-nav ul li { float: left; list-style: none; }
.main-nav ul li a { display: table-cell; width: 114px; height: 81px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 400; font-size: 16px; vertical-align: middle; line-height: 1.2; font-family: "Roboto Condensed", sans-serif; letter-spacing: 0.3px; }

.main-nav ul li:hover a,
.main-nav ul li:hover ul li:hover a{ color: #f9b233; }

.main-nav ul li.selected a,
.main-nav ul li.selected ul li.selected a { color: #f9b233; }

.nav-1 div,.nav-1 ul li a,.nav-1.selected a, .nav-1.selected:hover a, .nav-1.selected:hover div{ background: #eaeaea; }
.nav-2 div,.nav-2 ul li a,.nav-2.selected a, .nav-2.selected:hover a, .nav-2.selected:hover div { background: #eaeaea; }
.nav-3 div,.nav-3 ul li a,.nav-3.selected a, .nav-3.selected:hover a, .nav-3.selected:hover div { background: #eaeaea; }
.nav-4 div,.nav-4 ul li a,.nav-4.selected a, .nav-4.selected:hover a, .nav-4.selected:hover div { background: #eaeaea; }
.nav-5 div,.nav-5 ul li a,.nav-5.selected a, .nav-5.selected:hover a, .nav-5.selected:hover div { background: #eaeaea; }
.nav-6.selected a { background: #f4f4f4; }

.nav-1:hover a,.nav-1:hover div{ background: #f4f4f4; }
.nav-2:hover a,.nav-2:hover div{ background: #f4f4f4; }
.nav-3:hover a,.nav-3:hover div{ background: #f4f4f4; }
.nav-4:hover a,.nav-4:hover div{ background: #f4f4f4; }
.nav-5:hover a,.nav-5:hover div{ background: #f4f4f4; }
.nav-6:hover a,.nav-6:hover div{ background: #f4f4f4; }



/* Second level  */
.main-nav ul li div{opacity: 0;position: absolute;z-index:-99; width: 100%;left: -100000px; min-width:1000px;
-webkit-transition: opacity 0.3s linear;
 -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
   -o-transition: opacity 0.3s linear;
      transition: opacity 0.3s linear;
}
.main-nav ul li:hover div { opacity: 1;z-index:999; left: 0px;}
.main-nav ul li ul { position: relative; width: 1000px; margin: 0 auto;}
.main-nav ul li ul li { padding-left: 25px;}
.main-nav ul li ul li a { color: #a3a2a2;display: block; float: left; height:40px;line-height:40px;width: auto; font-size: 15px; }
.main-nav ul li:hover ul li a,.main-nav ul li.selected ul li a{color:#a3a2a2}
.nav-1 ul li:first-child { padding-left: 204px; }
.nav-2 ul li:first-child { padding-left: 73px; }
.nav-3 ul li:first-child { padding-left: 330px; }
.nav-4 ul li:first-child { padding-left: 340px; }
.nav-5 ul li:first-child { padding-left: 654px; }


/* ==========================================================================
   IE fix
   ========================================================================== */
.lt-ie10 .showbiz-title.go-to-top{width:92%;}
.lt-ie9 .wrapper{width: 1440px;}
.lt-ie9 .main-nav ul li div{display:none;}
.lt-ie9 .main-nav ul li:hover div {display:block;z-index:999}
.lt-ie9 .main-nav ul li.selected div  {display:block;z-index:99}
.lt-ie9 .home_box{background: url(ie-home-bg.png) repeat;}
.lt-ie9 .showbiz-title.go-to-top{background: url(ie-property-bg1.png) repeat;}
.lt-ie9 .revactive .showbiz-title.go-to-top{background: none;}
.lt-ie9 .reveal_container.revactive{background: url(ie-property-bg2.png) repeat;}

.lt-ie8 .nav_3 ul li:first-child{padding-left: 0px;}
.lt-ie8 .main-nav ul li a{display: block; line-height: 100px;}
.lt-ie8 .main-nav ul li.nav_2 a, .lt-ie8 .main-nav ul li.nav_3 a{line-height: 1.4; padding-top: 30px; height: 70px;}
.lt-ie8 .main-nav ul li ul li a{line-height: 40px !important; height:40px !important; padding-top:0px !important;}
.lt-ie8 #prevslide, .lt-ie8 #nextslide{height:40px; padding: 35px 0 35px 0;}
.lt-ie8 .property_gallery{bottom:100px;}

.home .content-wrapper { border-top: 0; }

/* slideshow 1 */	
.ss1_wrapper { position: relative; width: 100%; height: 100%; padding-top: 81px; overflow-x: hidden;}
.ss1_wrapper .slideshow { position: relative; width: 100%; height: 100%; }
.ss1_wrapper .slideshow_item { width: 100%; height: auto; width: 1440px; }
.ss1_wrapper .slideshow_item .data { display: none; }	
.ss1_wrapper a.slideshow_prev { position: absolute; left: 239px; top: 250px; z-index: 10; outline:none; background:url(/images/arrow-prev.png) no-repeat; width: 27px; height: 51px; }
.ss1_wrapper a.slideshow_prev span { display:block;  text-indent:-9999px; }
.ss1_wrapper a.slideshow_next { position:absolute; right: 239px; top: 250px; z-index:10; outline:none; background:url(/images/arrow-next.png) no-repeat; width: 27px; height: 51px; }
.ss1_wrapper a.slideshow_next span { display:block; text-indent:-9999px; }
.ss1_wrapper .slideshow_paging { position: absolute; top: 5px; right: 5px; z-index:11; font-size:12px; background:url(/images/trans_black_70.png); padding: 3px 2px; }
.ss1_wrapper .slideshow_box { position: absolute; right: 279px; bottom: 103px; background:url(/images/tagline-bg.png); width: 427px; height: 271px; z-index:10; color: #fff; }
.ss1_wrapper .slideshow_box .data { padding: 33px; text-align: left; color: #fff; }
.ss1_wrapper .slideshow_item .image { border-bottom: 3px solid #fba100; display: block; max-width: 1440px;}
h1.banner-text { font-size: 36px; font-family: "Roboto Condensed", sans-serif;
  font-weight: 700; margin: 0; padding: 0; line-height: 36px; text-transform:uppercase; }
.deatil-text { font-size: 14px; }
.deatil-text span { font-family: "Roboto", sans-serif;
  font-weight: 700;  }
.button-read { border: none; background: transparent; border: 1px solid #fff; color: #fff; font-size: 14px; padding: 3px 10px; }


.text-content-wrap {position: absolute; right: 279px; top: 180px; background:url(/images/tagline-bg.png); width: 426px; z-index:10; color: #fff;}
.text-content-wrap-inner { padding: 15px 30px 25px 30px; }


.wrap_1000.home-wrap h1.main-title { display: none; }
.home-news { float: left; width: 454px; padding-right: 26px;  }
.home-results { float: left; width: 230px; padding: 0 20px;  }
.home-ar { float: left; width: 205px; padding-left: 5px; }


.latest-news { width: 100%; padding: 0; margin: 0; list-style: none; text-align: left; }
.latest-news li { margin-bottom: 15px; padding-bottom: 15px; }
.latest-news li.num_1 p  { margin-top: 0; }
.latest-news li p.latest-news-title { padding-top: 0; margin-top: 5px; }
.latest-news li p { padding: 15px 0 10px 0; }
.latest-news-date { width: 15%; float: left; margin: 0; text-align: center; font-size: 30px; line-height: 18px; background: #f4f4f4;}
.latest-news li a:hover .latest-news-date { color: #fff; background: #ffa300; }
.latest-news-date span { font-size: 11px; }
.latest-news-title {width: 81%; float: right; margin: 1em 0;}
.latest-news li a .latest-news-title { line-height: 20px; }
.latest-news li a:hover .latest-news-title { text-decoration: none; }
.latest-news li a { color: #000; }
.more-btn { margin-top: 25px; }
.more-btn.news { margin-top: 0; }
.more-btn span { color: #ffaf22; }
.more-btn a { color: #000; }
.results-date { font-size: 13px; color: #999999;  }
.financial { padding: 0 0 0 15px;  }
.financial li { list-style: square; color: #ffa300; line-height:29px; }
.financial li a { color: #000; }
.home .content-wrapper .wrap_1000 { padding-bottom: 20px; }
.ar-img img { -webkit-box-shadow: 0px 0px 5px 2px rgba(217,217,217,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(217,217,217,1);
box-shadow: 0px 0px 5px 2px rgba(217,217,217,1); }

h2 { color: #ffa300; font-size: 20px; font-family: "Roboto", sans-serif;
  font-weight: 700;  }
h3 { color: #ff9900; font-size: 15px; font-weight: 400; }
h3 span { font-family: "Roboto", sans-serif;
  font-weight: 700;  }
h4 { color: #ffa300; font-size: 15px; font-family: "Roboto", sans-serif;
  font-weight: 700; text-transform: uppercase; margin-bottom: 0;  }
h5 { color: #000; font-size: 20px; font-family: "Roboto", sans-serif;
  font-weight: 700; margin: 10px 0;}

.profile-img { padding: 30px 0; }
.director-wrap { border-bottom: 1px solid #ccc; padding-bottom: 15px; }
.director-wrap.last { border: none; }
.director-wrap h2 { color: #ffa300; font-size: 20px; font-family: "Roboto", sans-serif;
  font-weight: 700; text-transform:capitalize; margin-bottom: 0; }
.director-wrap .designation { color: #666666; }

h2.property { padding: 15px 0 10px 0; }
.property-list { margin: 0; padding: 0; }
.property-list li { list-style: none; float: left; width: 307px; padding-left: 20px; }
.property-list li:first-child { padding-left: 0; }
.thumb-images {}
.thumb-images img { display: block; }
.thumb-detail { background: #ff9900; color: #fff; padding: 10px 15px; text-align: center;  }
.thumb-detail div { font-family: "Roboto", sans-serif;
  font-weight: 700; }
.thumb-detail a { color: #fff; } 

blockquote { font-size: 16px; font-style: italic; display: block; padding: 25px 0 45px 0; }
blockquote:before, blockquote:after { font-size: 90px; color: #000; position: relative; }
blockquote:before { content: open-quote; float: left; margin-left: -45px; top: -43px; }
blockquote:after { content: close-quote; float: right; margin-bottom: 0; top: 0; }
blockquote:first-line { text-indent: -50px; }

.fote-note { font-style: italic; font-size: 11px; }

.committee-left { width: 440px; float: left; }
.committee-left .first { margin-top: 0; padding: 0; }
.committee-left .bold { font-family: "Roboto", sans-serif;  font-weight: 700; }
.committee-left span { font-style: italic; color: #666666; font-family: "Roboto", sans-serif;  font-weight: 400;}
.divider-line { border-bottom: 1px solid #dedede; clear: both; margin-bottom: 24px; padding-top: 24px; }

.committee-right { width: 440px; float: right; }
.committee-right .first { margin-top: 0; padding: 0; }
.committee-right .bold { font-family: "Roboto", sans-serif;  font-weight: 700; }
.committee-right span { font-family: "Roboto", sans-serif;  font-weight: 700;  }

a.corporate-url { color: #666; text-decoration: underline; }

.note { font-family: "Roboto", sans-serif;
  font-weight: 400; font-style: italic; color: #666666;  }

.gallery_1 img { display: block; }
#pager { text-align: center; }
#pager a { width: 8px; height: 8px; text-indent: -999px; }
.carousel_wrap { position: relative; top: 5px; }
#prev { position: absolute; left: 269px; top: 1px;  }
#next { position: absolute; right: 275px; top: 1px;  }
			

.pager a {
	background: transparent url(/images/carousel_control.png) no-repeat -2px -32px;
	text-decoration: none;
	text-indent: -999px;
	display: inline-block;
	overflow: hidden;
	width: 8px;
	height: 8px;
	margin: 0 5px 0 0;
}
.pager a.selected {
	background: transparent url(/images/carousel_control.png) no-repeat -11px -32px;
	text-decoration: underline;				
}

.property-note ol li { text-transform:none; }


.profile-left { width: 48%; float: left; padding-right: 2%; }
.images-logo-1 { text-align: center; width: 188px; margin: 0 auto; }
.images-logo-2 { text-align: center; width: 167px; margin: 0 auto; }
.profile-right { width: 48%; float: left; padding-left: 2%; }
.profile-left p { background: #d9d9d9; padding: 10px; font-size: 13px; }
.profile-right p { background: #d9d9d9; padding: 10px; font-size: 13px; }

#accordian-menu {
	list-style: outside none none; 
	margin: 0; 
	padding: 15px 0 0 0;
	float: left;
	width: 100%;
}
#accordian-menu li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
	color: #222;
	font-size: 16px;
	text-transform: normal;
	border-bottom: 1px solid #ddd;
}
#accordian-menu li .big-title a {
	font-size: 20px;
}
#accordian-menu li .text { 
	padding: 0px 5px 0 5px; 
	width: 190px;
	float: left;
	text-align: left;
	font-size: 18px;
	line-height: 21px; 
	font-family: "Roboto", sans-serif;
  font-weight: 700;
}
#accordian-menu li .big-title { 
	padding: 3px 5px 0 20px; 
	width: 236px;
	float: left;
	clear: both;
	font-family: "Roboto", sans-serif;
  font-weight: 700;
	font-size: 20px; 
	line-height: 20px;
	color: #383838;
}
#accordian-menu li.active{
	color: #383838;
	background: #eeeeee;
}

#accordian-menu li.dropdown {
	background: #e5e5e5;
}

#accordian-menu li div {
	padding: 9px 0 9px 0;
	cursor: pointer;
	
}
#accordian-menu li.active div{
	border: none;	
}
#accordian-menu li.active a {
	color: #383838;	
}
#accordian-menu li li{
	border: none;
	margin: 0;
	width: 206px;	
	padding: 6px 0 6px 55px;	
	background: none;
}
#accordian-menu li li.selected{
	display: block; background: #ffa300;
}
#accordian-menu li a{
	color: #222;
	float: left;
	width: 100%;
	font-size: 16px;
	padding: 0;
	text-transform: normal;
}
#accordian-menu ul li a {
	color: #383838;
	text-decoration: none;
	display: block;
	font-size: 15px;
	padding: 0;
	text-transform: none;
}
/*hover effect on links*/
#accordian-menu ul li a:hover{
	color: #ffa300;
}
#accordian-menu ul li.selected a {
	color: #fff;
}
/*Lets hide the non active LIs by default*/
#accordian-menu ul {
	display: none;
	float: left;
	padding: 6px 0 10px 0;
}
#accordian-menu li.active ul {
	display: block;
}
.menu-property { width: 261px; float: left; }
.sub-title { color: #666666; font-size: 20px; padding-bottom: 5px; }

#slides {
	position: relative; 
}
.slidesjs-next {
	float: right; 
}
.slidesjs-previous {
	float: left; 
}
.slidesjs-pagination { 
	margin: 0; 
	padding: 0;
	position: absolute; 
	bottom: 0;
	right: 25px;	
}
.slidesjs-pagination li {
	list-style: none; 
	float: left; 
	margin: 0 2px;
	
}
.slidesjs-pagination li.slidesjs-pagination-item a {
	background:url(/images/pagination.gif) no-repeat;
	width: 13px; 
	height: 0;
	display: block; 
	padding-top: 13px; 
}

.slidesjs-pagination li.slidesjs-pagination-item a.active {
	background:url(/images/pagination-hover.png) no-repeat;
	width: 13px; 
	height: 0;
	display: block; 
	padding-top: 13px; 
}
.slidesjs-previous {
	background:url(/images/icon-arrow-left.png) no-repeat;
	width: 7px; 
	height: 0;
	display: block; 
	padding-top: 10px; 
	overflow: hidden;
}
.slidesjs-next {
	background:url(/images/icon-arrow-right.png) no-repeat;
	width: 7px; 
	height: 0;
	display: block; 
	padding-top: 10px; 
	overflow: hidden;
}



.wrapper-accordion {
	width: 655px;
	padding-top: 10px;
	}

.accordionButton {	
	width: 600px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	background: #eeeeee url(/images/accordion-plus.gif) no-repeat;
	border-bottom: 2px solid #FFFFFF;
	cursor: pointer;
	padding: 5px 0 4px 55px;
	font-size: 20px;
	}
	
.accordionContent {	
	width: 100%;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #fdf7eb;
	margin-top: -2px;
	}
.on {
	background: #ffa300 url(/images/accordion-minus.gif) no-repeat;
	color: #fff;
	}
	
.over {
	
	}
.top-title {
	font-size: 36px; 
	color: #e4e4e4; 
	line-height: 37px;
	font-family: "Roboto", sans-serif;
  font-weight: 700;
	padding-top:14px;
}
.content-inner {
	width: 655px; 
	float: right;
}
.accordionContent-inner {
	padding: 0 40px 20px 40px; 
	text-transform: uppercase; 
	text-align: left;
	
	}
.accordionContent-inner h1 {
	text-transform: uppercase; 
	color: #ffa300; 
	font-size: 25px;
}
.accordionContent-inner .deatil-left h1 {
	font-family: "Roboto", sans-serif;
  font-weight: 700;
	color: #ffa300;
	font-size: 25px; 
	line-height: 25px;
}
.accordionContent-inner .deatil-left h2 {
	text-align: left;
	color: #ffa300;
	font-size: 13px; 
	line-height: 14px;
	font-weight: normal;
	font-family: "Roboto", sans-serif;
  font-weight: 700;
	margin-bottom: 2px;
}
.deatil-left {
	color: #000000;
	padding-top:15px;
	font-size: 13px; 
	float: left; 
	width: 225px;
}
.deatil-left p {
	font-family: "Roboto", sans-serif;
  font-weight: 400;
	text-transform: none;
}
.deatil-left p, .deatil-right p {
	line-height: 16px;
	font-size: 14px;
}
.accordionContent-inner .deatil-right h2 {
	text-align: left;
	color: #ffa300;
	font-size: 13px; 
	line-height: 14px;
	font-weight: normal;
	font-family: "Roboto", sans-serif;
  font-weight: 700;
	margin-bottom: 2px;
}
.accordionContent-inner .deatil-right p {
	 text-transform: none;
}
.accordionContent-inner .deatil-right {
	color: #000000;
	font-size: 15px; 
	line-height: 16px; 
	float: right; 
	width: 320px;
}
.deatil-right {
	color: #000000;
	font-size: 15px; 
	float: right; 
	width: 320px;
	padding-top:15px;
}
.left-map { padding-top: 40px; 
	clear: both;
	}
.property-note { 
	clear: both;
	padding-top: 20px; 
	font-size: 13px; 
	color: #999999;
	text-transform: capitalize;
}
.property-note ol {
	padding-left: 15px;
	margin-top: 0;
}
.property-note p.first { margin-bottom: 0; }
 
.property-detail {	
	width: 100%;
	background: #fdf7eb;
}

.property-detail-inner {
	padding: 0 40px 30px 40px; 
	text-transform: uppercase; 
	text-align: left;
	padding-top:15px;
}
.property-detail-inner .deatil-right p {
	text-transform: none;
}
.property-detail-inner h1 {
	font-family: "Roboto", sans-serif;
  font-weight: 700;
	color: #ffa300;
	font-size: 25px; 
	line-height: 25px;
}
.property-detail-inner h2 {
	text-align: left;
	color: #ffa300;
	font-size: 13px; 
	line-height: 13px;
	font-family: "Roboto", sans-serif;
  font-weight: 700;
	margin-bottom: 2px;
}
.view-links { text-transform: none; font-size: 14px;  }

#accordian-menu.property-holding li a { font-size: 20px; }
#accordian-menu.property-holding li a.selected { background: #eeeeee; }

#home header, #home .header_content { max-width: 1440px; border: 1px solid red; }

.side_content { color: #ff9900; padding: 10px 33px;}

.form { margin: 0; padding: 0; }
.form li { list-style: none; float: left; width: 45%; padding-right: 5%; }
.form li input { background: #fbfbfb; border: 1px solid #e8e8e8; border-radius: 3px; color: #b3b1b1; float: left; font-size: 14px; margin: 0 0 20px; font-family: "Roboto", sans-serif;  font-weight: 400; padding: 8px 4%; width: 92%; }
.formbox input { background: #fbfbfb; border: 1px solid #e8e8e8; border-radius: 3px; color: #b3b1b1; float: left; font-size: 14px; margin: 0 0 20px; font-family: "Roboto", sans-serif;  font-weight: 400; padding: 8px 2%; width: 91%; }
.enquiry_form textarea { background: #fbfbfb; font-family: "Roboto", sans-serif;  font-weight: 300; border: 1px solid #e8e8e8; color: #b3b1b1; font-size: 14px; min-height: 150px; padding: 8px 2%; width: 91%;}
.btn-send { background: #292929; color: #fff; padding: 1% 2%; font-family: "Roboto", sans-serif;  font-weight: 400; line-height: 16px; font-size: 16px; border: none; margin-top: 15px; cursor: pointer; transition: all 0.3s ease 0s; }
.btn-send:hover { background: #ff6600; }

#recaptcha_widget { float: left; border: 1px solid #b3b1b1; background: #fff; width: 50%; margin-top: 20px; 
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
.recaptcha_rbox { float: right; width: 30%; text-align: center; margin: 7% auto 0 auto; }
.recaptcha_rbox img { width: 70%; height: auto; margin: 0 auto; text-align: center; }
.recaptcha_lbox { float: left; width: 70%; border-right: 1px solid #b3b1b1; 
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.recimg { float: left; width: 100%; text-align: center; border-bottom: 1px solid #b3b1b1; -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
#recaptcha_image { width: 94% !important; height: auto !important; padding: 3%; margin: 0 auto; text-align: center; }
#recaptcha_image img{ text-align: center; width: 100% !important; height: auto !important; } 
.brecico{ float: left; width: 100%; }
.recaptcha_lbox input#recaptcha_response_field { float: left; height: 35px; width: 55%; padding: 0 1% 0 2%; font-size: 14px; background: #fbfbfb; border-right: 1px solid #e8e8e8; border: none;
	-webkit-appearance: none; -webkit-border-radius: 0px;  -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
.another_recaptcha, .recaptcha_only_if_image, .recaptcha_only_if_audio { float: left; width: 15%; height: 35px; padding: 0; text-align:center; border-right: 2px solid #d8d8d8;  -webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
}
.help_recaptcha { width: 15%; float: left; height: 35px; padding: 0; text-align:center; }
.another_recaptcha img, .recaptcha_only_if_image img, .recaptcha_only_if_audio img, .help_recaptcha img { margin-top: 11px; text-align: center; margin-left: auto; margin-right: auto; }
.cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; }
.enquiry_form input.error, 
.enquiry_form textarea.error,
.recaptcha_lbox input#recaptcha_response_field.error{ background: #fce1e1; }
.errormsg{  float: left;  width: 89%;  padding: 15px 3%;  margin-bottom: 16px;  background-color: #fce1e1;  border-color: #ebccd1;  color: #a94442; font-size: 17px; }
.successmsg{ float: left;  width: 89%;  padding: 15px 3%;  margin-bottom: 16px;  background-color: #dff0d8;  border-color: #d6e9c6;  color: #3c763d; font-size: 17px; }


.contact-left { float: left; width: 50%; }
.contact-left h2 { padding-bottom: 0; margin-bottom: 0; }
.contact-right { float: left; width: 50%; }
.clear-0 { clear: both; }
.detail {	display: none; }

.milestones-content h1 { font-family: "Roboto", sans-serif;  font-weight: 400; font-size: 50px;  color: #9FA3A6;  margin: 0.3em 0 }
.milestones-content h2 { font-size: 20px;  font-family: "Roboto", sans-serif;  font-weight: 700; line-height: 20px;  }
.milestones-main, .milestones-main-inner { margin: 0; padding: 0; }
.milestones-main li { float: left; border-top: 2px solid #f3b140; list-style: none; width: 300px; margin-left: 30px; padding-bottom: 10px;  }
.milestones-main li:first-child, .milestones-main li.reset-first { margin-left: 0; }

.milestones-main-inner li { width: 96%; margin:0;  border: none; background: url('/images/milestones-dot.gif') no-repeat 1px 22px; border-top: 1px solid #dedede; padding: 13px 0 13px 4%; font-size: 15px; color: #231f20;   }
.milestones-main-inner li:first-child { border-top: 0; }
.milestones-text { width: 100%; }
.both-fix { margin-left: 30px; }
.line-profile { border-bottom: 1px solid #ccc;  margin-bottom: 30px; padding-top: 30px; }

.table-email { border-collapse: collapse; width: 100%; }
.table-email tr td { padding: 5px 5px 5px 0; }
.table-email tr td input { border: 1px solid #7a7a7a; }

.table-email-bottom tr td:first-child { padding-right: 25px; }
#emai_subscribe.error { background: #fce1e1; border: 1px solid #7a7a7a; }

@media only screen and (max-width: 999px) {
	.ss1_wrapper .slideshow_box { bottom: 24px; }
}

.deatil-right p {
    text-align: justify;
}