.subnav.row-fluid {
  position: absolute;
  bottom: 5px;
  right: 10px; }

img.swoop-img {
  margin-top: 100px; }

.social-media {
  position: fixed;
  height: 40px;
  width: 100%;
  margin-top: 10px;
  margin-right: 10px;
  z-index: 100001;
  text-align: right; }
  .social-media .social-wrap {
    width: 100%; }
  .social-media a img {
    width: 40px;
    height: 40px;
    padding-right: 10px; }
  .social-media a:hover {
    opacity: 0.8; }

.navbar .btn-navbar {
  box-shadow: none;
  border: 0; }

.pynwheel-menu img {
  width: 40px; }

.navbar .navbar-inner {
  height: 60px; }
  .navbar .navbar-inner .logo {
    width: 100px; }

.container-fluid {
  padding: 0; }

.main-contain {
  background: #ffffff; }

.home-box {
  text-align: center;
  border-bottom: 3px solid #90489c; }
  .home-box h1 {
    padding-top: 80px;
    font-weight: normal;
    color: #90489c;
    text-shadow: 0 1px 0 #ffff35; }
    .home-box h1 .small-screen-title {
      display: block;
      font-size: 1.3em;
      line-height: 1em;
      font-weight: normal; }
  .home-box h2 {
    padding: 20px 10px 15px;
    font-size: 3em;
    line-height: 1.2em;
    font-weight: normal; }

.small-pad {
  padding: 0 20px; }

.inner-wrapper {
  padding: 0 20px; }

dd {
  margin-left: 0; }
  dd .table {
    width: auto; }

.services h1 {
  font-weight: bold;
  text-align: center; }
  .services h1 span {
    display: block; }
.services h2 {
  text-align: center; }

hr.thin {
  margin: 0px 60px; }

.about-wrap {
  width: 49%;
  height: 100%;
  vertical-align: top;
  display: inline-block;
  margin-bottom: 10px; }
  .about-wrap h2 {
    font-size: 16px; }
  .about-wrap h4 {
    font-size: 14px; }
  .about-wrap p {
    text-align: justify;
    padding: 0 5px;
    font-size: 14px; }

/* ===== Primary Styles ========================================================
   Bootstrap Overrides
   ========================================================================== */
[class^="icon-"],
[class*=" icon-"] {
  background-image: url("../images/glyphicons-halflings.png"); }

.icon-white,
.nav > .active > a > [class^="icon-"],
.nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
  background-image: url("../images/glyphicons-halflings-white.png"); }

.navbar .navbar-inner {
  background-color: #96ffff;
  background-image: none;
  border-bottom: 3px solid #32c1ff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008fd5), to(#14a3e9));
  background-image: -webkit-linear-gradient(top, #008fd5, #14a3e9);
  background-image: -moz-linear-gradient(top, #008fd5, #14a3e9);
  background-image: -ms-linear-gradient(top, #008fd5, #14a3e9);
  background-image: -o-linear-gradient(top, #008fd5, #14a3e9);
  -webkit-box-shadow: 0 0 8px 1px #000;
  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow: 0 0 8px 1px #000;
  /* Firefox 3.5 - 3.6 */
  box-shadow: 0 0 8px 0px #000;
  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ }

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: transparent; }

.navbar .nav {
  width: 100%; }

.navbar .nav > li {
  margin-left: -80px; }

.navbar .nav > li > a {
  float: none;
  padding: 0px;
  margin-top: 0px;
  color: #777777;
  text-decoration: none;
  text-shadow: none; }

.navbar {
  z-index: 1;
  height: 40px; }

.navbar .nav > li.active > a,
.navbar .nav > li.active > a:hover,
.navbar .nav > li.active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: none;
  background: none;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  -moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important; }

.nav li a {
  background: none !important; }

.nav li span {
  display: none;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  color: white;
  letter-spacing: 0.2em; }

.nav li a:hover span {
  color: #cfcfcf; }

.carousel-control {
  position: absolute;
  top: 90%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  line-height: 25px;
  opacity: 0;
  filter: alpha(opacity=0); }

/* custom slideshow indicators */
#carousel-nav {
  /*position: absolute;
  right: 20px;*/ }

#carousel-nav a {
  margin: 15px 1px;
  background: #818181;
  color: #000;
  display: inline-block;
  width: 12px;
  height: 12px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  border-radius: 50%;
  border: 1px solid #313131; }

#carousel-nav a.active {
  background: red;
  color: #fff; }

.popover-title {
  background-color: #fff;
  border-bottom: none; }

.popover.top {
  margin-top: -20px; }

/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
body, html {
  width: 100%; }

body {
  padding: 0px;
  background: white url(../images/body-bg.gif);
  color: #515151; }

#topbar {
  z-index: 99999; }

#mynavbar {
  margin-top: 25px;
  position: fixed;
  z-index: 99990; }

#main {
  position: relative;
  margin-top: 50px;
  height: 100%;
  width: 100%; }

#story-wrapper {
  width: 100%; }

#topbar .btn-navbar {
  margin-right: 30px;
  margin-top: 13px;
  background: transparent;
  display: none; }

