@font-face {
    font-family: 'modern_pictogramsnormal';
    src: url('../fonts/modernpics-webfont.eot');
    src: url('../fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/modernpics-webfont.woff') format('woff'),
         url('../fonts/modernpics-webfont.ttf') format('truetype'),
         url('../fonts/modernpics-webfont.svg#modern_pictogramsnormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticanewblt_stdBdIt';
    src: url('../fonts/helveticanewbltstd-bdit-webfont.eot');
    src: url('../fonts/helveticanewbltstd-bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticanewbltstd-bdit-webfont.woff') format('woff'),
         url('../fonts/helveticanewbltstd-bdit-webfont.ttf') format('truetype'),
         url('../fonts/helveticanewbltstd-bdit-webfont.svg#helveticanewblt_stdBdIt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticanewblt_stditalic';
    src: url('../fonts/helveticanewbltstd-it-webfont.eot');
    src: url('../fonts/helveticanewbltstd-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticanewbltstd-it-webfont.woff') format('woff'),
         url('../fonts/helveticanewbltstd-it-webfont.ttf') format('truetype'),
         url('../fonts/helveticanewbltstd-it-webfont.svg#helveticanewblt_stditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticanewblt_std_ltitalic';
    src: url('../fonts/helveticanewbltstd-ltit-webfont.eot');
    src: url('../fonts/helveticanewbltstd-ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticanewbltstd-ltit-webfont.woff') format('woff'),
         url('../fonts/helveticanewbltstd-ltit-webfont.ttf') format('truetype'),
         url('../fonts/helveticanewbltstd-ltit-webfont.svg#helveticanewblt_std_ltitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticanewblt_stdbold';
    src: url('../fonts/helveticanewbltstd-bd-webfont.eot');
    src: url('../fonts/helveticanewbltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticanewbltstd-bd-webfont.woff') format('woff'),
         url('../fonts/helveticanewbltstd-bd-webfont.ttf') format('truetype'),
         url('../fonts/helveticanewbltstd-bd-webfont.svg#helveticanewblt_stdbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticanewblt_std_ltregular';
    src: url('../fonts/helveticanewbltstd-lt-webfont.eot');
    src: url('../fonts/helveticanewbltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticanewbltstd-lt-webfont.woff') format('woff'),
         url('../fonts/helveticanewbltstd-lt-webfont.ttf') format('truetype'),
         url('../fonts/helveticanewbltstd-lt-webfont.svg#helveticanewblt_std_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'helveticanewblt_stdregular';
    src: url('../fonts/helveticanewbltstd-roman-webfont.eot');
    src: url('../fonts/helveticanewbltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticanewbltstd-roman-webfont.woff') format('woff'),
         url('../fonts/helveticanewbltstd-roman-webfont.ttf') format('truetype'),
         url('../fonts/helveticanewbltstd-roman-webfont.svg#helveticanewblt_stdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticanewblt_std_medRg';
    src: url('../fonts/helveticanewbltstd-md-webfont.eot');
    src: url('../fonts/helveticanewbltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticanewbltstd-md-webfont.woff') format('woff'),
         url('../fonts/helveticanewbltstd-md-webfont.ttf') format('truetype'),
         url('../fonts/helveticanewbltstd-md-webfont.svg#helveticanewblt_std_medRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'helveticanewblt_std_meditalic';
    src: url('../fonts/helveticanewbltstd-mdit-webfont.eot');
    src: url('../fonts/helveticanewbltstd-mdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticanewbltstd-mdit-webfont.woff') format('woff'),
         url('../fonts/helveticanewbltstd-mdit-webfont.ttf') format('truetype'),
         url('../fonts/helveticanewbltstd-mdit-webfont.svg#helveticanewblt_std_meditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lt-it {
  font-family: 'helveticanewblt_std_ltitalic';
}

.reg-it {
  font-family: 'helveticanewblt_std_ltitalic';
}

.med-it {
  font-family: 'helveticanewblt_std_meditalic';
}

.bld-it {
  font-family: 'helveticanewblt_stdBdIt';
}

.neue-bd {
  font-family: 'helveticanewblt_stdbold';
}

.lt-weight {
  font-family: 'helveticanewblt_std_ltregular';
  font-weight: 500;
}

.rob-thn {
  font-family: 'robotothin';
}

.modpict {
  font-family:'modern_pictogramsnormal';
  position: relative;
  bottom: 3px;
}

body {
  padding-top: 30px;
  overflow-x: hidden;
}

p {
  font-family: 'helveticanewblt_stdregular';
  font-size: 1.1em;

}

.nomargin {
  margin: 0px;
}

h1, h2, h3, h4, h5 {
  font-family: 'helveticanewblt_stdbold';
  font-weight: normal;
}

ul, ol, li {
  font-family: 'helveticanewblt_stdregular';
}

.bumper {
  height: 40px;
  clear: both;
  width: 100%;
}

.justifyleft {
  text-align: left;
}

.justifycenter {
  text-align: center;
}

.justifyright {
  text-align: right;
}


.oneline {
  white-space: nowrap;
}

.redbackground {
  background-color: #8C181F;
}

.greybackground {
  background-color: #3C3C3B;
}

.forecastbackground {
  background-color: #131313;
}

.tremontbackground {
  background-color: #004475;
}

.tremontbackground a:hover {
  color: rgb(106, 193, 255);
}

.forecasttext { 
  color: #FEB41C
}

.tremonttext { 
  color: white;
}

.toplogo {
  width: 100%;
}

.backtotop {
  border: 2px solid;
  border-color: #8C181F;
  border-bottom: 0px solid;
  background: transparent;
  height: 95px;
  width: 25px;
  position: absolute;
  right: -5%;
  color: #8C181F;
  top: -110px;
}

.backtotop:hover {
  cursor: pointer;
  color: #3C3C3B;
  border-color: #3C3C3B;
}

.lightaccordianbutton {
  margin: 0px 0px 0px 0px;
}

.lightaccordianbutton:hover {
  color: #3c3c3b;
}

.accordarrow {
  font-size: 150%;
  bottom: 0px;

  transition-property: top;
  transition-duration: .25s;

  -webkit-transition-property: top;
}

.accordion-heading a:hover .accordarrow {
  position: relative;
  top: 4px;
}

.strattext {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 100%;
}

.markettitle {
  color: #8C181F;
  font-weight: bold;
  margin-bottom: 30px;
  font-size: 300%;
  text-align: right;
}

.pdftitle {
  color: #3C3C3B;
  font-weight: bold;
  margin-bottom: 0px;
  font-size: 300%;
}

.menuunderline {
  border-bottom: 2px solid;
  border-bottom-color: #f1d7d9;
}

.menuunderline:hover {
  border-bottom-color: #3C3C3B;
}

.menuunderlinewhite {
  border-bottom: 2px solid;
  border-bottom-color: #b06c70;
}

.menuunderlinewhite:hover {
  border-bottom-color: #550d12;;
}

.apartmentmargins {
  margin-bottom: 25px;
}

.apartmentlinks {
  color: #8C181F;
  font-weight: bold;
  line-height: 1em;
  font-size: 200%;
}

.legaltext {
  font-size: 80%;
  line-height: 100%;
}

.row-fluid {
  margin: 0 auto;
}

.fluidwidth {
  width: 80%;
}

.endmargin {
  margin-bottom: 50px;
}

a {
  color: #8C181F;
  cursor: pointer;
}

.headerlinks {
  font-family: 'helveticanewblt_stdregular';
  font-size: 1em;
  line-height: 2.7em;
  position: relative;
  bottom: 29px;
}

.headerlinks:hover {
  color: #3c3c3b;
}

.propertybox {
  background-color: none;
  margin: 0 auto;
  text-align: center;
}

.gallerymargins {
  margin: 0px 0px 25px 0px;
}

.bottommargin40px {
  margin: 0px 0px 40px 0px;
}

.apartmentsbottommargin {
  margin: 10px 0px 40px 0px;
}

.headshots {
  margin-bottom: 12px;
}

.headnames {
  margin-top: 4px;
  margin-bottom: 6px;
  font-size: 22px;
}

.trulia {
  position:relative;
  margin:0px 0px 0px 10px;
  float:left;
  bottom:8px;
  width: 36%;
}

.whitetext {
  color: white;
}

.redtext {
  color: #8C181F;
}

/* head */

.topbar {
  margin: 20px 0 20px 0;
}

.psrcontainer {
  padding: 30px 20px 15px 20px;
  border-bottom: 15px solid;
}

.forecastcontainer {
  padding: 30px 20px 10px 20px;
  margin-top: 40px;
}

.forecastimgcontainer {
  padding: 30px 0px 50px;
}

.image-container {
  height: 600px;
  overflow: hidden;
}

.image-container img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.bottombar {
  padding: 15px 20px 10px 20px;
  margin-top: 30px;
}

.aboutuscontainer {
  padding: 15px 20px 0px 20px;
}

.headshotcontainer {
  padding: 35px 20px 10px 20px;
}

.footmargin {
  margin-top: 30px;
}

.mobilestrattext {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 35px;
  font-size: 100%;
}

#twittericon {
  position: relative;
  float: left;
  width: 32px;
  height: 26px;
  margin-right: 25px;
  margin-top: 10%;
  background: url("../img/twitter.png");
}

#foottwittericon {
  position: relative;
  float: left;
  width: 32px;
  height: 26px;
  margin-right: 25px;
  margin-top: 10%;
  background: url("../img/twitterwhite.png");
}

#facebookicon {
  position: relative;
  float: left;
  width: 26px;
  height: 26px;
  margin-top: 10%;
  background: url("../img/facebook.png");
}

#footfacebookicon {
  position: relative;
  float: left;
  width: 26px;
  height: 26px;
  margin-top: 10%;
  background: url("../img/facebookwhite.png");
}

#twittericon:hover {
  text-decoration: none;
  background: url("../img/twitterdown.png");
}

#foottwittericon:hover {
  text-decoration: none;
  background: url("../img/twitterdownred.png");
}

#facebookicon:hover {
  text-decoration: none;
  background: url("../img/facebookdown.png");
}

#footfacebookicon:hover {
  text-decoration: none;
  background: url("../img/facebookdownred.png");
}

#emailicon {
  position: relative;
  float: left;
  width: 93px;
  height: 35px;
  margin-top: 10%;
}

