/***************************************************/
/*** PRELOADER ***/
/***************************************************/
.js div#preloader { 
	position: fixed; 
	left: 0; 
	top: 0; 
	z-index: 1000000; 
	width: 100%; 
	height: 100%; 
	overflow: visible; 
	background: #231f20 url('../img/pre-loader.gif') no-repeat center center;
	}





/***************************************************/
/*** GENERAL ***/
/***************************************************/


body {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

video { display: block; }



/***************************************************/
/*** HEADER ELEMENTS ***/
/***************************************************/
header {
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background: rgba(0,0,0,0.75);
}

	.header-wrapper {
		height: 100%;
		margin: 0 auto;
	}


	#header-logo {
		float: left;
		margin-left: 25px;
		background: url('../img/logo_theRoy.png') center center no-repeat;
		background-size: contain;
	}

	#header-logo,
	#header-logo span {
		display: block;
		width: 108px;
		height: 60px;
	}






/***************************************************/
/*** CONTENT ELEMENTS ***/
/***************************************************/

/*
#content-wrapper {
	margin: 0 auto;
	background: #;
}

#content-container {
	margin: 25px 190px;
	background: #ccc;
}
*/







			
	
	
	
	
	
	
	
	
	
	
			

/***************************************************/
/*** MASTHEAD ***/
/***************************************************/

#content-masthead {max-width: 1100px; margin: 0 auto;}

#content-masthead img {width: 100%; display: block;}

.masthead-fade-in{
  -webkit-animation: fade-in 2s ease;
  -moz-animation: fade-in ease-in-out 2s both;
  -ms-animation: fade-in ease-in-out 2s both;
  -o-animation: fade-in ease-in-out 2s both;
  animation: fade-in 2s ease;
  visibility: visible;
  -webkit-backface-visibility: hidden;
}

@-webkit-keyframes masthead-fade-in{0%{opacity:0;} 100%{opacity:1;}}
@-moz-keyframes masthead-fade-in{0%{opacity:0} 100%{opacity:1}}
@-o-keyframes masthead-fade-in{0%{opacity:0} 100%{opacity:1}}
@keyframes masthead-fade-in{0%{opacity:0} 100%{opacity:1}}





/***************************************************/
/*** CONTENT PAGES ***/
/***************************************************/

.screenTitle{
	z-index:900;
	width:124px;
	float:left;
	height:30px;
	margin-top:0;
}


#content-wrapper img {
	/*width: 100%;
	 margin: 10px 0;*/
}

#content-container {

}

.content-boxed {
	background-color: #231f20;
	padding: 25px 25px;
}

.content-boxed p {
	color: #fff;
}


	div.content-boxed + div.content-boxed {
		margin: 25px 0;
	}

#content-container.content-lists ul {
	padding-left: 20px;
	margin: 0 0 25px 0;
}



/*** GALLERY ***/

.video-wrapper {
            width:100%;
            padding: 0 !important;
            margin: 0 !important;
            background:#fff;
}
.video-wrapper iframe {
            max-width: 100%;
}



/*** FLOOR PLANS ***/

#floorplans .floormenu {
	display: block;
	margin: 0 0 15px 0;
	list-style: none;
}

#floorplans .floormenu li {
	display: inline-block;
	width: 110px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#floorplans li a:link,
#floorplans li a:active, 
#floorplans li a:visited {
	color: #231f20;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 2em;
}

#floorplans li a.activelink{
	color: #546db4;
	text-decoration: none;
	font-weight: 700;
}

#floorplans .floormenu li.floormenuAltLink {
	width: auto;
} 

#floorplans .floormenu li.floormenuAltLink a {
	text-transform: none;
} 


/*** ABOUT US ***/

 .media-article a:link,
 .media-article a:active,
 .media-article a:visited {
	 color: #546db4;
	 margin: 0 !important;
	 padding : 0 !important;
 }

 .media-article a:hover {
	 color: #231f20;
 }

 .media-article p {
	 margin: 10px 0 0 0 !important;
	 padding: 0 !important;
 }


 .media-article img {
	 display: block;
	 margin-left: 25px;
 }	
		

/*** CONTACT US ***/

 .contact-cols a:link,
 .contact-cols a:active,
 .contact-cols a:visited {
	 color: #546db4;
 }

 .contact-cols a:hover {
	 color: #231f20;
 }

.contact-cols article span {
	font-size: 1.5em;
}


/*** HOME ***/



/*** LEARN MORE ***/

.page-title + h1 {
	text-align: center;
	font-weight: 400;
	margin: 0;
	padding: 0;
}

.page-title + h2 {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	margin: 0 25px;
	padding: 0;
}










/***************************************************/
/*** FOOTER ELEMENTS ***/
/***************************************************/
footer {
	width: 100%;
	background: #231f20;
}

.footer-wrapper {
	margin: 0 auto;
}

.footer-wrapper>div div a {
	display: block;
	color: #fff;
	font-size: 0.85em;
	line-height: 1.5em;
	font-weight: 400;
}

