@charset "utf-8";

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto_regular/Roboto-Regular-webfont.eot');
    src: url('../fonts/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto_regular/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body { font-family: 'robotoregular', Arial, sans-serif; }

img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-image:url("../rs-plugin/assets/gridtile.png");
	background-repeat: repeat;
}
a {
	color:#FFF;
}
a:hover {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h5{color:#000;}

.fixed-width-container {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    white-space:nowrap;
}

.fixed-width-container span {
    float: left;
    height: auto;
}

.boxedcontainer {
    max-width:1170px;
    margin:0 auto;
    padding:0px 20px;
}

/* Mobile Layout: 480px and below. */
.fluid_container {
	bottom: 0;
	height: 500px;
	left: 0;
	/*position: fixed;
	right: 0;
	top:0;
	z-index: 0; */
}


.slider-text-cont{position:absolute;z-index:4;left:50%;top:50%;}
.slider-text-cont h1, h2, h3{color:#fff;}
.ani-left-right{position:absolute;}
.slider-alt-font {
  background:rgba(0,0,0,0.4);
  position:relevant;
  width:auto;
}

#page-fader{
    display: none;
}
#loader{
    position: absolute;
    top: 40%;
    width: 100%;
    text-align: center;
}
/* #loader {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
}
 */

#header{position:fixed;width:100%;height:auto;float:left;background:#fff;background-color:rgba(255, 255, 255, 1);border-bottom:1px solid #ccc;/* position:relative; */z-index:40;}
#header .header-bg{opacity:1;}
#header .logo{margin-top:0px;width:100%;}
#header .logo img{width:140px;height: auto;}

#meta-header-left{visibility:hidden;display:none;}
#meta-header-right{width:100%;}

#desk-top-nav{width:100%;position:relative;z-index:30;}
#nav{
  border-top:1px solid #ddd;
  /* border-bottom:1px solid #fff; */
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
  opacity:1;
  font-size:14px; 
}
#nav a{
  -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
       -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
}
#nav li{
	position:relative;
	display:inline;
}
#nav a{
	display:inline-block;
	padding:10px;
}
#nav a{
	color:#F16521;
	text-decoration:none;
	font-weight:bold;
  min-width: 50px;
  text-align:center;
}
#nav a:hover{
	background:#F16521;
}
#nav ul{
	position:absolute;
	/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
	left:-9999px;
	margin:0;
	padding:0;
	text-align:left;
}
#nav ul li{
	display:block;
}
#nav li:hover ul{
	left:0;
  min-width:120px;
  border:0px solid #555;
  -moz-border-radius:0 0 5px 5px;
  border-radius:0 0 5px 5px;
  font-size:14px;
}
#nav li:hover a, #nav .active{
	background:#F16521;
  color:#fff;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  cursor:pointer;
}
#nav li:hover ul a{
	text-decoration:none;
  text-align:left;
}
#nav li:hover ul a:hover{
	background:#fff;
  color:#F16521;
}
#nav ul a{
	white-space:nowrap;
	display:block;
}

#breadcrumbs a{color:#F60;}