.upstate {
  position: relative;
}

.downstate {
  position: absolute;
  left: 0px;
  opacity: .0;
}

#emailicon:hover .upstate {
  opacity: .0;
}

#emailicon:hover .downstate {
  opacity: 1;
}

li a {
  font-size: 1.5em;
  line-height: 1.2em;
  margin-top: 10px;
  white-space: nowrap;
}

.apartmentlinks:hover {
  text-decoration: none;
  color: #3C3C3B;
}

.footlinks {
  color: white;
  white-space: nowrap;
}

.footlinks:hover {
  color: #550d12;
}

a:hover,
a:focus {
  color: #8C181F;
  text-decoration: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color: #3C3C3B;
}

.nav-list > li > a,
.nav-list .nav-header {
  margin-right: -15px;
  margin-left: -15px;
  text-shadow: none;
}

a.whitetext:hover {
  color: #550d12;
}

li a.whitetext:hover {
  color: #550d12;
}

.mobilebutton {
  width: 33%;
  padding: 15px 0px;
  background: #8C181F;
  text-align: center;
  margin-bottom: 2px;
  font-size: 1.1em;
  color: white;
}

.mobilebutton:hover {
  width: 33%;
  padding: 15px 0px;
  background: #550d12;
  text-align: center;
  margin-bottom: 2px;
  font-size: 1.1em;
}

