/* ==========================================================================
     Switcher Class
========================================================================== */

.desktop {
  display: block !important;
}

.desktop-flex {
  display: flex;
}

.desktop-inline {
  display: inline-block !important;
}

.mobile {
  display: none !important;
}

/* ==========================================================================
     Mobile Styles
========================================================================== */

@media only screen and (max-width: 1025px) {
  /* Switcher Class
    -------------------------------------------*/
  .desktop {
    display: none !important;
  }

  .desktop-flex {
    display: none !important;
  }

  .desktop-inline {
    display: none !important;
  }

  .mobile {
    display: block !important;
  }

  .mobile-text-align {
    text-align: center !important;
  }

  /* ==========================================================================
     Global Styles
========================================================================== */
  html {
    position: relative;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    height: auto;
    overflow-y: scroll;
  }

  body {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
  }

  body.un-selected {
    height: 100vh;
  }

  p {
    font-size: 1.1rem;
    padding-right: 0px;
    padding-left: 0px;
  }

  .inner-wrapper,
  .wrapper {
    width: 100%;
    max-width: 100%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .inner-wrapper.flex {
    display: block;
  }

  .one-half,
  .one-third,
  .two-thirds,
  .one-half-true,
  .one-fourth,
  .three-fourths {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .four-fifths,
  .two-fifths,
  .three-fifths,
  .one-fifth {
    width: 100%;
  }

  .left,
  .right {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }

  .inner-wrapper {
    padding-right: 0;
    padding-left: 0;
  }

  .full-width-section {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .hero .hero-content h2 {
    font-size: 3rem;
  }

  

  .hero .hero-content {
    padding-left: 0px;
    transform: translateY(-30%) translateX(-50%);
  }

  .frosted-glass-cta {
    bottom: -30px;
  }

  #page-hero {
    height: 66vh;
  }

    #page-hero video {
      height: 66vh;
      min-height: 66vh;
      top: 0;
      width: auto !important;
      position: absolute;
      top: 0;
    }

  #page-hero h2.hero-text {
    transform: translateY(-35%);
  }

  #page-hero:before, #home-hero:before {
    z-index: 1000;
  }

  p.two-thirds.text-center {
    padding-left: 10px;
    padding-right: 10px;
  }

  /* ==========================================================================
      Header
  ========================================================================== */

  #header .nav-wrapper {
    justify-content: flex-end;
  }

  #header .nav-left {
    display: none !important;
  }

  #header #top-logo {
    left: 10px;
    transform: translateX(0);
    width: 125px;
    background-repeat: no-repeat;
  }

  #header #menu-button {
    min-width: 100px;
    background: linear-gradient(
      135deg,
      #1e4664 0%,
      #18568a 50%,
      #18568a 100%
    ) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }

  #header #menu-button .menu-icon {
    background-image: url(../img/menu-hamburger-icon-white.svg) !important;
  }

  #header span.menu-text {
    display: none;
  }

  #flyout-nav {
    width: 100%;
  }

  #flyout-nav .nav-content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  #flyout-nav .nav-content h3 {
    margin-left: 0;
    font-size: 1.9rem;
  }

  #flyout-nav .nav-links > span {
    width: 100%;
  }

  .offset-left {
    margin-left: 0;
  }

  .cta-button {
    display: inline-block;
  }
  /* ==========================================================================
      Layout
  ========================================================================== */

  .row {
    flex-wrap: wrap;
  }

  .row .image-container,
  .row .text-container {
    width: 100%;
  }

  .section-intro {
    margin-bottom: 20px;
  }



  /* ==========================================================================
      Home Page
  ========================================================================== */
  #home-hero {
    height: 66vh;
    overflow: hidden;
  }

  #home-hero #bgvid {
    width: auto;
    height: 66vh;
    min-height: 66vh;
    width: auto !important;
  }

  #home-hero h2 .line-wrapper .line, #page-hero h2 .line-wrapper .line {
    padding-top: 10px;
  }

  #home-hero .hero-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  #home-hero .hero-content h2 {
    font-size: 3.8rem;
  }
  #scrollDown.active {
    width: 40px;
    position: relative;
  }

  #scrollDown.active svg {
    width: 100%;
  }

  #home-intro {
    padding-bottom: 40px;
  }

  #home-intro h2 {
    font-size: 3rem;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
  }

  #home-intro h2 span.first-word,
  #home-intro h2 span.second-word,
  #home-intro h2 span.third-word {
    text-align: left;
    display: inline;
  }

  #home-intro h2 .line-wrapper {
    padding-bottom: 0;
    display: inline;
  }

  #home-intro h2 span.second-word {
    margin-left: 0;
    text-align: left;
  }

  #home-intro h2 span.third-word {
    text-align: left;
  }

  .section-intro h2 {
    font-size: 2.1rem;
  }

  #home-page-split-block .inner-wrapper {
    flex-wrap: wrap;
  }

  #home-page-split-block .inner-wrapper .one-half.column {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #home-page-split-block .inner-wrapper .one-half.column.column-reverse {
    flex-direction: column;
  }

  #home-page-split-block .inner-wrapper .one-half.column img {
    width: 110%;
    margin-left: -5%;
  }
  #home-page-split-block .inner-wrapper .one-half.column.column-reverse h3,
  #home-page-split-block .inner-wrapper .one-half.column h3 {
    padding-left: 20px;
    font-size: 2.1rem;
  }

  #home-core-prin {
    padding-bottom: 20px;
  }

  #home-core-prin h2 {
    font-size: 2.4rem;
  }

  #home-core-prin p.four-fifths {
    padding-left: 15px;
    padding-right: 15px;
  }

  .core-principles {
    flex-wrap: wrap;
    padding-left: 30px;
    padding-right: 30px;
  }

  .core-principles .one-fourth {
    width: 101%;
    padding-top: 90%;
    margin-bottom: 80px;
  }

  .core-principles .one-fourth.active .card-overlay:hover {
    top: -1px;
    right: -3px;
  }

  

  .core-principles .one-fourth h3 {
    font-size: 1.4rem;
    padding-top: 30%;
  }

  .core-principles img.card-icon {
    width: 70px;
    height: 70px;
    top: 20px;
    right: 15px;

  }

  .core-principles .one-fourth.active .card-overlay {
    top: 5%;
    right: 5%;
  }

  #home-committement .section-title h3 {
    font-size: 3rem;
    width: 100%;
  }

  #home-stacked-blocks .row .text-container {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
  }

  #home-stacked-blocks .home-stacked-intro h2 {
    font-size: 3rem;
  }

  #home-stacked-blocks .row .image-container {
    width: 100%;
  }

  #home-stacked-blocks .row .image-container img {
    width: 95%;
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  #home-stacked-blocks .frosted-glass {
    margin-left: 0;
    padding: 30px;
  }

  #home-stacked-blocks .row {
    flex-direction: row-reverse;
  }

  #home-committement .section-title {
    padding-left: 0px;
    text-align: center;
  }

  #home-committement .world-slide p {
    font-size: 1.1rem;
  }

  .world-slide {
    padding-left: 10px;
    padding-right: 10px;
  }

  .world-slide .slide-content {
    width: 100%;
  }

  #home-stacked-blocks .text-container {
    padding: 30px;
  }

  #home-stacked-blocks h3 {
    font-size: 1.8rem;
  }

  #home-committement {
    background: #f2f6fa;
    padding-top: 40px;
    height: 98vh;
  }

  #home-committement .world-slide .slide-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .world-slide .slide-content h3 {
    font-size: 2rem;
  }

  #globe-container {
    top: 100%;
    transform: translateY(-50%) translateX(-0vw);
    width: 100vw;
  }

  #home-featured-properties {
    margin-bottom: 60px;
    background: #fff;
    padding-top: 30px;
  }

  #home-featured-properties h2.overlay-text {
    font-size: 3.8rem;
    left: 10px;
    bottom: 60px;
  }

  #home-featured-properties .v-pagination {
    right: 20px;
  }

  #home-featured-properties .property-info-container {
    left: 20px;
  }

  #home-featured-properties .property-info-container {
    width: 90%;
  }

  .property-navigation .navigation-arrow {
    font-size: 0.875rem;
  }

  .vertical-swiper {
    width: 100vw;
  }

  #home-featured-properties video {
    height: 100%;
    width: auto !important;
  }
  .vertical-swiper .swiper-wrapper {
    width: 100vw;
  }

  .vertical-swiper .swiper-slide {
    border-radius: 0;
  }

  .vertical-swiper .swiper-slide .inner-video-wrapper {
    width: 100%;
    border-radius: 0;
  }

  .swiper-backface-hidden .swiper-slide {
    height: 70vh;
    position: relative;
    overflow: hidden;
  }

  .page-template-our-culture .vertical-swiper img {
    margin-left: 0;
    margin-right: 0;
    border: 4px solid #fff;
  }


  .page-template-our-culture #home-featured-properties {
    padding-bottom: 0;
    margin-bottom :0;
  }

  #culture-slider .swiper-slide {
    height: 20vh;
  }

  #culture-slider .swiper-pagination {
    display: none !important;
  }

  .swiper-backface-hidden .swiper-slide video {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  #home-featured-properties .property-info-container .property-info {
    width: 100%;
  }

  #home-gears h2 {
    font-size: 3.4rem;
  }

  #home-values-slider .swiper-slide .value-text {
    width: 100%;
  }

  #home-partners-text h2 {
    font-size: 3.4rem;
  }

  #home-split-blocks .inner-wrapper .one-half-column {
    width: 100%;
  }

  #home-split-blocks .inner-wrapper {
    flex-wrap: wrap;
  }

  #home-featured-news {
    height: 80vh;
  }
  
  #home-featured-news.news-swiper {
    width: 100vw;
    max-width: 100vw;
  }


  #home-featured-news .swiper-wrapper {
    width: 100vw;
    max-width: 100vw;
  }

  #home-featured-news .article-navigation {
    justify-content: flex-start;
    margin-top: 15px;
  }

  #home-featured-news .featured-article-inner-container {
    width: 100vw !important;
    margin-left: 0;
    margin-right: 0;
    border-radius: 0;
  }


  #home-featured-news #article-content-container {
    width: 90%;
    max-width: 100000px;
    left: 10px;
  }

  #home-stacked-blocks {
    padding-bottom: 30px;
    padding-top: 0px;
  }

  #home-stacked-blocks .home-stacked-intro {
    padding-left: 10px;
  }

  #home-stacked-blocks .frosted-glass-cta {
    margin-left: 0;
  }
  
  .property-navigation {
    display: none !important;
  }

  #home-featured-properties h2 {
    font-size: 3.12rem;
    margin-top: 0;
    margin-bottom: 0;
  }

  .vertical-swiper .swiper-slide .inner-video-wrapper h3 {
    font-size: 1.8rem;
    padding-left: 30px;
    padding-right: 30px;
  }

  /* ==========================================================================
      Our Company
  ========================================================================== */

  .leadership-flyout-box {
    width: 90%;
  }

  .block-1 {
    flex-direction: row-reverse;
  }

  .headshot-container {
    padding-left: 5px;
    padding-right: 5px;
  }

  .headshot-container .leadership-card {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 4%;
  }

  #board-of-directors .leadership-card {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 4%;

  }

  #executive-team .leadership-title {
    font-size: 3rem;
  }

  .leadership-slider-container h2.leadership-title {
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: 2.4rem;
  }

  .leadership-card h3 {
    padding-top: 5px;
    font-size: 14px;
  }

  #our-company-staggard h2 {
    font-size: 2.8rem;
  }

  #our-company-staggard {
    padding-top: 20px;
  }

  #our-company-staggard .block-1 img.overflow-image,
  #our-company-staggard .image-block img.overflow-image {
    top: 0;
    left: 0;
    transform: translateY(0);
    position: static;
    border-radius: 0;
    margin: 20px auto;
    width: 110%;
    margin-left: -5%;
  }

  #our-company-staggard .hidden-placeholder {
    display: none !important;
  }

  #our-company-staggard .row.reverse .text-block {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
  }

  #our-company-staggard .block-2 .text-block {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  #our-company-staggard h3 {
    font-size: 1.4rem;
  }

  #grey-breaker-statement {
    padding-left: 20px;
    padding-right: 20px;
  }

  #leadership-container .leader-box .hot-box-trigger {
    width: 20px;
    height: 20px;
  }

  #grey-breaker-statement h2 {
    font-size: 3.1rem;
  }

  #home-page-split-block.our-company-staggard .inner-wrapper .one-half.column img {
    width: 90%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.our-company-staggard h2 {
  font-size: 2rem;
}
  /* ==========================================================================
      Company Culture
  ========================================================================== */

  .page-template-our-culture #page-hero {
    background-position: right center;
  }

  h3.company-culture-intro {
    font-size: 1.4rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .staggard-blocks-container .hidden-placeholder {
    display: none !important;
  }

  .page-template-our-culture h2.section-intro {
    font-size: 2.4rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  .culture-staggard-blocks h3 {
    font-size: 2.8rem;
  }

  .culture-staggard-blocks .two-fifths {
    padding-left: 0px;
    padding-right: 0px;
    flex-direction: column;
  }

  .culture-staggard-blocks img {
    width: 110%;
    margin-left: -5%;
  }

  .culture-staggard-blocks .text-container {
    padding: 20px;
  }

  .culture-staggard-blocks .three-fifths img {
    width: 110%;
    margin-left: -5%;
  }

  .culture-staggard-blocks .three-fifths {
    padding-left: 0;
  }

  .culture-staggard-blocks .small-split-block img {
    display: none !important;
  }

  .culture-staggard-blocks .small-split-block .one-half {
    padding-left: 20px;
    padding-right: 20px;
  }

  .culture-slider .slider-box {
    height: 60vh;
  }

  .page-template-our-culture .culture-slider .slider-text {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  #carriage-way-text h2 {
    font-size: 3rem;
    padding-left: 20px;
    padding-right: 20px;
  }

  #company-culture-staggard h2 {
    font-size: 2.8rem;
  }

  #company-culture-staggard .image-block img.overflow-image {
    position: relative;
    width: 110%;
    margin: 0 auto;
    top: 0;
    transform: translateY(0);
    left: -5%;
  }

  #company-culture-staggard .row.reverse .text-block {
    padding-right: 20px;
    padding-left: 20px;
  }

  #company-culture-staggard .block-2 .text-block {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .culture-slider {
    flex-wrap: wrap;
    height: auto;
  }

  .page-template-our-culture .slick-slider {
    height: 60vh;
  }

  .culture-slider .slider-text {
    padding: 20px;
  }

  .culture-slider .slider-text h2 {
    font-size: 2.8rem;
  }

  #strag-objectives .strat-flex-box {
    display: block;
  }

  .venn-container {
    display: none !important;
  }

  #strag-objectives .strat-flex-box {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  #spinner-wheel .blue-box-content {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
  }
  /* ==========================================================================
      Why Partner
  ========================================================================== */

  .page-template-why-partner #grey-breaker-statement .section-intro {
    font-size: 3.12rem;
  }

  #steve-video-container.video-box {
    padding-left: 20px !important;
    padding-right: 20px !important;
    width: 95%;
  }

  .page-template-why-partner #home-stacked-blocks .image-container img {
    width: 110%;
    margin-left: -5%;
  }

  .page-template-why-partner #home-stacked-blocks {
    padding-bottom: 0;
  }

  #support-services {
    padding-left: 20px;
    padding-right: 20px;
  }

  #support-services .section-intro h2 {
    font-size: 2.1rem;
  }

  .services-card-grid {
    flex-wrap: wrap;
  }

  .service-card {
    width: 100%;
    margin-bottom: 4%;
  }

  #partner-callout {
    height: 60vh;
    min-height: 60vh;
  }

  #partner-callout .text-container {
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #partner-callout .image-container {
    display: none !important;
  }

  #partner-callout .text-container h2 {
    font-size: 2.4rem;
  }

  #home-featured-properties.why-partner-properties .property-info-container {
    width: 90%;
  }

  #home-featured-properties.why-partner-properties .property-info-container h3 {
    font-size: 2.1rem;
  }

  #home-featured-properties .property-info-container {
    bottom: 120px;
  }

  #support-services img {
    width: 100%;
  }

  .page-template-why-partner #home-featured-properties {
    padding-top: 0;
  }

  #process-arrow {
    display: none !important;
  }
  