.footer-wrapper>div div a:hover {
	color: #546db4;
}

.footer-social {
	width: 150px;
	float: right;
	margin: 20px 33px 0 0;
	text-align: center;
}

.footer-social div  {
	width: 150px;
	height: 54px;
	margin: 0 auto;
}

.footer-social div a span {
	display: block;
	width: 150px;
	height: 54px;
	background: url('../img/logo_theRoy.png') top center no-repeat;
	background-size: contain;
}

.footer-social span {
}


.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  padding:10px 5px;
}

.fa:hover {
	color: #546db4;
}

.fa-facebook:before {
  content: "\f09a";
}

.fa-twitter:before {
  content: "\f099";
}

.fa-instagram:before {
  content: "\f16d";
}







.footer-starfish {
	float: left; 
	width: 660px;
	margin: 15px 0 0 25px; 
}

.footer-starfish a span {
	display: block;
	float: left;
	width: 65px;
	height: 27px;
	background: url('../img/logo-starfish.png') center center no-repeat;
	background-size: contain;	
}

.footer-starfish p {
	display: block;
	float: right;
	width: 580px;
	font-size: 10px;
	color: #fff;
	margin: 0;
	padding: 0;
}


/***************************************************/
/*** REGISTRATION ***/
/***************************************************/

input[type=checkbox]:not(old){
  width   : 19px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label{
  display      : inline-block;
  margin-left  : -19px;
  padding-left : 19px;
  background:url("../img/checks-alt.png") no-repeat 0 0; 
  line-height  : 15px;
  color:#231f20;
  font-size:12px !important;
}

input[type=checkbox]:not(old):checked + label{
  background-position : 0 -15px;
}

.opt_in_legal {font-size:12px !important; line-height:15px; font-style:italic !important;}





/***************************************************/
/*** ACCORDION ***/
/***************************************************/

#scoop-accordion {}


#scoop-accordion ul li {
	line-height: 1.5em;
}

[data-content] p {
	line-height: 1.25em;
}







/***************************************************/
/*** PAGE TITLES ***/
/***************************************************/


.page-title {
	text-align: center;
	padding-top: 30px;
}

.page-title img {
	width: auto;
	height: 57px;
}

#lnk-interiors,
#lnk-amenities,
#lnk-our-video,
#lnk-our-team,
#lnk-media,
#lnk-brokerage {
	padding-top: 70px;
	margin-top: -70px;
}








/* ----------------------------------------------------------------
	Google Maps
-----------------------------------------------------------------*/

#google-map-wrapper {
	clear: both;
	padding: 0;
}

#google-map {
	position: relative;
	width: 100%;
	height: 250px;
}

.gmap img { max-width: none !important; }

.gm-style .gm-style-iw h3 span {
	font-size: inherit;
	font-family: inherit;
}

#map-overlay {
	position: relative;
	padding: 100px 0;
}

#map-overlay #google-map {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
}






/***************************************************/
/*** ABOUT US BROKERS ***/
/***************************************************/

.broker-photo {
	width: 100%;
	margin-bottom: 25px;
}
.broker-photo img {
	max-width: 100%;
	height: auto;
}
.broker-info {
	width:100%;
	margin-bottom: 40px;
}
.broker-info a {color:#000;}

@media (min-width: 600px) {
	.broker-photo {
		float: left;
		width: 200px;
	}
	.broker-photo img {
		max-width: 100%;
		height: auto;
	}
	.broker-info {
		float: left;
		width:auto;
	}
	.broker-info p {margin:0 25px;} 
}












/***************************************************/
/*** HELPER CLASSES ***/
/***************************************************/

.expand {
	display: block !important; 
}

.shrink {
	display: none !important; 
}

.no-masthead {
	margin-top: 60px;
}

.spacer-top-sm {
	margin-top: 25px !important;
}

.spacer-top-md {
	margin-top: 50px !important;
}

.spacer-top-lg {
	margin-top: 75px !important;
}

.spacer-bottom-sm {
	margin-bottom: 25px !important;
}

.spacer-bottom-md {
	margin-bottom: 50px !important;
}

.spacer-bottom-lg {
	margin-bottom: 75px !important;
}

.divider-top {
	padding-top: 25px;
	border-top: 1px solid #231f20;
}

.divider-bottom {
	padding-bottom: 25px;
	border-bottom: 1px solid #231f20;
}

.divider-bottom-sm {
	padding-bottom: 10px;
	border-bottom: 1px solid #231f20;
}

	 

.btn-top span {
	display: block;
	width: 41px;
	height: 41px;
	background: url(../img/btn-top.png) center center no-repeat;
	background-size: 41px 81px;
	background-position: 0 0;
}

.btn-top span:hover {
	background-position: 0 -41px;
}

/* ----------------------------------------------------------------
                BXSlider Overrides
-----------------------------------------------------------------*/

.bx-clone {
                display: none;
}