/*               
Template Name: High end Real Estate Business
Theme URI: http://www.lynncreative.com
Description: Custom Theme Designed For Donna Elena Saiz Real Estate
Author: Lynn Creative Inc. - Barbara Lynn
Template  - Copyright 2013-2017 Lynn Creative, Inc. All Rights Reserved. 

Do not remove this notice.

*/ 

.royaleblue{color:#003b86;}
.new_listings_pad{padding:5px 15px 5px 5px; font-size:10px; }
.top_property_contact{margin-top:15px;}



html {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none;


}

body {
	font: 100%/1.4 'Trebuchet MS', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Verdana Ref", sans-serif;
	background: #42413C url(../images/blue_velvet.jpg) repeat;
	margin: 0;
	padding: 0;
	color: #222222;	
}
.wrapper {
	background: #ffffff;
	margin: 0 auto;
	padding-top:0;
	overflow-x: hidden;
	}
	
.logo{	margin: 0 auto; max-width: 100%;
height: auto !important;}

header {
	background: #ffffff;
	display:block;
	margin:0;
	padding:0;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 10px;
	padding-left: 10px; 
}

h1 {
	font-family: 'Trajan Pro', 'Cinzel', 'Times New Roman', Georgia,  serif; 
	font-size:1.7em; 
	font-weight:400; 
	color:#003b86; 
	margin-top:20px;		
	margin-bottom:6px;
	
	}
	
h2 {font-family: 'Trajan Pro', 'Cinzel','Times New Roman', Georgia, serif; 
	font-size:1.5em; 
	font-weight:400;  
	color:#003b86;
	margin-top:10px; 
	margin-bottom:10px;

	}
		
h3 {font-family:'Trajan Pro', 'Cinzel', 'Times New Roman', Georgia, serif; 
	font-size:1.3em; 
	font-weight:400;  
	color:#003b86;
	margin-top:25px; 
	margin-bottom:10px;
	}
	

h4 {font-family: 'Trajan Pro', 'Cinzel', 'Times New Roman', Georgia, serif; 
	font-size:1.2em; 
	font-weight:400;  
	color:#003b86;
	margin-top:25px; 
	margin-bottom:10px;
	}
	
aside{margin-bottom:1.4em;
padding:15px 0 10px 0;	}	
aside h2 {margin-left:5px;
font-size:1.3em; }	

aside {	
 	background-color: #ffffff;
 	/*background-color: #e4c9ae;*/
}
	
a img { 
	border: none;
}

a:link {
	color: #ce8231;
	text-decoration: none;
}
a:visited { 
	color: #ce8231;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #0457bf;
	text-decoration: none;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

/*-------------MAIN NAV----------------*/

nav {  
        width: 100%;  
        background: #0c2e5f;      
        font-size: .688em;
		font-family: "Trebuchet MS", "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, "Verdana Ref", sans-serif;
        font-weight: bold;  
        position: relative;         
    }  
	
 nav ul {  
        padding: 0;  
        margin: 0 auto;  
        width: 100%;  
        
		text-align: center;	
    } 
	
nav li {
	display: inline-block;
	*display: inline; /*IE7 */
    *zoom:1;	/*IE7 */
	float: none;
	white-space:nowrap;
	width:auto;
}

nav a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	padding-right:10px;
	padding-left:11px;

}

nav li:last-child a {
	border-right: 0;
}

nav a:visited {color:#f0d4b8;}

nav a:hover, nav a:active, nav a:focus {
	background-color: #0c2e5f;
	color:#fff;
}

nav a#pull {
	display: none;
	color:#fff;
}

nav a#pull:hover {
color:#e4c9ae;
}