.rotatedown {
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top; }

.rotateup {
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 500ms cubic-bezier(0.6, 0, 0.735, 0.045);
  /* older webkit */
  -webkit-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
  -webkit-transition-timing-function: cubic-bezier(0.6, 0, 0.735, 0.045);
  /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  -webkit-transform-origin: right top;
  transform-origin: right top; }

img.spin {
  position: absolute;
  -moz-animation: 6s rotate infinite linear;
  -moz-transform-origin: 50% 50%;
  -webkit-animation: 6s rotate infinite linear;
  -webkit-transform-origin: 50% 50%; }

@-moz-keyframes rotate {
  0 {
    -moz-transform: rotate(0); }

  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0); }

  100% {
    -webkit-transform: rotate(360deg); } }

/* text
   ==============================================*/
.gothic {
  font-family: "Didact Gothic", Arial, sans-serif;
  font-weight: 400; }

.carme {
  font-family: "Carme", Arial, sans-serif;
  font-weight: 400; }

.text-align {
  text-align: center; }

h1, h3, h4, h5, h6 {
  font-family: "Didact Gothic", Arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1em; }

h1.title {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 900;
  font-size: 50px;
  letter-spacing: 0.01em;
  color: #005da3; }

h2 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.01em;
  text-transform: uppercase; }

p, a, ul {
  font-family: "Didact Gothic", Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2em;
  color: #515151;
  letter-spacing: 0.05em; }

a:focus {
  outline: none; }

a:hover {
  text-decoration: none; }

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #ffffff; }

.center {
  text-align: center; }

.logo {
  position: fixed;
  left: 40px;
  top: 10px; }

img.logo {
  width: 120px; }

.blue {
  color: #3092D4; }

.white {
  color: #efefef; }

/* main sections
   ==============================================*/
/* home section */
.home-box {
  background: url("../images/main-img.jpg") center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* story section
   ==============================================*/
#story-wrapper {
  width: 100%;
  position: absolute;
  background: #fff; }

.table {
  display: table;
  padding: 0 20px; }

.table .cell3 {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  padding-right: 5%; }

.table .cell7 {
  display: table-cell;
  vertical-align: middle;
  width: 70%; }

.table .cell7 img {
  width: 95%;
  margin-right: 0px; }

/* articles
   ==============================================*/
/* services and collapsible panels */
#services, #multifamily, #about, #contact {
  padding-top: 70px; }

dl.accordion h1,
dl.accordion h2,
dl.accordion h3,
dl.accordion p,
dl.accordion a,
dl.accordion div {
  color: #fff; }

.accordion img {
  margin: 0 auto; }

#wall-panel {
  background: #D8386D;
  min-height: 650px; }

#table-panel {
  background: #91BC2B;
  min-height: 650px; }

#mobile-panel {
  background: #ED4D38;
  min-height: 650px; }

#carousel-wrapper {
  margin-top: 10px;
  background: #f1f1f1; }

#carousel-wrapper .table {
  padding: 5px; }

.carousel-inner p {
  font-size: 1em; }

.carousel h2 {
  font-size: 1.2em;
  text-align: center; }

/* about */
.partner {
  display: inline-block;
  width: 30%; }
  .partner a img {
    width: 60px; }