#process-arrows  .section-intro p {
  padding-left: 20px;
  padding-right: 20px;
}

.process-box-container .process-box-flex {
  margin-left: 20px;
  margin-right: 20px;
  background: #fefefe;
  display: block;
  padding-top: 60px;
}

.process-box-container .process-box-flex img {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.process-box-container .process-box-flex h2 {
  color: #19578b;
  width: 40%;

  width: 100%;
}

.process-box-container .process-box-flex p {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

h2.section-intro {
  font-size: 1.9rem;
}

#process-arrows h2.section-intro {
  font-size: 1.9rem;
}

  /* ==========================================================================
      Location Search
  ========================================================================== */
  #property-search-box {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: -30px;
    position: relative;
    z-index: 10000;
  }

  #property-search-box #searchForm {
    width: 98%;
    flex-wrap: wrap;
  }

  #property-search-box #pac-input {
    width: 100%;
    margin-bottom: 10px;
  }

  .state-column {
    width: 100%;
  }

  #property-search-box #submitBtn {
    border-radius: 50px;
    width: 80%;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  #by-state-container {
    flex-wrap: wrap;
  }

  /* ==========================================================================
      Map Search
  ========================================================================== */

  #map {
    width: 100%;
    height: 60vh;
    flex: auto;
  }

  #map-search-container .container {
    flex-wrap: wrap;
  }

  .sidebar {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
  }

  #map-search-container .container {
    height: auto;
  }

  .pac-container {
    top: 615px !important;
  }

  #results-list .location-item {
    flex-wrap: wrap;
  }

  #results-list .location-item .image-box {
    width: 100%;
  }
  /* ==========================================================================
      Single Property Page
  ========================================================================== */

  #property-wrapper .property-display-info {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }

  #property-wrapper .property-detail-info {
    padding-left: 20px;
    padding-right: 20px;
  }

  #property-wrapper .property-detail-info h2 {
    font-size: 2.4rem;
  }

  /* ==========================================================================
      Contact Us
  ========================================================================== */

  #contact-box {
    flex-wrap: wrap;
  }
  /* ==========================================================================
      Footer
  ========================================================================== */

  /* ==========================================================================
      Footer
  ========================================================================== */

  /* ==========================================================================
      Footer
  ========================================================================== */

  /* ==========================================================================
      Footer
  ========================================================================== */

  #footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  #footer .footer-logo {
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    font-size: 0.675rem;
  }

  .footer-main-nav {
    flex-wrap: wrap;
  }

  .footer-main-nav a {
    width: 33%;
    margin-right: 0;
    padding-bottom: 10px;
    font-size: 0.875rem;
  }

  .footer-bottom {
    margin-bottom: 100px;
  }

  .social-icons {
    position: absolute;
    bottom: 10px;
    right: 10px;
  }

  #footer .separator {
    display: none !important;
  }

  #footer .legal-nav {
    flex-wrap: wrap;
  }

  #footer .legal-nav a {
    width: 50%;
    font-weight: 300;
    font-size: 0.775rem;
  }

  #footer p {
    font-size: 0.675rem;
  }
}

/* Small Screen
-------------------------------------------*/

@media only screen and (min-width: 819px) and (max-width: 1301px) {
}

@media only screen and (min-width: 1301px) {
}