nav ul.mainmenu  li.highlight a { color:#ffffff;}

nav ul li.highlight a { color:#ffffff;}		

.content {
	padding: 0 0 25px 0;
	margin-top:0;
	margin-bottom:0;
	float: left;
	background-color:#ffffff;
}


/*  FOOTER  */

footer {
	padding: 0 16px 25px 15px;
	background-color: #c2915d;
	position: relative;/* gives IE6 hasLayout to properly clear */
	clear: both;
}

.footernav{
	/*border:1px solid #cd9962;*/
    /*border-width:1px 0;*/
    list-style:none;
    padding:0;
	margin:25px 0 25px 0;
    text-align:center;
	font-size: .825em;
	}
	
.footernav li{
	display:inline;
}

.footernav li a{
    display:inline-block;
    padding:8px 11px 8px 11px;
	color:#f0d4b8;
}

.footernav a:visited { 
	color:#ffffff;
	text-decoration: underline;
}

.footernav a:hover, .footernav a:active, .footernav a:focus {
	color:#ffffff;
	text-decoration: none;
}

ul.footernav li.highlight a { color:#ffffff;}

.slogan{
	color:#ffffff;
	font-family: 'Cinzel', 'Trajan Pro', 'Times New Roman', Georgia,  serif; font-weight:600;
	font-size:1em;
	}
		
.address{
	color:#ffffff;
	font-size:.750em;
	margin-top:10px;
	}
	
.copyright{
	color:#ffffff;
	font-size:.750em;
	margin:0 0 10px 0;
	text-align: center;
	padding:0;
	}
	
.copyright a{
	color:#f0d4b8;
}

.copyright a:visited { 
	color:#ffffff;
	text-decoration: underline;
}

.copyright a:hover, .footernav a:active, .footernav a:focus {
	color:#ffffff;
	text-decoration: none;
	
}

/*  SLIDESHOW  */

.slideshow{ 
	padding:5px 5px 5px 5px;
	margin:0 15px 15px 10px;
	border:1px solid #cd9962;	
	}

.slideshow img{
	width:100%;
	}

.homeslideshow{	margin-top:25px;}

/*  SIDE BAR  */

/*  SEARCH PROPERTIES  */	



.searchpropertiesswidget{
	max-width:100%;
	/*border: 1px solid #996600;*/
	padding:5px;
	margin: 15px 15px 0 15px;
}


.panelsearch {
	border-style: solid;
	border-width: 1px;
	border-color: #996600;
	margin-top:15px;
	margin-bottom: 1.2em;
	/*padding: .225em;*/
	padding:10px 0 0 0;
	background: #ffffff;
	/*background: #e4c9ae;*/
}

.featured{margin-top:16px;}


/*  QUOTE SCROLL  */

.panel #quotewidget{
	margin: 0 10px 10px 10px;
	/* border-bottom:2px solid #975507; */
	max-width:100%;	
	background-color: #e4c9ae;
	z-index:90;
	overflow:hidden;
}

.panel .quotetext{
	color:#975507;
	padding:15px 5px 15px 5px;
	font-style:italic;	
	background-color: #e4c9ae;
	}

.panel .quotename{
	color:#003b86;	
}

.readmore{
	margin:0;
	padding-left:30px;
	text-align:left;
	font-size:.925em;	
	}
	
.readmore a{
	color:#f0d4b8;
	text-decoration: none;
	}
	
.readmore a:visited{
	color:#ffffff;
	text-decoration: none;
	}
		
.readmore a:hover, .readmore a:active, .readmore a:focus {
	color: #ffffff;
	text-decoration: none;
}
	

 /* DS AGENT --- NOT USED -- ONLY WORKS IN NON FRAME */
#mastheadearchbuttoncontainer{
	float:right;
	width:200px;
	margin-top:22px;
}

/* RIBBON */

.rib_effect {
     font-size: 1.125em;
     width: 104%;
     position: relative;
     background: #b06528;
     color: #fff;
     text-align: center;
     padding: .5em .7em .5em .7em;
     margin: 0 1em 0 -1em;	
	 -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow: 0 15px 6px -6px black;
	  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	  display: block ;

}

.rib_effect:before, .rib_effect:after {
     position: absolute;
     bottom: -1em;
     border: solid 1.5em #8d5222;
     content: "";
     z-index: -1;
}

.rib_effect:after {
     border-left-width: 3em;
     border-right-color: transparent;
     right: -76px;
}

.rib_effect:before {
     border-right-width: 3em;
     border-left-color: transparent;
     left: -78px;	
}

.rib_effect .rib_text:after, .rib_text:before {
     position: absolute;
     border-style: solid;
     border-color: #524f80 transparent;
     drop::content: "\2193";
     bottom: -1.125em;
}

.zindexfix{ z-index:1000;}


/* BROKERS */

.broker{	
	color: #555555;
	margin: 5px 0 0 0;
}


.broker .agent {
	overflow: hidden;
}

.broker .agent.last {
	padding-bottom: 0;
	border: none;
	background: none;
}

.broker .agent p{ line-height:1.4em;}

.broker .agent p.last{ padding-bottom: 45px;}

.broker .agent .descr {
	margin-bottom: 15px;
	padding-left:0;
}

.broker .contact-info {
	margin: 0 0 15px 0;
	float:left;
}

.broker .contact-info  h3 {
	font-weight: bold;
	padding: 0;
	margin:20px 0 0 10px;
	font-size:1.5em;
}

.broker .contact-info h4 {
	font-weight: bold;
	padding: 0;
	margin:0 0 10px 10px;
	font-size:1.2em;
}

.broker .contact-info p{margin: 0 10px 0 0;}

.broker .contact-info a {
	display: inline;	
}

.broker .photo {
	width: 150px;
	height: 150px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #ffffff;
	background: rgba(255, 255, 255, .4);
	padding: 10px;
	overflow: hidden;
	float: left;
	margin: 10px 0 10px 10px;
}

.broker .agent .photo {
	width: 175px;
	height: 175px;
	background: #ca955f;
}

.broker .photo img {
	width: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	display: inline-block;
}

.broker .photoright{
	float: right;
	margin: 10px 35px 10px 0;	
	}		
 
.broker li {
  font: .825em/1.2 'Trebuchet MS', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Verdana Ref", sans-serif;
  border-bottom: 1px solid #b06528;
  padding:5px 0 5px 0;
}
 
.broker li:last-child {
  border: none;
}
 
.broker li a {
  text-decoration: none;
  color: #ce8231;
  display: block;
  width: 100%;
 
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
 
.broker li a:hover,  .broker li a:active, .broker li a:focus {
  font-size: 1.2em;
  background: #e4c9ae;
}

/*  LIFESTYLE UL  */
.lifestyle{margin-left:10px;}	

.lifestyle h2{margin-top:15px;padding:0;}

.lifestyle h3{margin-top:0;padding-left:0;}

.lifestyle p{padding-left:0;}
	
.lifestyle ul {
  list-style-type: none;
  margin: 0 20px 0 0;
  padding: 0;
}
 
.lifestyle li {
  font: .875em/1.4 'Trebuchet MS', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Verdana Ref", sans-serif;;
  border-bottom: 1px solid #b06528;
  padding:5px 0 5px 0;
}

.lifestyle li.noborderbottom{border-bottom:0;}
 
.lifestyle li:last-child {
  border: none;
}
 
.lifestyle li a {
  text-decoration: none;
  color: #ce8231;
  display: block;
  width: 100%;
 
  -webkit-transition: font-size 0.3s ease, background-color 0.3s ease;
  -moz-transition: font-size 0.3s ease, background-color 0.3s ease;
  -o-transition: font-size 0.3s ease, background-color 0.3s ease;
  -ms-transition: font-size 0.3s ease, background-color 0.3s ease;
  transition: font-size 0.3s ease, background-color 0.3s ease;
}
 
.lifestyle li a:hover,  .lifestyle li a:active, .lifestyle li a:focus {
  font-size: 1.2em;
  background: #e4c9ae;
}

/* PANELS */
.panel {
	border-style: solid;
	border-width: 1px;
	border-color: #996600;
	margin-bottom: 1.25em;
	padding: .425em;
	background: #e4c9ae;
}

.quotewidgetnopad {margin:0;padding:15px 0 25px 0;}

.margintop{margin-top:15px;}
.nomargintop{margin-top:0;}


.panel > :first-child {
	margin-top: 0;
}
.panel > :last-child {
	margin-bottom: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
	color: #ffffff;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
	line-height: 1;
	margin-bottom: 0.625em;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
	line-height: 1.4;
}
.panel.callout {
	border-style: solid;
	border-width: 1px;
	border-color: #2284a1;
	margin-bottom: 1.25em;
	padding: 1.25em;
	background: #2ba6cb;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.panel.callout > :first-child {
	margin-top: 0;
}
.panel.callout > :last-child {
	margin-bottom: 0;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
	color: white;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
	line-height: 1;
	margin-bottom: 0.625em;
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
	line-height: 1.4;
}
.panel.radius {
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/* BOX SHADOW */

.innerpadmargin{padding: 25px 0 25px 0; margin:25px 0 75px 0;}
.listing-banner-padmargin-2-up{padding: 10px 0 0 0; margin:25px 0 25px 0; font-size: 1.6em;}


.boxshadow{
	width:105%;
	-webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);
	 box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.2);
	 background: #b06528;
     color: #fff;	
	 margin: 1.5em .5em .8em -.5em;
	 padding:5px 0 5px 0;
	 text-align:center;
	}
	
.panel .boxshadow h2{font-size:125%;padding:10px 0 5px 0; margin:0;color:#ffffff;}

 /* BUTTONS */
 
button, .button {
	border-style: solid;
  	border-width: 1px;
  	cursor: pointer;
 	 font-family: inherit;
 	 font-weight: bold;
 	 line-height: 1;
 	 position: relative;
 	 text-decoration: none;
 	 text-align: center;
 	 display: inline-block;
 	 padding-top: 0.75em;
 	 padding-right: 1.3em;
 	 padding-bottom: 0.8125em;
 	 padding-left: 1.3em;
 	 font-size: 1em;
 	 background: #b06528;
 	 border-color: #2284a1;
 	 color: #ffffff; }
  
 button:hover, button:focus, .button:hover, .button:focus {
    background-color:#c2915d;}
	
 button:hover, button:focus, .button:hover, .button:focus {
    color: #ffffff; }
	
.panel .button {color:#ffffff;}
	
.lifestyle .button{color:#ffffff;}

.searchbutton .button{color:#ffffff;margin-top:50px;width:100%; font-size:.875em;}


/* BLOCKQUOTES */

blockquote {
	font: 100%/1.4 'Trebuchet MS', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Verdana Ref", sans-serif;
	width: 96%;
	margin: 1em 0;
	padding: 0.25em 0px 0.25em 70px;
	position: relative;
	color: #222222;
	border:0;
}


blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: 15px;
	top: -20px;
	color: #cd9962;
}

blockquote cite {
	color:#b06528;
	font-size: 14px;
	display: block;
	margin: 10px 0 20px 0;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}

/*  COLORS  */
.brown{ 
	background: #b06528;
}

.redhighlight{color:#cc0000;}


.beige{ 
	background: #cd9962;
}

.gold{background:#e4c9ae;}


.white{
	background-color: #fff;
	}
	

/*  UTILITY CLASSES  */

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.bigbottommargin{margin-bottom:50px;}

.last{margin-left:0;}

.nopad {margin:0;padding:0;}

.lifestyle h2.nopadmargin{padding-top:0; padding-bottom:0;margin-top:0;margin-bottom:0;}

.smallp{font-size:.825em;}

.pullitals{
	float:right;
	margin-left:15px;
	margin-top:-12px;
	margin-right:15px;
	width:45%;
	font-style:italic;
	font-size:1.1em;
	line-height:1.3em;
	color:#b06528;
	}
	
.itals{
	font-style:italic;
	font-size:1.1em;
	line-height:1.5em;
	color:#b06528;
	}

	
hr { border-top:2px solid rgba(202,149,95,.5); height: 0;margin: 2em 0 1.1875em;	clear: both;}	
	
.noborder{border:0;}

.bordercol{width:95%;margin:2%;}

.centertext{
	text-align:center;
	}
		
.clearit:before, .clearit:after { content: " "; display: block; height: 0; overflow: hidden; }
.clearit:after { clear: both; }
.clearit { zoom: 1; } /* Fix for IE < 8   */

img { max-width:100%; padding:0; margin:0; border:none; }
	
.lastimg{float:left;}


/* REVEAL MODALS */
.reveal-modal img{
	width: 100%;
	}
	
/*GO TO TOP */

.scrollToTop{
	width:100px; 
	height:130px;
	padding:10px; 
	text-align:center; 

	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	top:150px;
	right:0;
	display:none;
	background: transparent url('../images/scroll_top_icon.png') no-repeat 0px 20px;
	z-index:1000;
}

.scrollToTop:hover{
	text-decoration:none;
}

 /* SECTION ACCORDIAN OVERIDE */
 
 [data-section=''] > section > [data-section-title] a, [data-section=''] > section > .title a, [data-section=''] > .section > [data-section-title] a, [data-section=''] > .section > .title a, [data-section=''] > [data-section-region] > [data-section-title] a, [data-section=''] > [data-section-region] > .title a, [data-section='auto'] > section > [data-section-title] a, [data-section='auto'] > section > .title a, [data-section='auto'] > .section > [data-section-title] a, [data-section='auto'] > .section > .title a, [data-section='auto'] > [data-section-region] > [data-section-title] a, [data-section='auto'] > [data-section-region] > .title a, .section-container.auto > section > [data-section-title] a, .section-container.auto > section > .title a, .section-container.auto > .section > [data-section-title] a, .section-container.auto > .section > .title a, .section-container.auto > [data-section-region] > [data-section-title] a, .section-container.auto > [data-section-region] > .title a,
      [data-section='accordion'] > section > [data-section-title] a,
      [data-section='accordion'] > section > .title a,
      [data-section='accordion'] > .section > [data-section-title] a,
      [data-section='accordion'] > .section > .title a,
      [data-section='accordion'] > [data-section-region] > [data-section-title] a,
      [data-section='accordion'] > [data-section-region] > .title a, .section-container.accordion > section > [data-section-title] a, .section-container.accordion > section > .title a, .section-container.accordion > .section > [data-section-title] a, .section-container.accordion > .section > .title a, .section-container.accordion > [data-section-region] > [data-section-title] a, .section-container.accordion > [data-section-region] > .title a {
        width: 100%;
        display: inline-block;
		white-space: normal !important;
         }
		

.section-container.auto,
.section-container.vertical-tabs,
.section-container.vertical-nav,
.section-container.horizontal-nav,
.section-container.accordion {
	border: solid 2px #ffffff; 
}

.section-container.auto > section > .title, .section-container.auto > .section > .title,
.section-container.accordion > section > .title,
.section-container.accordion > .section > .title {
	background-color: #cd9962;
	cursor: pointer;
	border: solid 2px #ffffff;
}
	
.section-container.auto > section > .title a, .section-container.auto > .section > .title a,
.section-container.accordion > section > .title a,
.section-container.accordion > .section > .title a {
      padding: 0.9375em;
      color: #ffffff;
      font-size: 1em;
      background: none;
	  }
	  
.section-container.auto > section > .title:hover, .section-container.auto > .section > .title:hover,
.section-container.accordion > section > .title:hover,
.section-container.accordion > .section > .title:hover {
      background-color: #003b86; 
	  }
	  
  .section-container.auto > section > .content, .section-container.auto > .section > .content,
  .section-container.accordion > section > .content,
  .section-container.accordion > .section > .content {
    padding: 0.9375em;
    background-color: white;
    border: solid 2px #ffffff; 
	font-size: 0.825em;
	line-height: .925em;
	}
	
.section-container.auto > section > .content > *:last-child, .section-container.auto > .section > .content > *:last-child,
.section-container.accordion > section > .content > *:last-child,
.section-container.accordion > .section > .content > *:last-child {
      margin-bottom: 0; 
	  }
	  
.section-container.auto > section > .content > *:first-child, .section-container.auto > .section > .content > *:first-child,
.section-container.accordion > section > .content > *:first-child,
.section-container.accordion > .section > .content > *:first-child {
      padding-top: 0; 
	  }
	  
.section-container.auto > section > .content > *:last-child:not(.flex-video), .section-container.auto > .section > .content > *:last-child:not(.flex-video),
.section-container.accordion > section > .content > *:last-child:not(.flex-video),
.section-container.accordion > .section > .content > *:last-child:not(.flex-video) {
      padding-bottom: 0; 
	  }
	  
.section-container.auto > section.active > .title, .section-container.auto > .section.active > .title,
.section-container.accordion > section.active > .title,
.section-container.accordion > .section.active > .title {
    background: #003b86;  
	}
	
.section-container.auto > section.active > .title a, .section-container.auto > .section.active > .title a,
.section-container.accordion > section.active > .title a,
.section-container.accordion > .section.active > .title a {
      color: #ffffff; 
	  }
	  
.section-container.auto > section:not(.active), .section-container.auto > .section:not(.active),
.section-container.accordion > section:not(.active),
.section-container.accordion > .section:not(.active) {
    padding: 0 !important; 
	}
	
.section-container.auto > section > .title, .section-container.auto > .section > .title,
.section-container.accordion > section > .title,
.section-container.accordion > .section > .title {
    border-top: none; 
	}
	
@media only screen
and (min-device-width : 600px)
and (max-device-width : 960px) {	
		
			
	}
	

@media screen and (max-width: 600px) {
	
nav {
		border-bottom: 0;

	}
	
nav ul {
		display: none;
		height: auto;
	}
	
	
nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}

nav ul li a{border-bottom: 1px solid #e4c9ae; }
	
		
nav ul li:nth-child(odd) { border-right: 1px solid #e4c9ae; 
		}
  
 nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 5px;
  	}
	
nav a#pull {
		display: block;
		background-color: #0c2e5f;
		width: 100%;
		position: relative;
	}
	
nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
}


	
@media only screen and (max-device-width: 320px) and (orientation: portrait){
	

	
nav li {
		display: block;
		float: none;
		width: 100%;
	}
	
nav li a {
		border-bottom: 1px solid #e4c9ae;
	}
	
nav ul li:nth-child(odd) { border-right: 0;
		}
	
header {
	max-height:85px;
}
	
			
.rib_effect {
     font-size: 1.125em;
     width: 112%;
     position: relative;
     background: #b06528;
     color: #fff;
     text-align: center;
     padding: .2em .2em .2em -.2em;
     margin: 0 1em 0 -1em;	
	 -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow: 0 15px 6px -6px black;
	  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
}
	
.rib_effect:after {
     display:none;
	
}

.rib_effect:before {
      display:none;
}

.searchpropertiesswidget{
	max-width:100%;
	/*border: 1px solid #996600;*/
	padding:5px;
	margin: 5px 15px 0 15px;
}

.panelsearch {
	/*padding: .225em;*/
	padding:10px;
	/*background: #ffffff;*/
	background: #e4c9ae;
}

.featured{margin-top:0px;}
	
	
.broker .contact-info {
	margin: 0 0 15px 15px;
	float:left;
}



.contact-info h2 {
	font-weight: normal;
	padding: 0;
	margin:0 0 10px 10px;
	font-size:1.5em;
}

}


@media only screen and (max-device-width: 480px) and (orientation: landscape){
 /* mobile phone landscape device to fix nav bar */
 
.lifestyle h2 {
	font-size:1.4em; 
	

	}
		
			
header{max-height:120px;}
	
.rib_effect {
     font-size: 1.125em;
     width: 108%;
     position: relative;
     background: #b06528;
     color: #fff;
     text-align: center;
     padding: .4em 1em .5em .950em;
     margin: 0 1em 0 -1em;	
	 -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow: 0 15px 6px -6px black;
	  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
}
	
.rib_effect:after {
     display:none;
	
}

.rib_effect:before {
      display:none;
}

.reveal-modal {
	visibility: hidden;
	display: none;
	position: absolute;
	left: 40%;
	z-index: 1000;
	height: auto;
	margin-left: -40%;
	width: 100%;
	background-color: white;
	padding: 1.25em;
	border: solid 1px #666666;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	top: 50px;
}

.contact-info h2 {
	font-weight: normal;
	padding: 0;
	margin:0 0 10px 10px;
	font-size:1.5em;
}
 
}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {	
	
.reveal-modal {
	visibility: hidden;
	display: none;
	position: absolute;
	left: 40%;
	z-index: 1000;
	height: auto;
	margin-left: -40%;
	width: 100%;
	background-color: white;
	padding: 1.25em;
	border: solid 1px #666666;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	top: 50px;
}

	
h2 {font-family: 'Trajan Pro', 'Cinzel', 'Times New Roman', Georgia, serif; 
	font-size:1.1em; 
	font-weight:400;  
	color:#003b86;
	margin-top:10px; 
	margin-bottom:10px;
	}
	
.broker .contact-info  h3 {
	font-weight: bold;
	padding: 0;
	margin:20px 0 0 10px;
	font-size:1.3em;
}

.broker .contact-info h4 {
	font-weight: bold;
	padding: 0;
	margin:0 0 10px 10px;
	font-size:1em;
}

blockquote {
	font: 85%/1.3 'Trebuchet MS', "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", Verdana, "Verdana Ref", sans-serif;
	width: 96%;
	margin: 1em 0 1em 0;
	padding: 0.25em 0px 0.25em 50px;
	position: relative;
	color: #222222;
	border:0;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 60px;
	position: absolute;
	left: 15px;
	top: -20px;
	color: #cd9962;
}

blockquote cite {
	color:#b06528;
	font-size: 14px;
	display: block;
	margin: 10px 0 20px 0;
}


				
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
 h1 {
	font-family: 'Trajan Pro', 'Cinzel','Times New Roman', Georgia,  serif; 
	font-size:2em; 
	font-weight:400; 
	color:#003b86; 
	margin-top:30px;		
	margin-bottom:6px;
	}

nav {
		border-bottom: 0;
	}
	
nav ul {
		display: none;
		height: auto;
	}
	
	
nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}

nav ul li a{border-bottom: 1px solid #e4c9ae; }
	
		
nav ul li:nth-child(odd) { border-right: 1px solid #e4c9ae; 
		}
  
 nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 5px;
  	}
	
nav a#pull {
		display: block;
		background-color: #0c2e5f;
		width: 100%;
		position: relative;
	}
	
nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	


	
footer .copyright {
	color:#ffffff;
	font-size:.625em;
	margin:0 0 10px  ;
	text-align: center;
	}
	
		
.broker .contact-info {
	margin: 0 0 15px 0;
	float:left;
}

.broker .photo {
	width: 130px;
	height: 130px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background: #ffffff;
	background: rgba(255, 255, 255, .4);
	padding: 10px;
	overflow: hidden;
	float: left;
	margin: 10px 0 10px 10px;
}

.broker .agent .photo {
	width: 155px;
	height: 155px;
	background: #ca955f;
}

.broker .photo img {
	width: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	display: inline-block;
}

.broker .photoright{
	float: right;
	margin: 10px 15px 10px 0;	
	}
	
	.rib_effect {
     font-size: 1.125em;
     width: 104.5%;
     position: relative;
     background: #b06528;
     color: #fff;
     text-align: center;
     padding: 1.250em 1.875em 1.250em 1.875em;
     margin: 0 1em 0 -1em;	
	 -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow: 0 15px 6px -6px black;
	  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);

}

.bigtopbottommargin{margin:75px 0 50px 0;}	


.contact-info h2 {
	font-weight: normal;
	padding: 0;
	margin:0 0 10px 10px;
	font-size:1.6em;
}

}



@media only screen and (max-width : 768px) {
	


.reveal-modal {
	visibility: hidden;
	display: none;
	position: absolute;
	left: 50%;
	z-index: 1000;
	height: auto;
	margin-left: -40%;
	width: 80%;
	background-color: white;
	padding: 1.25em;
	border: solid 1px #666666;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	top: 50px;
}

.rib_effect {

	 padding: .4em 1em .5em .950em;
   
}

.rib_effect:after {
     display:none;
	
}

.rib_effect:before {
      display:none;
}


.contact-info  h3 {
	font-weight: bold;
	padding: 0;
	margin:20px 0 0 25px;
	font-size:1.3em;
}


.contact-info h4 {
	font-weight: bold;
	padding: 0;
	margin:0 0 10px 25px;
	font-size:1em;
}

.boxshadow{
	width:102.5%;

	}
	
	
.panelsearch {
	/*padding: .225em;*/
	padding:10px;
	/*background: #ffffff;*/
	background: #e4c9ae;
}



	
}


/* Samsung Galaxy S4 Portrait */


@media only screen and (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 240px) and (max-width: 520px), only screen and (min-device-width: 240px) and (max-device-width: 520px) and (orientation:portrait)
{


nav li {
		display: block;
		float: none;
		width: 100%;
	}
nav li a {
		border-bottom: 1px solid #e4c9ae;
	}
	
nav ul li:nth-child(odd) { border-right: 0;
		}
		
			
.rib_effect {
     font-size: 1.125em;
     width: 112%;
     position: relative;
     background: #b06528;
     color: #fff;
     text-align: center;
     padding: .2em .2em .2em -.2em;
     margin: 0 1em 0 -1em;	
	 -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow: 0 15px 6px -6px black;
	  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
}
	
.rib_effect:after {
     display:none;
	
}

.rib_effect:before {
      display:none;
}


	}
	
@media only screen and (-webkit-min-device-pixel-ratio: 3.0) and (min-width: 610px), only screen and (max-device-width: 640px) and (orientation:landscape)
{
	

	

	
nav {
		border-bottom: 0;
	
	}
	
nav ul {
		display: none;
		height: auto;
	}
	
	
nav li {
  		width: 50%;
  		float: left;
  		position: relative;
  	}

nav ul li a{border-bottom: 1px solid #e4c9ae; }
	
		
nav ul li:nth-child(odd) { border-right: 1px solid #e4c9ae; 
		}
  
 nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 5px;
  	}
	
nav a#pull {
		display: block;
		background-color: #0c2e5f;
		width: 100%;
		position: relative;
	}
	
nav a#pull:after {
		content:"";
		background: url('../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	
	.rib_effect {

	 padding: .4em 1em .5em .950em;
   
}

.rib_effect:after {
     display:none;
	
}

.rib_effect:before {
      display:none;
}

	
	.searchpropertiesswidget{
	max-width:100%;
	/*border: 1px solid #996600;*/
	padding:5px;
	margin: 5px 15px 0 15px;
}

	.panelsearch {
	/*padding: .225em;*/
	padding:10px;
	/*background: #ffffff;*/
	background: #e4c9ae;
}

	.featured{margin-top:0px;}
		
	
	}
	
	
@media (min-width: 330px) and (max-width: 600px) {
	
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
nav li a {
		border-bottom: 1px solid #e4c9ae;
	}
	
nav ul li:nth-child(odd) { border-right: 0;
		}
		
			
.rib_effect {
     font-size: 1.125em;
     width: 112%;
     position: relative;
     background: #b06528;
     color: #fff;
     text-align: center;
     padding: .2em .2em .2em -.2em;
     margin: 0 .5em 0 -1em;	
	 -webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	 -moz-box-shadow: 0 15px 6px -6px black;
	  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
}
	
.rib_effect:after {
     display:none;
	
}

.rib_effect:before {
      display:none;
}


}