.mobilenavbar {
  padding: 5% 15%;
}

.mobileborders {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  border-left: 2px solid;
  border-right: 2px solid;
  border-color: white;
  width: 34%;
}

.mobileborders:hover {
  width: 34%;
}

.accordion-group {
  border: 0px solid;
}

.accordion-inner {
  border: 0px solid;
}

.rentalaccordian {
  padding: 0px 0px 0px 15px;
  border: 2px solid;
  border-bottom: 5px solid;
  border-color: #8C181F;
}

.rentalaccordian:hover {
  border-color: #333333;
}

.rentalaccordian:hover .accordion-heading {
  color: #333333;
}



/* Carousel begins */

.carousel {
  margin-bottom: 0px;
}

.carouselcontainer {
  margin-top: 80px;
  background-color: #8C181F;
}

.carouselrow {
  position: relative;
  bottom: 40px;
  width: 80%;
}

.carousel .container {
  position: relative;
  z-index: 9;
  position: absolute;
  bottom: 5%;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.carousel-control {
  height: 80px;
  margin-top: 0;
  font-size: 120px;
  text-shadow: 0 1px 1px rgba(0,0,0,.4);
  background-color: transparent;
  border: none;
  z-index: 10;
}

.carousel img {
  position: relative;
  top: 0;
  left: 0;
  min-width: 100%;
}

.carousel-caption {
  background-color: transparent;
  position: static;
  max-width: 100%;
  padding: .5% 10%;
  margin-top: 0px;
  background: rgba(0, 0, 0, 0.8);
}

.carousel-caption h1, .carousel-caption .lead {
  margin: 0;
  line-height: 1.25;
  color: #fff;
}

.carousel-caption .btn {
  margin-top: 10px;
}

.carouseltitle {
  font-size: 650%;
  font-weight: 900;
  font-family: 'helveticanewblt_stdbold';
}

.carousel .lead {
  margin-left: 0%;
  font-size: 250%;
  font-family: 'helveticanewblt_stdbold';
  text-align: center;
  width: 100%;
}

.carousel-control {
  opacity: 1;
}

.full-width {
  width: 100% !important;
}

/* ----------apartment captions-------------- */

.ic_container{
    vertical-align:baseline;
    position:relative;
    margin-bottom: 25px;
}

.overlay {
  opacity:0.3;
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.ic_caption {
  position:absolute;  
  overflow:hidden;
  margin:0px;
  padding:0px;
  left:0px;
  right:0px;
  cursor:default;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.ic_category {
  text-transform:uppercase;
  font-size:11px;
  letter-spacing:3px;
  padding:5px;
  margin:0px;
}

.ic_caption {
  margin:0px;
  font-size:18px;
}

.ic_title {
  padding: 0px 10px 0px 10px;
}

.ic_text{
  padding:0px 10px 10px 10px;
  margin:0px;
  text-align:justify;
  font-size:11px;
}

.nopadding {
  padding: 0px 0px 0px 0px !important;
}



@media (min-width: 2200px) {

  h2 {
    font-size: 45px;
    margin: 27px 0;
  }

  h3 {
    font-size: 35px;
  }

  h4 {
    font-size: 25px;
    line-height: 30px;
  }

  body {
    font-size: 18px;
    line-height: 25px;
  }

  .psrcontainer {
    padding: 40px 20px 20px 20px;
    border-bottom: 15px solid;
  }

  .forecastercontainer {
    padding: 40px 20px 20px 20px;
    border-bottom: 15px solid;
  }

  .legaltext {
    font-size: 90%;
  }

  .ic_text {
    padding: 0px 15px 10px 10px;
    font-size: 15px;
  }

  .backtotop {
    height: 115px;
    top: -132px;
  }

  .rentalaccordian {
    padding: 10px 0px 10px 15px;
  }

}




@media (max-width: 1400px) {

  .trulia {
    position:relative;
    margin:15px 45px 0px 0px;
    float:left;
    right: 3px;
  }

  .fluidwidth {
    width: 90%;
  }

  .carouselrow {
    width: 90%;
  }

  .image-container {
    height: 500px;
  }
}


@media (max-width: 979px) {
  
  body {
    padding-top: 30px;
  }

  p {
  font-family: 'helveticanewblt_stdregular';
  font-size: .9em;
  }

  h4 {
    font-size: 15px;
  }

  .strattext {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 90%;
  }

  .mobilestrattext {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 90%;
  }

  .info-tablet{
    margin-top: 36px;
  }

  .markettitle {
    color: #8C181F;
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 275%;
    text-align: right;
  }

  .headnames {
    font-size: 20px;
    margin-bottom: 0px;
  }

  .topbar {
  margin: 20px 0px 12px 0px;
  }

  .headerlinks {
  font-family: 'helveticanewblt_stdregular';
  font-size: 1em;
  line-height: 2.2em;
  position: relative;
  bottom: 15px;
  }

  li a {
  font-size: 1.3em;
  line-height: 1.2em;
  margin-top: 10px;
  white-space: nowrap;
  }

  .fluidwidth {
    width: 100%;
  }

  .navbar-text.pull-right {
    float: none;
    padding-left: 5px;
    padding-right: 5px;
  }

  .phonepadding {
    padding-left: 10px;
  }

  .carouselcontainer {
  margin-top: 65px;
  background-color: #8C181F;
  }

  .carousel .container {
    bottom: 5%;
  }

  .carouselrow {
  width: 100%;
  margin-top: 0px;
  bottom: 35px;
  }

  .carousel img {
    width: auto;
  }

  .sidebar-nav {
    padding: 0px 9px;
    position: fixed;
  }

  .toplogo {
  width: 100%;
  }

  .backtotop {
    padding-top: 1%;
    padding-bottom: 1%;
    border: 2px solid;
    border-color: #8C181F;
    border-bottom: 5px solid;
    background: transparent;
    height: inherit;
    width: 15%;
    position: relative;
    right: 0px;
    color: #8C181F;
    top: 0px;
    margin: 0 auto;
  }

  .spacer {
    height: 15px;
  }

  .bottombar {
  margin-top: 0px;
  }

  .forecastcontainer {
    padding: 30px 20px 10px 20px;
    margin-top: 40px;
  }

  .forecastimgcontainer {
    padding: 30px 0px 40px;
  }

  .image-container {
    height: auto;
    overflow: hidden;
  }

.image-container img {
  position: relative;
  top: auto;
  transform: translateY(0%);
}

}




@media (max-width: 767px) {

  .justifyleft {
    text-align: center;
  }

  .headnames {
    margin-top: 4px;
    margin-bottom: 6px;
  }

  body {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
  }

  .headshotcontainer {
    padding: 0px 20px 0px 20px;
  }

  .bottommargin40px {
    margin: 0px 0px 30px 0px;
  }

  .nav-list > li > a,
  .nav-list .nav-header {
    margin-right: 0px;
    margin-left: 0px;
    text-shadow: none;
  }

  #foottwittericon {
    margin-right: 0px;
  }

  .fluidwidth {
    width: 90%;
  }

  .topbar {
    margin: 0px 0px 0px 0px;
  }

  .endmargin {
    margin-bottom: 0px;
  }

  .bottombar {
  padding: 15px 0px 10px 0px;
  margin-top: 0px;
  }

  .strattext {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 100%;
  }

  .mobilestrattext {
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 100%;
  }

  .mobilealignleft {
    text-align: left;
  }

  .mobilemarginnudge {
    margin-top: 20px;
  }

  .rentalaccordian {
    padding: 0px 0px 0px 0px;
    border: 0px solid;
    border-bottom: 0px solid;
    border-color: #8C181F;
  }

  .mobilerentalaccordian {
    margin: 0px 0px 0px 0px;
    font-weight: bold;
  }

  .markettitle {
    text-align: left;
    margin-bottom: 10px;
  }

  .headshots {
    margin-top: 45px;
  }

  .headshotnomargin {
    margin-top: 0px;
  }

  .trulia {
    position:relative;
    margin:25px 0px 0px 0px;
    float:none;
    right: 3px;
  }

  .truliamobile {
    margin-top: 15px;
  }

  .apartmentsbottommargin {
    margin: 20px 0px 40px 0px;
  }

  .pdftitle {
    color: #3C3C3B;
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 300%;
  }

  .legaltitle {
    color: #3C3C3B;
    font-weight: bold;
    font-size: 300%;
  }

  .accordianbutton {
    color: white;
    background: #550d12;
    border-bottom: 5px solid #3c3c3b;
  }

  .accordianbutton:hover {
    border-bottom: 5px solid white;
  }

  .lightaccordianbutton {
    color: white;
    background: #8c171f;
    border-bottom: 5px solid #550d12;
  }

  .lightaccordianbutton:hover {
    border-bottom: 5px solid #3c3c3b;
    color: white;
  }

  .apartmentlinks {
  color: #8C181F;
  font-weight: bold;
  line-height: 1em;
  font-size: 140%;
  }

  .legalmobile {
    margin-top: 5px;
  }


  .carousel {
    margin-left: 0px;
    margin-right: 0px;
  }

  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
  }

  .carouselcontainer {
    margin-top: 0px;
    background-color: transparent;
  }

  .carouselrow {
    width: 100%;
    position: static;
    bottom: 0px;
  }
  
  .carousel .container {
  }

  .carousel-caption {
    width: 65%;
    padding: 0 70px;
    margin-top: 100px;
  }

  .carousel-caption h1 {
    font-size: 30px;
  }

  .carousel-caption .lead,
  .carousel-caption .btn {
    font-size: 18px;
  }

  .backtotop {
    padding-top: 1%;
    padding-bottom: 1%;
    border: 2px solid;
    border-color: #8C181F;
    border-bottom: 5px solid;
    background: transparent;
    height: inherit;
    width: 33%;
    position: relative;
    right: 0px;
    color: #8C181F;
    top: 0px;
    margin: 0 auto;
  }

}