.vert-top {
  vertical-align: top; }

.vert-bot {
  vertical-align: bottom; }

p.partner {
  font-size: 10px;
  color: #818181;
  text-align: center; }

/* contact form */
#contact {
  height: 100%; }

form label {
  display: inline-block; }

.field-validation-error {
  position: relative;
  left: 10px;
  background: red;
  color: white; }

div.error {
  background-color: #f2dede; }

.error-msg {
  position: absolute;
  padding: 2px;
  margin: -4px 0 0 15px;
  background: #E56B6B;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px; }

.error-msg span {
  color: white;
  padding: 0 4px;
  font-size: 10px; }

/* footers */
footer {
  margin-bottom: 20px; }

#clouds1 {
  position: absolute;
  left: 10px;
  bottom: 0px;
  width: 270px;
  height: 423px; }

#stick1 {
  position: absolute;
  left: 0px;
  bottom: 0px; }

#pinwheel1 {
  position: absolute;
  left: 65px;
  bottom: 230px; }

footer ul {
  list-style: none;
  display: table;
  margin: 0 auto; }

footer ul li {
  float: left;
  margin: 0 10px;
  font-size: .9em; }

footer ul li a {
  display: block; }

footer a:hover {
  color: #ccc; }

.block {
  display: block; }

.phone-buttons {
  padding-bottom: 20px; }

.btn {
  font-weight: normal;
  letter-spacing: 1px;
  text-shadow: 0; }

.container-div {
  padding: 2em;
  position: relative;
  height: 100%;
  min-height: 25em;
  overflow: auto; }

.after-div {
  position: absolute;
  right: 2em;
  left: 2em;
  padding: 2em; }

.after-div .thankyou {
  text-align: center;
  padding: 1em 0; }

.after-div h1 {
  margin-bottom: .5em; }

.after-div p {
  margin-top: 2em; }

/* Responsive design elements
   ======================================= */
@media (min-width: 479px) {
  img.swoop-img {
	max-width: 20%; 
    height: auto;
    margin-top: 100px; } }
@media (max-width: 980px) {
  #mynavbar {
    z-index: 1; }

  #topbar {
    margin-top: -10px;
    position: fixed;
    z-index: 2; }

  .navbar .nav > ul {
    margin-left: -80px; }

  /*#pinwheel1,
  #stick1 {
    visibility:hidden;
  }*/
  #clouds1 {
    left: -300px; } }
@media (max-width: 768px) {
	.image-slider {
	max-width:90%;
	margin:0 auto;
	margin-top:50px;
}

  .table .cell3 {
    display: block;
    vertical-align: top;
    width: 100%;
    margin-left: 0; }

  .table .cell7 {
    display: block;
    vertical-align: top;
    width: 100%;
    margin-left: 0; }

  .table .cell7 img {
    width: 100%; }

  article header {
    margin-left: 00px; }

  hr {
    visibility: hidden; }

  #home article {
    margin: -50px 20px 0 -80px;
    font-size: .75em; }

  #services > div > div.span10 {
    margin-left: 20px;
    margin-right: 20px; }

  footer {
    background: #ef5a8e;
    border-top: 2px solid #8b002a;
    margin-bottom: 0; }
    footer p.footer-info {
      padding-top: 10px; }

  #about > div > div.span2 {
    margin-left: 20px;
    margin-right: 40px; }

  #about > div > div.span2 p {
    text-align: left; }

  #myCarousel {
    margin-left: -10px; } }