.border-qoute{border-left: 3px solid #f60;padding-left:20px;}

#cat-wrapper{
  width:100%;
}
.cat-wrapper .gallery-img-mask, .mobile-animate{
  -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
       -o-transition: all 0.4s ease-in-out;
          transition: all 0.4s ease-in-out;
}
.cat-wrapper{background:#fff;background-image:url("../rs-plugin/assets/gridtile.png");background-repeat: repeat;filter:alpha(opacity=30);}
.categories-left{float:left;width:100%;display:inline-block;}
.main-img-pad{padding:0px 5px 0px 5px;}
.main-img-pad img{width: 100%;}
.categories-left img{width:100%;height:auto;border:0 none;margin:0;}
.categories-right{float:right;width:100%;}
.thumb-img-pad{padding: 0px 4px 5px 5px;}
.cat-wrapper #thumbs{margin-left:0px;/* background:#000; */float:left;width:100%;}
.cat-wrapper #thumbs img{opacity:0.7;}
.cat-wrapper .property-thumbs{float:left;display:inline-block;width:100%;height:auto;cursor:pointer;border:0 none;padding:0;margin:0;}
.cat-wrapper .gallery-img-mask{float: left;margin:0;width:100%;display: inline-block;padding:5px 0 0;background: #fff;}
.cat-wrapper .gallery-img-mask:hover{background: #f60;}

.cat-wrapper h2{float:right;display:block;font-size:48px;margin-top:0px;text-align:right;color:#fff;}
.cat-wrapper .era-wrapper{height: 140px;}
.largeblackbg {
    font-size:20px;
    line-height:30px;
    font-weight:300;
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:#222;
    text-shadow:none;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
    width: 100%;
    overflow: auto;
    white-space: nowrap;
}
.largeblackbg .crumb{font-size:18px;padding: 10px 20px 9px;}
.largeblackbg a, .largeblackbg .h-tag a, .largeblackbg .h-tag a:visited{color:#fff;}

.largeblackbg .h-tag{float: right;padding-right:20px;display: none;}

.largeblackbghome {
    font-size:20px;
    line-height:30px;
    font-weight:300;
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:#222;
    text-shadow:none;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}
.largeorangebg {
    font-size:30px;
    line-height:40px;
    font-weight:300;
    color:rgb(255, 255, 255);
    text-decoration:none;
    background-color:#F16521;
    padding:0px 20px 5px;
    text-shadow:none;
    border-width:0px;
    border-color:rgb(255, 255, 255);
    border-style:none;
}
.largeorangebg a{color:#fff;}

.largeorangebg .view-house{font-size:16px;}

  
#footer-home{margin-top:100px;height:auto;background:#202020;color:#fff;float:left;width:100%;}
#footer{height:auto;background:#202020;color:#fff;float:left;width:100%;}
#footer .column-1{width:100%;float:left;display:inline;}
#footer .column-2{width:100%;float:left;display:inline;}
#footer a{color:#ccc;}
#footer a:hover{color:#F16521;}
#footer h4, #footer h5, #footer h6{font-size:14px;padding-bottom:5px;color:#fff;margin-bottom:0;}
#footer .footer-title-hr{border-bottom:2px solid #F16521;width:100px;}
#footer .ul-pad{margin-top:10px;margin-left:5px;}
#footer ul{margin-bottom:0px;}
#footer ul li ul{padding-left:10px;padding-top:5px;}
#footer li{padding:3px;}
#footer a.text-white{color:#fff;}
#footer a.text-white:hover{text-decoration:underline;}
#footer .footer-bottom{margin-top: 20px;background: #333;}

.privacy a{color:#222;font-weight:bold;}


#form-cont{width:100%;}
.contact-form {max-width:100%;}
#form-container{width:100%;}
textarea{float:left;width:100%;color:#999;padding:10px;border:none;border:1px solid #898989;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
textarea:focus{color:#333;background-color:#FFF;}
input{color:#999;margin:0;margin-bottom:7px;padding:10px;border:none;border:1px solid #898989;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input:focus{color:#333;background-color:#FFF;}
input[type=submit]{
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;
border:none;color:#FFF;background:#898989;cursor:pointer;padding:10px;-webkit-appearance:none; margin-top:7px;width:100%;
}
input[type=submit]:hover{background:#454545;}
input[type=checkbox]{text-align:left;float:left;width:10%;margin-top:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
select{
margin:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;
border:none;color:#898989;background:#fff;cursor:pointer;padding:9px;-webkit-appearance:none;
border:1px solid #898989;
}
.checkboxSpan{float:left;width:90%;margin-top:8px;}
.form-width25{width:25%;}
.form-width50{width:49%;}
.form-width100{width:100%;}


.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
  top:100px;
}
.tp-banner{
	width:100%;
	position:relative;
}
.tp-banner-fullscreen-container {
	width:100%;
	position:relative;
	padding:0;
}

#page h1{font-size:36px;}
#page h2{font-size:30px;}
#page h3{width:100%;margin-left:5px;}
#page h4{margin-left:5px;}
#page h1, h2, h3, h4, h5, h6{margin-bottom: 20px; color:#4d4d4d;}
#page p{width:100%;}
#page li{list-style-type:square;margin-left:30px;}
.page-container{margin:0 auto;}
.page-container h2{font-size:18px;margin-bottom:10px;}
.margin-top-container{margin-top:92px;}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
  #header .logo img{width:208px;height: auto;}
  .tp-banner-container{
    top:125px;
  }
  #meta-header-left{visibility:visible;display:inline;}
  #meta-header-right{width:50%;}
  
  #cat-wrapper{width:50%;}
  .categories-left{float:left;width:100%;}
  .categories-left img{width:100%;height:auto;}
  .categories-right{float:right;width:100%;}
  .cat-wrapper .property-thumbs{width:100%;}
  .cat-wrapper .gallery-img-mask{float: left;margin: 0;width:49%;display: inline-block;padding: 0.5%;background: #fff;}
  .largeblackbg, .largeblackbghome {
    font-size:30px;
    line-height:40px;
  }
  .cat-wrapper h2{margin-top:0px;font-size:36px;}
  
  #page h1{font-size:48px;}
  #page h2{font-size:48px;}
  .page-container{margin:0 63px;}
  .contact-form {max-width: 100%;}
  .largeblackbg .h-tag{display:inline;}
  .margin-top-container{margin-top:130px;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
  .boxedcontainer {
    max-width:1170px;
    margin:0 auto;
    padding:0px 50px;
  }
  #header .logo{margin-top:0px;width:50%;text-align:center;}
  #header .logo img{width:208px;height: auto;}
  #meta-header-left{visibility:visible;display:inline;}
  #meta-header-right{width:50%;}
  #desk-top-nav{width:50%;text-align:left;}
  #nav{
    border-top:none 0;
    border-bottom:none 0;
  	list-style:none;
  	margin:0;
  	padding:0;
  	text-align:left;
    opacity:1;
    font-size:16px;
    margin-top:0px;
  }
  #nav a{padding:30px 10px 10px 10px;min-width:70px;font-size:21px;margin: 0 1px;}
  #nav ul a{padding:10px;}
  .tp-banner-container{
    top:0px;
  }
  #nav .active{

  }
  #cat-wrapper{width:33.3%;}
  .cat-wrapper-50{width:50% !important;}
  .categories-left{float:left;width:100%;}
  .categories-left img{width:100%;height:auto;}
  .categories-right h2{color: #fff;}
  .main-img-pad{padding:0px 0px 5px 0px;}
  .categories-right{float:right;width:100%;}
  .cat-wrapper .property-thumbs{width:100%;}
  .cat-wrapper h2{margin-top:10px;font-size:48px;}
  .cat-wrapper .gallery-img-mask{float: left;margin: 0;width:32.33%;display: inline-block;padding:0.5%;background: #fff;}
  .largeblackbg, .largeblackbghome {
    font-size:30px;
    line-height:40px;
  }
  .largeblackbg .h-tag{display:inline;}
  .prop-left{float:left;width:70%;}
  .prop-right{float:right;/* width:30%; */}
  .prop-right h2{color: #fff;}
  #footer-home{margin-top:0px;}
  #footer .column-1{width:25%;float:left;display:inline;}
  #footer .column-2{width:50%;float:left;display:inline;}
  
  .margin-top-container{margin-top:92px;}
  #page h1{font-size:48px;}
  #page h2{font-size:48px;}
  /*#page h3{width:80%;}*/
  .page-container{margin:0 auto; max-width:60%;}
  /*#page p{width:50%;}*/ 
  
}



.text-white{color:#fff;-webkit-font-smoothing:antialiased;}
.text-dark-grey{color:#ccc;-webkit-font-smoothing:antialiased;}
.text-black{color:#4d4d4d;-webkit-font-smoothing:antialiased;}

.bg-white{background:#FFF;}
.bg-orange{background:#F16521;}
.bg-dark-grey{background:#555;}

.margin-right-5{margin-right:5px}