@media (min-width: 657px) {
  .home-box {
    text-align: center;
    border-bottom: 3px solid #90489c; }
    .home-box h1 {
      padding-top: 150px;
      font-weight: normal;
      color: #90489c;
      text-shadow: 0 1px 0 #ffff35; }
      .home-box h1 .small-screen-title {
        display: block;
        font-size: 3em;
        line-height: 1em;
        font-weight: normal; }
    .home-box h2 {
      padding: 20px 10px 15px;
      font-size: 4em;
      line-height: 1.2em;
      font-weight: normal; }

  #services, #multifamily, #about, #contact {
    padding-top: 120px; }

  .subnav.row-fluid {
    position: absolute;
    bottom: 5px;
    right: 10px; }

  h1.title, .table h1.title {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 900;
    font-size: 60px;
    letter-spacing: 0.01em;
    color: #005da3; }

  h2, .table h2 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 900;
    font-size: 2em;
    line-height: 1em;
    letter-spacing: 0.01em;
    text-transform: uppercase; }

  p, .table p {
    font-family: "Didact Gothic", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.2em;
    color: #515151;
    letter-spacing: 0.05em; }

  .about-wrap h2 {
    font-size: 2em; }
  .about-wrap p {
    text-align: center;
    font-size: 16px;
    text-justify: inter-word; }

  .partner {
    display: inline-block;
    width: 30%; }
    .partner a img {
      width: 100px; } }
@media (max-width: 656px) {

.image-slider {
	width:90%;
	margin:0 auto;
	margin-top:20px;
}

  #mynavbar {
    top: 0px;
    display: none; }

  .navbar-inner {
    background-color: #7f7f7e; }
    .navbar-inner .logo {
      margin-left: 0; }

  .nav img {
    width: 85%;
    display: inline-block; }

  #myCarousel p {
    font-size: .9em; }

  #myCarousel {
    margin-left: -10px; }

  .about-wrap img {
    width: 110px; }
  .about-wrap p {
    text-align: center;
    font-size: 13px;
    text-justify: inter-word; }

  .logo {
    position: fixed;
    left: 20px;
    top: 10px; } }

  @media (min-width: 768px) {
  	.image-slider {
	width:80%;
	margin:0 auto;
	margin-top:50px;
}
  }
@media (max-width: 480px), (max-height: 320px) {
  .home-box {
    background: url("../images/main-img-340x840.jpg") center no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    .home-box h2 {
      margin-top: 40px; }

  .social-media {
    display: none; }

  .subnav img, .close-panel img {
    width: 49px;
    height: 49px; }

  .subnav.row-fluid {
    position: absolute;
    bottom: 5px;
    right: 5px; }

  .accordion a.close-panel img {
    margin: 0 auto; }

  #about div > div.span2 p {
    margin-left: 30px; }

  #myCarousel {
    margin-left: -10px; }

  /*#carousel-nav { right: inherit; left: 50%; margin-left: -30px; }*/
  /* the collapse btn*/
  #topbar .btn-navbar {
    display: inline-block; }

  a.partner {
    margin: 10px 50%; }

  a.partner img {
    margin-bottom: 20px;
    margin-left: -60px; }

  p.partner {
    font-size: 10px;
    color: #818181;
    text-align: center;
    margin-top: 20px; }

  #mynavbar {
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    top: -300px; }

  .nav img {
    display: none; }

  .navbar .nav {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;
    margin-top: 40px;
    z-index: 999999; }

  .navbar .nav > ul {
    clear: both;
    float: left;
    width: 100%; }

  .navbar .nav > li {
    float: none;
    display: block;
    margin: 0;
    width: 100%; }

  .navbar .nav > li > a {
    background-color: auto !important;
    display: block; }

  .navbar .nav > li > a > span {
    display: block;
    width: 100%;
    padding: 12px; }

  .rotateup,
  .rotatedown {
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    /* older webkit */
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    /* easeOutBack */
    -webkit-transition-timing-function: none;
    /* older webkit */
    -webkit-transition-timing-function: none;
    -moz-transition-timing-function: none;
    -ms-transition-timing-function: none;
    -o-transition-timing-function: none;
    transition-timing-function: none;
    /* easeOutBack */
    -moz-transform-origin: none; } }
/* Small Android portrait */
/* iPhone portrait */
@media (max-width: 340px) and (max-height: 482px) {
  a.partner {
    margin: 10px 50%; }

  a.partner img {
    margin-bottom: 20px;
    margin-left: -60px; }

  p.partner {
    font-size: 10px;
    color: #818181;
    text-align: center;
    margin-top: 20px; } }
/* iPhone landscape */


.image-slider {
	text-align:center;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.image-slider h2, .image-slider p {
	text-align:center;
}
.image-slider h2 {
	font-size:3em;
}

button.slick-next  {
	display:none !important!;
}