body {
  color: #24292c; }

a {
  font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif; }

h3 {
  font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif; }

.container {
  max-width: 1200px;
}
.text-right {
  text-align: right; }



.masthead {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #5641db;
  background-image: -webkit-linear-gradient(-60deg, #5641db 0%, #1f86ef 100%);
  background-image: -moz-linear-gradient(-60deg, #5641db 0%, #1f86ef 100%);
  background-image: -o-linear-gradient(-60deg, #5641db 0%, #1f86ef 100%);
  background-image: linear-gradient(-60deg, #5641db 0%, #1f86ef 100%); }
  /*.masthead .copy-container, .masthead.medium .copy-container {
    width: 50.625%;
  }*/
  .masthead.overlay .overlay {
    display: block;
    z-index: 1;
  }
  .masthead h2 {
    width: auto;
  }
  .masthead.button h2 {
    padding-bottom: 0;
  }
  .masthead.button .btn-container {
    position: relative;
  }
  .masthead .btn-container button {
    margin: 0.5em 0.5em 0 0;
  }
  .masthead .overlay {
    background-image: linear-gradient(36deg, #000 20%, #000 100%) !important; }
  .masthead.slider {
    margin: 0;
    font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif; }
    .masthead.slider .masthead__inner {
      min-height: 31.5rem;
      position: absolute;
      width: 100%; }
    .masthead.slider .slides .slide {
      width: 100%;
      background-size: cover;
      background-repeat: no-repeat;
      min-height: 31.5rem; }
    .masthead.slider .slides .copy-wrapper {
      position: relative;
      text-align: center;
      width: 65%;
      min-height: 31.5rem; }
    .masthead.slider .slides .copy-container {
      position: absolute;
      bottom: 3rem;
      left: 25%;
      width: 75%;
      z-index: 2;
      text-align: center;
      font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif; }
      .masthead.slider .slides .copy-container h1 {
        color: #fff;
        font-size: 4rem; }
      .masthead.slider .slides .copy-container h2 {
        width: auto; }
      .masthead.slider .slides .copy-container h3 {
        margin-bottom: 1em; }
      .masthead.slider .slides .copy-container h4 {
        color: #fff; }
        .masthead.slider .slides .copy-container h4 span {
          font-weight: bold;
          font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif; }
      .masthead.slider .slides .copy-container h5 {
        color: #0f3e53;
        text-transform: uppercase;
        font-size: 1em;
        letter-spacing: 2px;
        margin: 0.5em auto; }
      .masthead.slider .slides .copy-container img {
        margin: 0.5em auto;
        max-width: 500px; }
      .masthead.slider .slides .copy-container .copy-inline {
        text-align: center; }
        .masthead.slider .slides .copy-container .copy-inline > * {
          display: inline-block;
          vertical-align: middle;
          width: 48%; }
        .masthead.slider .slides .copy-container .copy-inline img {
          width: auto;
          padding-right: 1rem; }
        .masthead.slider .slides .copy-container .copy-inline h1 {
          text-align: left;
          margin: 0.25em auto; }
      @media screen and (max-width: 1100px) {
        .masthead.slider .slides .copy-container {
          width: 90%;
          left: 10%; } }
    .masthead.slider .slides .btn-container {
      position: relative; }
      .masthead.slider .slides .btn-container a {
        display: inline-block;
        margin: 0.5em; }
    @media screen and (max-width: 820px) {
      .masthead.slider .slides .copy-wrapper {
        width: 100%;
        padding: 0; }
      .masthead.slider .slides .copy-container {
        width: 100%;
        left: 0;
        top: 110px;
        bottom: 1rem; }
        .masthead.slider .slides .copy-container h1 {
          font-size: 2rem; }
          .masthead.slider .slides .copy-container h3 {
          font-size: 1.5rem; }
        .masthead.slider .slides .copy-container .copy-inline > * {
          width: 100%; }
        .masthead.slider .slides .copy-container .copy-inline img {
          padding: 0;
          margin: 0 auto; }
        .masthead.slider .slides .copy-container .copy-inline h1 {
          margin: 0 auto 0.5em auto;
          text-align: center; } }
    .masthead.slider .slides_nav {
      position: absolute;
      width: 25%;
      right: 3%;
      top: 25%;
      z-index: 2; }
      .masthead.slider .slides_nav ul li {
        background-color: rgba(2, 82, 138, 0.6);
        color: #fff;
        font-weight: 400;
        font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif;
        font-size: 1em;
        padding: 0.5em;
        margin: 0.25em auto;
        border-radius: 3px;
        cursor: pointer; }
        .masthead.slider .slides_nav ul li.slick-current {
          background-color: #02528A; }
      @media screen and (max-width: 820px) {
        .masthead.slider .slides_nav {
          position: relative;
          width: 100%;
          margin: 100px auto;
          display: none; } }
  .masthead#dtc-products {
    background-image: url("../imgs/masthead-products.jpg"); }
  .masthead#dtc-mobile {
    background-image: url("../imgs/masthead-products.jpg"); }
  .masthead#dtc-404 {
    background-image: url("../imgs/masthead-products.jpg"); }
  @media screen and (max-width: 820px) {
    .masthead .copy-container {
      width: 80%; }
    .masthead .btn-container a {
      margin-bottom: 1em; } }

.masthead.no-margin { margin-bottom: 0;}

.masthead.slim .copy-container {
  width: 50.625%;
}
.masthead.medium.overlay .copy-container {
  z-index: 2;
}
@media screen and (max-width: 820px) {
  .masthead.slim .copy-container {
    width: 80%;
  }
}
@media screen and (max-width: 600px) {
  .masthead.with-video {
    margin-bottom: 1rem;
  }
}

.leader_banner {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 2rem; }
  .leader_banner.transparent {
    background: transparent;
    margin-bottom: 0;
  }
/*  .leader_banner span {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    width: 48%; 
  }
*/

  .leader_banner__data {
    text-align: right;
  }
  .leader_banner__stat {
    font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif;
    font-weight: 200;
    color: #24292c;
    margin-right: 3em;
    text-align: right; }
    .leader_banner__stat:last-child {
      margin-right: 0;}
    .leader_banner__stat .count {
      font-size: 3em;
    }
  .leader_banner__caption {
    color: #7d8e9c; }
  @media screen and (max-width: 1100px) {
    .leader_banner__stat, .leader_banner__caption {
      text-align: center; } }
  @media screen and (max-width: 820px) {
    .leader_banner__data {
      text-align: center;
    }
    .leader_banner .row > div {
      margin-bottom: 0.5em; }
    .leader_banner span {
      display: inline-block; }
    .leader_banner__stat {
      text-align: right;
      padding-right: 0.5em; 
      margin-right: 0; }
    .leader_banner__caption {
      text-align: left;} }


/* Leader banner with breadcrumbs */      

.leader_banner .breadcrumbs {
  padding: 1rem 5.2%;
  font-weight: 700;
}
.leader_banner .breadcrumbs * {
  display: inline;
}
.leader_banner .breadcrumbs span {
  color: #7d8e9c;
}
.leader_banner .breadcrumbs a {
  color: #1a80e2;
}
@media screen and (max-width: 820px) {
  .leader_banner {
    margin-bottom: 1rem;
  }
  .leader_banner .breadcrumbs {
    padding: 1rem 0;
  }
}

footer.nav-footer {
  position: relative; }

#main-content {
  padding: 0; }

/* #CHANGE */
/* This is used to pad the bottom of the doc pages 
   while not having a large bottom padding for the 
   index page and marketing pages */
#main-content.rst-content {
  padding: 0 0 200px 0; }
/* /#CHANGE */

.module.dtc_mobile a, .module.dtc_mobile a:hover, .module.dtc_mobile a:active, .module.dtc_mobile i {
  color: #02528a; }

.module.dtc_web a, .module.dtc_web a:hover, .module.dtc_web a:active, .module.dtc_web i {
  color: #1a8bf0; }

.module.dtc_data a, .module.dtc_data a:hover, .module.dtc_data a:active, .module.dtc_data i {
  color: #13465f; }

.module.dtc_apis a, .module.dtc_apis a:hover, .module.dtc_apis a:active, .module.dtc_apis i {
  color: #e0245e; }

.module.dtc_ad a, .module.dtc_ad a:hover, .module.dtc_ad a:active, .module.dtc_ad i {
  color: #794bc4; }

.module .copy-container {
  padding: 0 2em; }

.module p {
  color: #24292c;
  font-weight: 400; }

.module.comp-wrapper {
  background-color: #fff; }
  .module.comp-wrapper .link {
    padding: 2em 1em; }



.module.module-color .img-container {
  margin-bottom: 2em;
}
.module.module-color .img-container .img-container-inner {
  float: none;
}
.module.module-color h3 {
  min-height: 2em;
  margin-bottom: 1em;
}
.module.module-color .copy-inner {
  min-height: 4em;
}
.module.module-color .link-cont {
  padding: 0.5em;
  margin-top: 2em;
  width: 100%;
}
.module.module-color .link-cont a {
  color: #fff;
  font-weight: 300;
}
.module.module-color.dark-blue .link-cont {
  background-color: #02528a;
}
.module.module-color.light-blue .link-cont {
  background-color: #1a8bf0;
}
.module.module-color.purple .link-cont {
  background-color: #794bc4;
}

@media screen and (max-width: 820px) {
  .module.module-color h3, .module.module-color .copy-inner {
    min-height: 0;
  }
}

.billboard {
  font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif; }
  .billboard-grey {
    background: none !important;
    padding: 0 !important; }
    .billboard-grey .img-container {
      height: auto !important; }

  .billboard.center {
    min-height: 290px;
    height: auto; 
    text-align: center;}
    .billboard.center .copy-container {
      padding: 1em; }
    .billboard.center h2 {
      position: relative;
      width: 100%;
      margin: 1em auto;
      bottom: auto;
      left: auto;
      transform: none; }
    .billboard.center .btn-container {
      margin: 1em auto; }
      .billboard.center .btn-container button {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none; }
  .billboard .overlay.black {
    background-color: black;
    background-image: linear-gradient(-60deg, black 0%, rgba(0, 0, 0, 0.2) 100%); }
  .billboard.green-gradient, .billboard.purple-gradient, .billboard.blue-gradient {
    margin: 0; }
  .billboard.img-full {
    margin-bottom: 0; }
    .billboard.img-full .copy-container {
      top: 50%;
      transform: translateY(-50%); }
  .billboard.background-white h3 {
    color: #24292c;
    margin-bottom: 0;
  }
  .billboard.img-left-half, .billboard.img-right-half {
    margin-bottom: 2.5rem;
  }

@media screen and (max-width: 900px) {
  .billboard.img-right-half .copy-container, .billboard.img-left-half .copy-container {
    padding: 20px;
  }
  .billboard.img-left-half h3 {
    margin-top: 1em;
  }

}


/* Billboard adjustments */
.billboard.img-full {
  margin-bottom: 0;
}
.billboard .text-green {
  color: #1ed089;
  margin: 1em 0;
}
.billboard.outro {
  color: #24292c;
  background: transparent;
  padding: 1em 2rem;
}
.billboard.no-img h2 {
  font-size: 2.375rem;
}
.billboard h3 {
  color: #24292c;
  margin-bottom: 0;
}

@media screen and (max-width: 900px) {
  .billboard h2 {
    font-size: 2rem;
  }
  .billboard.no-img h2 {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 500px) {
  .billboard.img-full .comp-container {
    min-height: 0;
  }
  .billboard.img-full .copy-container {
    position: relative;
    left: auto;
    bottom: auto;
    padding: 2rem 1rem;
    width: auto;
  }
}

/* Image Left Billboard - Mobile Styles */
@media screen and (max-width: 900px) {
  .billboard.img-left-half {
    padding-bottom: 4.5rem;
    min-height: 0;
    overflow: hidden;
  }
  .billboard.img-left-half h2 {
    margin-top: calc(1.5rem);
  }
  .billboard.img-left-half .img-container {
    float: none;
    width: 100%;
    display: block;
  }
  .billboard.img-left-half .copy-container {
    box-sizing: border-box;
    margin-left: 0;
    padding: 0 20px 0 20px;
    width: auto;
    display: block;
  }
}


.whats-new {
  background-color: #fff;
  padding: 4.5rem 0; }

.follow-us {
  margin: 4.5rem auto; }
  .follow-us .twitter-follow-button {
    margin-bottom: 1em; }

/* #CHANGE */
/* Added this class to give padding to the embedded Twitter grid on the home page.
If this needs to be handled differently, please update appropriately. */
.embedded-grid {
  width: 80%; 
  margin: 0px auto 0px auto; }
/* /#CHANGE */

.section-header {
  margin-bottom: 3rem; }
  .section-header h2 {
    margin-bottom: 0.5em; }

.products .product_collection {
  margin-bottom: 4.5rem; }
  @media screen and (max-width: 600px) {
    .products .product_collection [class*=' col-'] {
      width: 100%; } }
  .products .product_collection__main {
    background-repeat: no-repeat;
    background-size: cover; }
    .products .product_collection__main * {
      color: #fff; }
    .products .product_collection__main h3 {
      margin: 0;
      font-family: "Helvetica Neue LT", "Hiragino Kaku Gothic Pro", "Helvetica", "Tahoma", "Arial", sans-serif; }
    .products .product_collection__main p {
      margin: 0.5em auto; }
    .products .product_collection__main .header-container {
      margin: 1em auto; }
    .products .product_collection__main .copy-icon, .products .product_collection__main .copy-header {
      display: inline-block;
      vertical-align: top;
      text-align: left; }
    .products .product_collection__main .copy-header {
      width: 70%;
    }
    .products .product_collection__main .copy-icon {
      font-size: 3em;
      margin-right: 10px; }
  .products .product_collection.dtc_mobile .product_collection__main {
    background-image: url("../imgs/twitter_dtc_marketing_2h_product_bg_mobile.jpg"); }
  .products .product_collection.dtc_mobile .module:hover h4, .products .product_collection.dtc_mobile .module:focus h4 {
    color: #02528a; }
  .products .product_collection.dtc_mobile .module:hover a, .products .product_collection.dtc_mobile .module:focus a {
    color: #02528a; }
    .products .product_collection.dtc_mobile .module:hover a:hover, .products .product_collection.dtc_mobile .module:hover a:focus, .products .product_collection.dtc_mobile .module:focus a:hover, .products .product_collection.dtc_mobile .module:focus a:focus {
      color: #1a8bf0; }
  .products .product_collection.dtc_mobile .module .copy-container h4 i {
    color: #02528a; }
  .products .product_collection.dtc_mobile .module .copy-container h4 i.fontello-icon-crashlytics {
    color: #d13232; }
  .products .product_collection.dtc_mobile .module .copy-container h4 i.fontello-icon-answers {
    color: #051728; }
  .products .product_collection.dtc_mobile .module .copy-container h4 i.fontello-icon-twitter {
    color: #55acee; }
  .products .product_collection.dtc_mobile .module .copy-container h4 i.fontello-icon-digits {
    color: #5fa9dd; }
  .products .product_collection.dtc_mobile .module .copy-container h4 i.fontello-icon-mopub {
    color: #4d4d4d; }
  .products .product_collection.dtc_web .product_collection__main {
    background-image: url("../imgs/twitter_dtc_marketing_2h_product_bg_platform.jpg"); }
  .products .product_collection.dtc_web .module:hover h4, .products .product_collection.dtc_web .module:focus h4 {
    color: #55acee; }
  .products .product_collection.dtc_web .module:hover a, .products .product_collection.dtc_web .module:focus a {
    color: #55acee; }
    .products .product_collection.dtc_web .module:hover a:hover, .products .product_collection.dtc_web .module:hover a:focus, .products .product_collection.dtc_web .module:focus a:hover, .products .product_collection.dtc_web .module:focus a:focus {
      color: #55acee; }
  .products .product_collection.dtc_web .module .copy-container h4 i {
    color: #55acee; }
  .products .product_collection.dtc_data .product_collection__main {
    background-image: url("../imgs/twitter_dtc_marketing_2h_product_bg_data.jpg"); }
  .products .product_collection.dtc_data .module:hover h4, .products .product_collection.dtc_data .module:focus h4 {
    color: #f45D22; }
  .products .product_collection.dtc_data .module:hover a, .products .product_collection.dtc_data .module:focus a {
    color: #f45D22; }
    .products .product_collection.dtc_data .module:hover a:hover, .products .product_collection.dtc_data .module:hover a:focus, .products .product_collection.dtc_data .module:focus a:hover, .products .product_collection.dtc_data .module:focus a:focus {
      color: #1a8bf0; }
  .products .product_collection.dtc_data .module .copy-container h4 i {
    color: #f45D22; }
  .products .product_collection.dtc_apis .product_collection__main {
    background-image: url("../imgs/twitter_dtc_marketing_2h_product_bg_apis.jpg"); }
  .products .product_collection.dtc_apis .module:hover h4, .products .product_collection.dtc_apis .module:focus h4 {
    color: #e0245e; }
  .products .product_collection.dtc_apis .module:hover a, .products .product_collection.dtc_apis .module:focus a {
    color: #e0245e; }
    .products .product_collection.dtc_apis .module:hover a:hover, .products .product_collection.dtc_apis .module:hover a:focus, .products .product_collection.dtc_apis .module:focus a:hover, .products .product_collection.dtc_apis .module:focus a:focus {
      color: #1a8bf0; }
  .products .product_collection.dtc_apis .module .copy-container h4 i {
    color: #e0245e; }
  .products .product_collection.dtc_ad .product_collection__main {
    background-image: url("../imgs/twitter_dtc_marketing_2h_product_bg_advertising.jpg"); }
  .products .product_collection.dtc_ad .module:hover h4, .products .product_collection.dtc_ad .module:focus h4 {
    color: #794bc4; }
  .products .product_collection.dtc_ad .module:hover a, .products .product_collection.dtc_ad .module:focus a {
    color: #794bc4; }
    .products .product_collection.dtc_ad .module:hover a:hover, .products .product_collection.dtc_ad .module:hover a:focus, .products .product_collection.dtc_ad .module:focus a:hover, .products .product_collection.dtc_ad .module:focus a:focus {
      color: #1a8bf0; }
  .products .product_collection.dtc_ad .module .copy-container h4 i {
    color: #794bc4; }

.products .module {
  margin: 1rem auto;
  min-height: 250px; }
  .products .module .copy-container {
    padding: 1em; }
    .products .module .copy-container h4 {
      margin: 0.5em 0;
      transition: color .2s; }
      .products .module .copy-container h4 i {
        padding-right: 0.25em; 
        display: inline-block;
        margin-bottom: 0.5em; }
      .products .module .copy-container h4 span {
        display: inline-block;
        width: 65%;
        vertical-align: top;
        word-break: normal;
      }
    .products .module .copy-container p {
      line-height: 1.3em;
    }
@media screen and (max-width: 600px) {
  .products .module {
    height: auto;
    min-height: none;
  }
  .products .product_collection .col-x-6 {
    float: none;
    display: inline-block;
    width: 49.5;
  }
} 

.products .link-container {
  margin: 1em 0; }
  .products .link-container a {
    display: block;
    margin-bottom: 5px;
    color: #dde5ea;
    transition: color .2s; }
    .products .link-container a:hover {
      color: #1a8bf0; }
  .products .link-container button {
    margin: 0.5em auto; }

/* Home page overrides */
.dtc-home .products {
  margin-bottom: 3rem;
  padding-top: 3rem; }
  .dtc-home .product_collections__wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
  }
  .dtc-home .products .product_collection {
    margin-bottom: 1em;
    flex: 0 1 auto; }
  .dtc-home .products .product_collection .module {
    margin: 1rem 0;
    height: 100%;
    cursor: pointer;
  }
    /******* THESE COLORS ARE NOW CONTROLLED IN THE FONTELLO.CSS FILE IN _STATIC/CSS *******/
/* #CHANGE - The line immediately below used to be the following, but icons should not be all the same color, so the first part of the declaration was dropped.
  .dtc-home .products .product_collection i , .dtc-home .products .product_collection a */
  /*.dtc-home .products .product_collection a {
      color: #1a8bf0; }*/
/* #CHANGE - Added these styles as the icons must be the product color, not all the Twitter blue */
/*    .dtc-home .products .product_collection i.fontello-icon-fabric {
      color: #02528a; }
    .dtc-home .products .product_collection i.fontello-icon-twitter {
      color: #1da1f2; }
    .dtc-home .products .product_collection i.fontello-icon-gnip {
      color: #13465f; }
    .dtc-home .products .product_collection i.fontello-icon-twitter_apis {
      color: #e0245e; }
    .dtc-home .products .product_collection i.fontello-icon-advertising {
      color: #794bc4; }*/
/* /#CHANGE */
    .dtc-home .products .product_collection .copy-container i {
      font-size: 3em;
      margin: 0.5em auto;
      display: block; }
    .dtc-home .products .product_collection .comp-wrapper {
      /*min-height: 340px;*/
      background-color: #fff;
      transition: background-color .2s; }
      .dtc-home .products .product_collection .comp-wrapper.dtc_mobile:hover, .dtc-home .products .product_collection .comp-wrapper.dtc_mobile:focus {
        background-color: #02528a; }
      .dtc-home .products .product_collection .comp-wrapper.dtc_web:hover, .dtc-home .products .product_collection .comp-wrapper.dtc_web:focus {
        background-color: #1a8bf0; }
      .dtc-home .products .product_collection .comp-wrapper.dtc_data:hover, .dtc-home .products .product_collection .comp-wrapper.dtc_data:focus {
        background-color: #f45D22; }
      .dtc-home .products .product_collection .comp-wrapper.dtc_apis:hover, .dtc-home .products .product_collection .comp-wrapper.dtc_apis:focus {
        background-color: #e0245e; }
      .dtc-home .products .product_collection .comp-wrapper.dtc_ad:hover, .dtc-home .products .product_collection .comp-wrapper.dtc_ad:focus {
        background-color: #794bc4; }
      .dtc-home .products .product_collection .comp-wrapper:hover * {
        color: #fff; }
    @media screen and (max-width: 1100px) {
      .dtc-home .products .product_collection {
        height: auto; } }
    @media screen and (max-width: 820px) {
      .dtc-home .products .product_collections__wrapper {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
      }
      .dtc-home .products .product_collection {
        width: 48%;
        margin: 1em auto;
      }
    }
    @media screen and (max-width: 600px) {
      .dtc-home .products .product_collection {
        width: 100%; } }

/* Community FAQ */

.faq-section {
  margin-bottom: 3.5rem;
}
.faq-section p {
  margin-bottom: 1em;
}
.faq-section h3 {
  margin-bottom: 0.5em;
}
.faq-section ul {
  margin: 2em 0;
}
.faq-section ul li {
  margin: 1em 0;
}

/* Sticky left navigation */
.left-navigation__wrapper {
  height: 100%;
}
.left-navigation {
  max-width: 300px;
  transition: max-height 0.7s ease, margin-top 0.5s ease, opacity 0.4s ease;
}

.left-navigation.stuck{
  position: fixed;
  width: 25%;
  padding-right: 30px;
  margin-top: 54px;
  opacity: 1;
  transform: none;
  top: 0;
  z-index: 97;
}
.left-navigation.stuck-bottom {
  position: absolute;
  top: auto;
  bottom: 1em;
}

.left-navigation li {
  margin: 1em 0;
  position: relative;
  font-size: 1.25rem;
  transition: all .2s;
}
.left-navigation li:first-child {
  margin-top: 0;
}
.left-navigation li a {
  color: #7d8e9c;
  line-height: 1.2em;
  transition: all .2s;
}
.left-navigation li a:hover,
.left-navigation li a:focus {
  text-decoration: none;
  color: #1da1f2;
}
.left-navigation li.active {
  padding-left: 1em;
}
.left-navigation li.active a {
  color: #24292c;
}
.left-navigation li.active a:before {
  content: '';
  background: #1da1f2;
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.left-navigation__dropdown-btn {
  display: block;
  color: #1da1f2;
  text-decoration: none;
  top: 5px;
  padding: 1rem;
}

.left-navigation__dropdown-title {
  font-size: 22px;
}

.left-navigation__chevron {
  position: relative;
  float: right;
  top: 8px;
  right: 4px;
  font-size: 8px;
  transition: transform 0.5s ease;
  transform: rotate(-180deg);
}

.left-navigation__chevron.is-closed {
  transform: rotate(0deg);
  right: 8px;
}

.left-navigation ul{
  height: 100%;
  overflow-y: auto;
}
.left-navigation__placeholder {
  display: none;
}


@media screen and (min-width: 820px) {
  .left-navigation__dropdown-btn {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .has-left-nav {
    margin-top: 5rem;
  }
  .left-navigation__placeholder {
    height: 3rem;
    position: relative;
  }
  .left-navigation__wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 3rem;
    /*margin-bottom: 2.5rem;*/
    z-index: 1;
    transition: all .2s;
  }
  .left-navigation__wrapper.expanded {
    height: auto;
  }
  .left-navigation {
    max-width: none !important;
    background-color: #dde5ea;
    padding: 0 1rem;
  }
  .left-navigation.stuck, 
  .left-navigation.stuck-bottom {
    margin-top: 0;
    padding: 0 1rem;
    max-width: none !important;
    width: 100%;
    top: 0;
  }
  .left-navigation__wrapper .left-navigation ul {
    display: none;
  }
  .left-navigation__wrapper.expanded .left-navigation ul {
    display: block;
  }
}


/* Navigation */

.nav-drawer-dtc {padding:1.5rem 0 4.5rem;position:absolute;top:0;left:0;width:100%;background-color:transparent;box-sizing:border-box;max-height:67px;z-index:2;-moz-transition:background-color .5s cubic-bezier(0.165,0.84,0.44,1),max-height .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:background-color .5s cubic-bezier(0.165,0.84,0.44,1),max-height .5s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:background-color .5s cubic-bezier(0.165,0.84,0.44,1),max-height .5s cubic-bezier(0.165,0.84,0.44,1);transition:background-color .5s cubic-bezier(0.165,0.84,0.44,1),max-height .5s cubic-bezier(0.165,0.84,0.44,1)}
.nav-drawer-dtc.animate .header-left{margin-top:-50px;opacity:0}
.nav-drawer-dtc.animate .header-right{margin-top:-55px;opacity:0}
.nav-drawer-dtc.with-cta{top:3rem}
.nav-drawer-dtc.with-cta+.transparent-masthead{padding-bottom:9rem}
.nav-drawer-dtc.no-interaction .arrow-down{display:none}
.nav-drawer-dtc.no-interaction .header-left .property-title{cursor:default}
.nav-drawer-dtc.no-interaction .header-left .property-title a{color:#fff;text-decoration:none;-moz-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);transition:all .5s cubic-bezier(0.165,0.84,0.44,1)}
.nav-drawer-dtc.no-interaction .header-left .property-title a:hover,.nav-drawer-dtc.no-interaction .header-left .property-title a:hover .logo{color:#64b2f8}
.nav-drawer-dtc.no-interaction.transparent .header-left .property-title a{color:#4d5c69}
.nav-drawer-dtc.no-interaction.transparent .header-left .property-title a:hover,.nav-drawer-dtc.no-interaction.transparent .header-left .property-title a:hover .logo{color:#64b2f8}
.nav-drawer-dtc .nav-wrapper{padding-left:5.2%;padding-right:5.2%}
.nav-drawer-dtc.active{background:#fff;max-height:400px;z-index:2}
.nav-drawer-dtc.active .header-left .property-title{color:#4d5c69}
.nav-drawer-dtc.active .header-left .logo{color:#1a8bf0}
.nav-drawer-dtc.active .header-left .logo:hover{color:#64b2f8}
.nav-drawer-dtc.active .header-left .arrow-down{color:#4d5c69;-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
@media screen and (max-width:900px){
  .nav-drawer-dtc.active .header-left .arrow-down{color:#fff}
  .nav-drawer-dtc.active { max-height: 500px; }
}
.nav-drawer-dtc.active .header-right .search .search-icon{color:#4d5c69}
.nav-drawer-dtc.active .header-right .sign-in button{color:#4d5c69;border:1px solid #4d5c69;background:0}
.nav-drawer-dtc.active .header-right .sign-in button:hover{color:#fff;border-color:#1a8bf0;background-color:#1a8bf0}
.nav-drawer-dtc.active .nav-drawer-menu{opacity:1;visibility:visible}
@media screen and (max-width:900px){.nav-drawer-dtc.active .nav-drawer-menu{display:block}
}
.nav-drawer-dtc.active .nav-drawer-menu dl{top:0;opacity:1}
.nav-drawer-dtc.transparent .header-left .property-title{color:#4d5c69}
/*.nav-drawer-dtc.transparent .header-left .logo{color:#1a8bf0}*/
.nav-drawer-dtc.transparent .header-left .logo:hover{color:#64b2f8}
.nav-drawer-dtc.transparent .header-left .arrow-down{color:#4d5c69}
.nav-drawer-dtc.transparent .header-right .search-icon .icon-navigation_search{color:#4d5c69}
.nav-drawer-dtc.transparent .header-right .sign-in button{color:#4d5c69;border:1px solid #4d5c69;background:0}
.nav-drawer-dtc.transparent .header-right .sign-in button:hover{border-color:#1a8bf0;background-color:#1a8bf0;color:#fff}
.nav-drawer-dtc header{position:relative;height:40px}
.nav-drawer-dtc .header-left{opacity:1;-moz-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);transition:all .5s cubic-bezier(0.165,0.84,0.44,1)}
.nav-drawer-dtc .header-left .nav-drawer-link{cursor:pointer;float:left}
.nav-drawer-dtc .header-left .logo{display:block;margin:3px 11px 0 0;float:left;width:26px;height:22px;color:#fff;font-size:20px;text-decoration:none;-moz-transition:color .2s ease;-o-transition:color .2s ease;-webkit-transition:color .2s ease;transition:color .2s ease}
.nav-drawer-dtc .header-left .logo:hover{color:#64b2f8}
.nav-drawer-dtc .header-left .logo-and-title{display:inline-block}
.nav-drawer-dtc .header-left .logo-and-title .logo{margin-top:0}
.nav-drawer-dtc .header-left .logo-and-title:hover .logo .nav-drawer-dtc .header-left .logo-and-title:hover .title{color:#1a8bf0}
.nav-drawer-dtc .header-left .property-title{margin:0;padding:4px 10px 0 0;font-size:1.25rem;font-weight:400;line-height:1.25rem;color:#fff;float:left;width:auto;cursor:pointer;-moz-transition:color .2s ease;-o-transition:color .2s ease;-webkit-transition:color .2s ease;transition:color .2s ease;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.nav-drawer-dtc .header-left .arrow-down{margin:11px 0 0;float:left;width:13px;height:6px;font-size:6px;color:#fff;-moz-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
.nav-drawer-dtc .header-right{width:300px;position:absolute;top:0;right:0;opacity:1;-moz-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .5s cubic-bezier(0.165,0.84,0.44,1);transition:all .5s cubic-bezier(0.165,0.84,0.44,1);-moz-transition-delay:.1s;-o-transition-delay:.1s;-webkit-transition-delay:.1s;transition-delay:.1s}
.nav-drawer-dtc .header-right .search{margin:calc(.5rem - 4px) 25px 0 0;float:right;width:20px;cursor:pointer;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.nav-drawer-dtc .header-right .search .input-container{margin-bottom:0;border-radius:4px}
.nav-drawer-dtc .header-right .search .input-container .input{position:absolute;border-radius:4px;top:-5px;left:-210px;width:240px;height:32px;z-index:1;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.nav-drawer-dtc .header-right .search .input-container .input input{padding:3px 35px 3px .75rem;position:absolute;width:100%;border-radius:4px;border:1px solid #dde5ea;left:240px;top:0;color:#4d5c69;background-color:#fff;font-size:1rem;font-weight:400;line-height:1.5rem;box-sizing:border-box;-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}
.nav-drawer-dtc .header-right .search .input-container .search-suggestions{margin:25px 0 0;padding:31px 0 25px;border-radius:4px;position:absolute;top:-5px;left:-210px;width:240px;background:rgba(255,255,255,0.9);opacity:0;visibility:hidden;-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.nav-drawer-dtc .header-right .search .input-container .search-suggestions.active{opacity:1}
.nav-drawer-dtc .header-right .search .input-container .search-suggestions ul li{padding:5px 10px;color:#4d5c69;font-size:1rem;font-weight:400;line-height:.8rem;cursor:pointer}
.nav-drawer-dtc .header-right .search .input-container .search-suggestions ul li strong{font-weight:700}
.nav-drawer-dtc .header-right .search .input-container .search-suggestions ul li:hover{color:#fff;background:#1a8bf0}
.nav-drawer-dtc .header-right .search.opened{z-index:2}
.nav-drawer-dtc .header-right .search.opened .input-container input{left:0}
.nav-drawer-dtc .header-right .search.opened .search-icon{-moz-transform:scale(0.7);-o-transform:scale(0.7);-ms-transform:scale(0.7);-webkit-transform:scale(0.7);transform:scale(0.7);color:#4d5c69}
.nav-drawer-dtc .header-right .search .search-icon{float:left;width:20px;height:20px;display:block;color:#fff;font-size:20px;position:relative;z-index:2}
.nav-drawer-dtc .header-right .avatar{margin:-2px 0 0;cursor:pointer}
.nav-drawer-dtc .header-right .avatar img{margin:0;border:1px solid rgba(255,255,255,0.2);border-radius:4px;width:30px}
.nav-drawer-dtc .header-right .sign-in{display:none}
.nav-drawer-dtc .header-right .sign-in .btn-container{margin-bottom:0}
.nav-drawer-dtc .header-right .login-wrapper{float:right}
.nav-drawer-dtc .header-right .login-container.signed-out .sign-in{margin-top:-1px;display:block}
.nav-drawer-dtc .header-right .login-container.signed-out .sign-in button{padding:calc(1.5rem / 3 - 5px) calc(1.5rem / 2 + 4px) calc(1.5rem / 3 - 5px) calc(1.5rem / 2 + 4px);font-size:.875rem}
.nav-drawer-dtc .header-right .login-container.signed-out .avatar{display:none}
.nav-drawer-dtc .header-right .signed-in_dropdown{padding:calc(.75rem) 0;border-radius:4px;position:absolute;top:60px;right:2px;background:#fff;font-family:"Helvetica","Hiragino Kaku Gothic Pro","Tahoma","Arial",sans-serif;font-weight:normal;opacity:0;visibility:hidden;-moz-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:all .3s cubic-bezier(0.165,0.84,0.44,1);transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
.nav-drawer-dtc .header-right .signed-in_dropdown.active{top:40px;opacity:1;visibility:visible}
.nav-drawer-dtc .header-right .signed-in_dropdown:before{position:absolute;top:-5px;right:10px;content:" ";width:7px;height:7px;background:url("../imgs/signedin_triangle.svg") right 0;z-index:222}
.nav-drawer-dtc .header-right .signed-in_dropdown ul{min-width:113px}
.nav-drawer-dtc .header-right .signed-in_dropdown ul li{line-height:1rem}
.nav-drawer-dtc .header-right .signed-in_dropdown ul li a{padding:2px 20px;display:block;font-size:.75rem;color:#4d5c69;text-decoration:none}
.nav-drawer-dtc .header-right .signed-in_dropdown ul li a:hover{color:#fff;background:#1a8bf0}
.nav-drawer-dtc .header-right .signed-in_dropdown ul li h5{padding:6px 0 0;font-weight:700}
.nav-drawer-dtc .header-right .signed-in_dropdown ul li h5 a{color:#1c2023}
.nav-drawer-dtc .header-right .signed-in_dropdown ul li span a{font-size:.667rem}
.nav-drawer-dtc .nav-drawer-menu{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-left:2.3125rem;opacity:0;box-sizing:border-box;margin-top:1.5rem;visibility:hidden;float:left;width:100%}
.nav-drawer-dtc .nav-drawer-menu dl{-webkit-box-flex:1 1 auto;-moz-box-flex:1 1 auto;-webkit-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;position:relative;top:20px;overflow:hidden;font-size:1rem;list-style:none;opacity:0;-moz-transition:top .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.165,0.84,0.44,1);-o-transition:top .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.165,0.84,0.44,1);-webkit-transition:top .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.165,0.84,0.44,1);transition:top .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.165,0.84,0.44,1)}
.nav-drawer-dtc .nav-drawer-menu dl dt{margin:0 0 14px;font-size:.875rem;font-weight:700;line-height:1.3}
.nav-drawer-dtc .nav-drawer-menu dl dt a:link,.nav-drawer-dtc .nav-drawer-menu dl dt a:visited{color:#1a8bf0;text-decoration:none}
.nav-drawer-dtc .nav-drawer-menu dl dt a:link:hover,.nav-drawer-dtc .nav-drawer-menu dl dt a:visited:hover{color:#8d28d6}
.nav-drawer-dtc .nav-drawer-menu dl dd{margin-bottom:.5em;font-size:.875rem;overflow:hidden;line-height:1.3;color:#4d5c69;word-break:break-word}
.nav-drawer-dtc .nav-drawer-menu dl dd a{color:#4d5c69;text-decoration:none;font-size:.875rem}
.nav-drawer-dtc .nav-drawer-menu dl dd a:hover{color:#1c2023}
.nav-drawer-dtc .nav-drawer-menu dl dd svg{margin:.75rem .5rem 0 0;float:left;width:12px;height:20px;display:block;fill:#4d5c69}
.nav-drawer-dtc .nav-drawer-menu dl.mobile-nav{display:none}
.nav-drawer-dtc .nav-drawer-menu dl:nth-child(1){-moz-transition-delay:.05s;-o-transition-delay:.05s;-webkit-transition-delay:.05s;transition-delay:.05s}
.nav-drawer-dtc .nav-drawer-menu dl:nth-child(2){-moz-transition-delay:.1s;-o-transition-delay:.1s;-webkit-transition-delay:.1s;transition-delay:.1s}
.nav-drawer-dtc .nav-drawer-menu dl:nth-child(3){-moz-transition-delay:.15s;-o-transition-delay:.15s;-webkit-transition-delay:.15s;transition-delay:.15s}
.nav-drawer-dtc .nav-drawer-menu dl:nth-child(4){-moz-transition-delay:.2s;-o-transition-delay:.2s;-webkit-transition-delay:.2s;transition-delay:.2s}
.nav-drawer-dtc .nav-drawer-menu dl:nth-child(5){-moz-transition-delay:.25s;-o-transition-delay:.25s;-webkit-transition-delay:.25s;transition-delay:.25s}
.nav-drawer-dtc .nav-drawer-menu dl:nth-child(6){-moz-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transition-delay:.3s;transition-delay:.3s}
.nav-drawer-dtc .nav-drawer-menu dl:nth-child(7){-moz-transition-delay:.35s;-o-transition-delay:.35s;-webkit-transition-delay:.35s;transition-delay:.35s}
.nav-drawer-dtc .nav-drawer-menu dl:nth-child(8){-moz-transition-delay:.4s;-o-transition-delay:.4s;-webkit-transition-delay:.4s;transition-delay:.4s}
.nav-icon{padding:calc(1.5rem - 15px) 1.5rem calc(1.5rem - 15px) 0;position:absolute;right:0;top:0;cursor:pointer;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:2002;outline:0;display:none}
.nav-icon span,.nav-icon span:before,.nav-icon span:after{cursor:pointer;border-radius:0;height:2px;width:20px;background:#fff;position:absolute;display:block;content:'';-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.nav-icon span:before{top:-5px}
.nav-icon span:after{bottom:-5px}
.nav-icon:hover span,.nav-icon:hover span:before,.nav-icon:hover span:after{background:#fff}
.nav-icon.active span{background:transparent}
.nav-icon.active span:before,.nav-icon.active span:after{top:0;background:#fff}
.nav-icon.active span:before{-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.nav-icon.active span:after{-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
@media screen and (min-width:901px){.nav-exposed .header-right{width:auto}
.nav-exposed .header-right .search{z-index:0}
.nav-drawer-dtc.nav-exposed.active{background:0}
.nav-drawer-dtc.nav-exposed.active .header-left .property-title{color:#fff}
.nav-drawer-dtc.nav-exposed.active .header-right .sign-in button{color:#fff;background-color:#1a8bf0;border:1px solid #1a8bf0}
.nav-drawer-dtc.nav-exposed.active .header-right .search{z-index:0}
.nav-drawer-dtc.nav-exposed.active .header-right .search .search-icon{color:#fff}
.nav-drawer-dtc.nav-exposed.active .header-right .search.opened{z-index:2}
.nav-exposed__menu{max-width:750px;margin:0 0 0 1rem;opacity:1;visibility:visible;float:left;position:relative;top:7px;z-index:1}
.nav-main__list-item{display:block;float:left;will-change:transform;font-size:1rem;font-weight:500}
.nav-main__list-item:not(:last-child){margin-right:1rem}
.nav-main__list-item a{will-change:transform;position:relative;color:#fff;text-decoration:none}
.nav-main__list-item a:after{content:"";position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:#fff;visibility:hidden;opacity:0;transition:all .3s ease-in-out 0}
.nav-main__list-item a:hover:after{visibility:visible;opacity:1;transform:translateY(-2px)}
.transparent .nav-exposed__menu .nav-main__list-item a{color:#4d5c69;font-weight:400}
.transparent .nav-exposed__menu .nav-main__list-item a:after{background-color:#4d5c69;bottom:-3px;height:1px}
}
@media screen and (max-width:1200px){.nav-drawer-dtc .nav-drawer-menu{margin-left:0}
.nav-drawer-dtc .nav-drawer-menu dl dt{margin-bottom:10px;font-size:.875rem}
.nav-drawer-dtc .nav-drawer-menu dl dd{line-height:1.3rem}
.nav-drawer-dtc .nav-drawer-menu dl dd a{font-size:.75rem}
}
@media screen and (max-width:900px){.nav-drawer{z-index:2}
.nav-drawer-dtc.nav-exposed .nav-exposed__menu{width:100%;opacity:0;visibility:hidden;clear:both}
.nav-drawer-dtc.nav-exposed.active header{height:auto}
.nav-drawer-dtc.nav-exposed.active .nav-exposed__menu{visibility:visible;opacity:1;position:relative;top:2rem}
.nav-drawer-dtc.nav-exposed .nav-main__list-item{margin:1.5rem calc(1.5rem + 20px) 0 0}
.nav-drawer-dtc.nav-exposed .nav-main__list-item a:link,.nav-drawer-dtc.nav-exposed .nav-main__list-item a:visited{color:#fff;font-size:1.5rem;font-weight:400;text-decoration:none}
}
@media screen and (max-width:900px) and (max-width:300px){.nav-drawer-dtc.nav-exposed .nav-main__list-item a:link,.nav-drawer-dtc.nav-exposed .nav-main__list-item a:visited{font-size:1.125rem}
}
@media screen and (max-width:900px){.nav-drawer-dtc.active{background:#1a8bf0;height:auto;overflow:hidden;z-index:3}
.nav-drawer-dtc.active .header-left .property-title{color:#fff}
.nav-drawer-dtc.active .header-left .logo{color:#fff}
.nav-drawer-dtc.active .header-right{display:block;min-height:0}
.nav-drawer-dtc.transparent{margin-bottom:100px}
.nav-drawer-dtc.transparent .nav-drawer-menu{background:0}
.nav-drawer-dtc.transparent .nav-icon span,.nav-drawer-dtc.transparent .nav-icon span:before,.nav-drawer-dtc.transparent .nav-icon span:after{background:#4d5c69}
.nav-drawer-dtc.transparent.active .header-left .arrow-down{color:#fff}
.nav-drawer-dtc.transparent.active .nav-icon span{background:transparent}
.nav-drawer-dtc.transparent.active .nav-icon span:before,.nav-drawer-dtc.transparent.active .nav-icon span:after{background:#fff}
.nav-drawer-dtc.no-interaction.transparent.active .header-left .property-title a{color:#fff}
.nav-drawer-dtc.no-interaction.transparent.active .header-left .property-title a:hover,.nav-drawer-dtc.no-interaction.transparent.active .header-left .property-title a:hover .logo{color:#64b2f8}
.nav-drawer-dtc .nav-drawer-menu{margin:0;padding-left:0}
.nav-drawer-dtc .nav-drawer-menu dl{margin:1.5rem calc(1.5rem + 20px) 0 0;width:100%;float:none;clear:both;font-size:1.5rem}
.nav-drawer-dtc .nav-drawer-menu dl dt{width:auto}
.nav-drawer-dtc .nav-drawer-menu dl dt a:link,.nav-drawer-dtc .nav-drawer-menu dl dt a:visited{color:#fff;font-size:1.5rem;font-weight:400}
}
@media screen and (max-width:900px) and (max-width:300px){.nav-drawer-dtc .nav-drawer-menu dl dt a:link,.nav-drawer-dtc .nav-drawer-menu dl dt a:visited{font-size:1.125rem}
}
@media screen and (max-width:900px){.nav-drawer-dtc .nav-drawer-menu dl dt a:link:hover,.nav-drawer-dtc .nav-drawer-menu dl dt a:visited:hover{color:#fff}
.nav-drawer-dtc .nav-drawer-menu dl dd{display:none;width:auto}
.nav-drawer-dtc .nav-drawer-menu dl.mobile-nav{margin:1.5rem calc(1.5rem + 20px) 0 10px;padding:calc(1.5rem + 20px) 0 0;width:95%;border-top:1px solid #fff;display:block;opacity:.6}
.nav-drawer-dtc .nav-icon{display:block}
.nav-drawer-dtc .login-container{display:none}
.nav-drawer-dtc .search,.nav-drawer-dtc .avatar{display:none}
}
.nav-contextual-desktop{margin-top:3rem}
.nav-contextual-desktop ul{margin:auto;overflow:hidden;width:100%;font-size:1rem;box-sizing:border-box;border-radius:4px;list-style:none}
.nav-contextual-desktop ul a{color:#4d5c69;text-decoration:none}
.nav-contextual-desktop ul a.active{color:#1c2023;font-weight:700}
.nav-contextual-desktop ul a:hover{color:#1c2023}
.nav-contextual-desktop ul.back-main{margin:0 0 2.625rem 0;font-weight:700}
.nav-contextual-desktop ul.back-main .arrow-down{position:absolute;right:5.2%;top:1px;width:20px;font-size:10px;display:none;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.nav-contextual-desktop ul li{margin:auto;padding:.75rem 0;width:100%;font-size:1rem;vertical-align:top;overflow:hidden;line-height:1.25rem;color:#4d5c69;box-sizing:border-box}
.nav-contextual-desktop ul li.current a{color:#1c2023}
.nav-contextual-desktop ul li.current .arrow-down{display:none}
.nav-contextual-desktop ul li.current ul li a{color:#4d5c69}
.nav-contextual-desktop ul li:hover ul li{color:#4d5c69;font-weight:400}
.nav-contextual-desktop ul li .icon-navigation_side_back_arrow_mobile{margin:0 10px 0 0;float:left;font-size:11px}
.nav-contextual-desktop ul li span{margin-top:0;float:left}
.nav-contextual-desktop ul li ul{margin:20px 0 20px 0;padding-left:1em;border-left:1px solid #1a8bf0;border-radius:0}
.nav-contextual-desktop ul li ul li:first-child{margin:-10px 0 0 0}
.nav-contextual-desktop ul li ul li:last-child{margin:0 0 -10px 0}
.nav-contextual-desktop ul li ul li a{color:#4d5c69}
.nav-contextual-desktop ul li ul li a:hover{color:#1c2023}
.nav-contextual-mobile{display:none}
.nav-contextual-mobile.active .comp-container{padding-bottom:62px}
@media screen and (max-width:900px){.nav-contextual-mobile.active .comp-container{padding-bottom:67px}
}
.t-row-contextual.transp{margin-top:4.5rem}
@media screen and (max-width:900px){.t-row-contextual{margin-top:-4.5rem;padding-left:0;padding-right:0;width:100%}
.t-row-contextual .col{width:100%}
.t-row-contextual.transp{margin-top:4.5rem}
.nav-contextual-desktop{display:none}
.nav-contextual-mobile{margin:-4.5rem 0 1.5rem 0;padding:0 0 0 5.2%;background:#dde5ea;width:auto;display:block}
.nav-contextual-mobile .comp-container{padding-bottom:0}
.nav-contextual-mobile.fixed{position:fixed;top:0;left:0;width:100%;z-index:4;box-sizing:border-box}
.nav-contextual-mobile.active .current .arrow-down{-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}
.nav-contextual-mobile.active .current ul{display:block}
.nav-contextual-mobile.active .back-main{display:block}
.nav-contextual-mobile ul{margin:0;color:#1c2023;overflow:hidden;width:100%;font-size:1rem;box-sizing:border-box;border-radius:4px;list-style:none}
.nav-contextual-mobile ul a{color:#4d5c69;text-decoration:none}
.nav-contextual-mobile ul a.active{color:#1c2023;font-weight:700}
.nav-contextual-mobile ul a:hover{color:#1c2023}
.nav-contextual-mobile ul.back-main{margin:0;padding-left:5.2%;border-radius:0;color:#1a8bf0;background:#e9f0f4;font-weight:400;position:absolute;bottom:0;left:-5.2%;box-sizing:content-box;display:none}
.nav-contextual-mobile ul.back-main .arrow-down{position:absolute;right:5.2%;top:1px;width:20px;font-size:10px;display:none;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.nav-contextual-mobile ul.back-main li{padding:10px 0 10px 0;display:block}
.nav-contextual-mobile ul.back-main li a{font-size:.875rem;font-weight:700}
.nav-contextual-mobile ul.back-main li a .arrow-down{display:block}
.nav-contextual-mobile ul li{margin:auto;padding:0;width:100%;font-size:1rem;vertical-align:top;overflow:hidden;cursor:pointer;line-height:2.625rem;color:#4d5c69;box-sizing:border-box;color:#1c2023;display:none}
.nav-contextual-mobile ul li span{margin-top:0;float:left}
.nav-contextual-mobile ul li .icon-navigation_side_back_arrow_mobile{margin:0 10px 0 0;float:left;font-size:11px}
.nav-contextual-mobile ul li:hover{color:#1c2023;font-weight:400}
.nav-contextual-mobile ul li.current{display:block;padding-bottom:8px}
.nav-contextual-mobile ul li.current .arrow-down{position:absolute;right:5.2%;top:12px;width:20px;font-size:10px;display:block;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.nav-contextual-mobile ul li.current>a{padding-top:12px}
.nav-contextual-mobile ul li.current a{display:block;font-size:22px;color:#1a8bf0;font-weight:400}
.nav-contextual-mobile ul li.current ul{margin:10px 0 15px 0;padding-left:1em;border-left:1px solid #1a8bf0;border-radius:0;display:none}
.nav-contextual-mobile ul li.current ul li{display:block}
.nav-contextual-mobile ul li.current ul li a{color:#4d5c69;font-size:1rem}
.nav-contextual-mobile ul li.current ul li:first-child{margin:-10px 0 0 0}
.nav-contextual-mobile ul li.current ul li:last-child{margin:0 0 -10px 0}
}

/* Navigation overrides */
.nav-drawer-dtc .header-left .nav-drawer-link {margin-right:3rem}
.nav-main__list-item:not(:last-child){margin-right:3rem}
.nav-drawer-dtc.transparent .nav-icon span,.nav-drawer-dtc.transparent .nav-icon span:before,.nav-drawer-dtc.transparent .nav-icon span:after{background:#fff;}
.transparent .nav-exposed__menu .nav-main__list-item a{color:#fff;font-weight:400}
.transparent .nav-exposed__menu .nav-main__list-item a:after{background-color:#fff;bottom:-3px;height:1px}
.nav-drawer-dtc.no-interaction.transparent .header-left .property-title a { color: #fff; }
/* END Navigation overrides */

/* Navigation CTA button */
.nav-main__list-item.nav-cta {
  display: none;
}
.nav-main__list-item.nav-cta a:after {
  display: none;
}

@media screen and (max-width: 900px) {
  .nav-main__list-item.nav-cta {
    display: block;
  }
  .nav-main__list-item.nav-cta button {
      border: 1px solid #fff;
      color: #fff;
  }
  .header-right .nav-cta {display:none;}
}

/* Helpers */
.text-center { text-align: center; }

@media screen and (max-width: 600px) {
  .col-xs-6 {
    width: 100%;
  }
}


/* Carousel/Slider (general) */

.slider.general {
  margin-top: 4.5rem;
}
.slider.general .slides {
  background-size: cover;
  background-repeat: no-repeat;
}
.slider.general .slide {
  background-size: cover;
}
.slider.general .slide .copy-container {
  padding: 4.5rem 1rem;
}

.slider.general .slide.img-full {
  color: #fff;
}

.slider.general .slide.img-full h1 {
  margin-bottom: 1rem;
}

.slider.general .slick-dots {
  position: absolute;
  bottom: 1em;
  width: 100%;
  text-align: center;
}
.slider.general .slick-dots li {
  display: inline-block;
  margin: 0.25em;
}
.slider.general .slick-dots li button {
  background-color: transparent;
  padding: 0;
  width: 1rem;
  height: 1rem;
  border: 1px solid #fff;
  border-radius: 50%;
  text-indent: -9999px;
}
.slider.general .slick-dots li.slick-active button {
  background-color: #fff;
}


/* Success stories modules */
.success-stories {
  margin-top: 4.5rem;
}
.module.no-bg {
  background: none;
}
.module.no-bg .copy-container {
  padding: 0;
}
.module.no-bg h4 {
  color: #1da1f2;
  display: block;
}

.module.no-bg .img-container .img-container-inner {
  float: none;
}

.success-stories .btn-container {
  margin: 1em 0;
}

.bots .success-stories {
  background-color: #fff;
  margin-top: 0;
  padding-top: 4.5rem;
}
@media screen and (max-width: 820px) {
  .bots .success-stories .module .img-container {
    width: 60%;
    margin: 0 auto;
  }
}

/* Intro section */
.introduction {
  max-width: 80%;
  margin: 0 auto 4.5rem auto;
}
.introduction img {
  margin-bottom: 2.5rem;
}
.introduction h3 {
  margin-bottom: 1em;
}
.introduction p {
  font-size: 1.5em;
  line-height: 1.5em;
  color: #7d8e9c;
}
.introduction .img-container {
  margin: 2.5rem auto;
}

@media screen and (max-width: 600px) {
  .introduction {
    max-width: none;
  }
}

/* Hero videos */

.hero_video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 700px;
  object-fit: cover;
}

.hero_video.hide {
  display: none;
}

.ios {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 700px;
  object-fit: cover;
}

.ios.show {
  display: block;
}


/* Twitter Collection Grid overrides */
.twitter-grid-container {
  max-height: 400px;
  overflow: scroll;
  margin-bottom: 4.5rem;
}


/* Large icons as images */
.large-graphic {
  margin-bottom: 2rem;
}
.large-graphic i {
  font-size: 125px;
}
.large-graphic .fontello-icon-twitter_apis {
  color: #1da1f2;
}

/* Form overrides */

.label {
  margin-bottom: 1em;
}

#success-message, #error-message {
  display: none;
  padding: 2rem;
  color: #fff;
}

#success-message p, #error-message p {
  margin: 0;
}

#error-message {
  background-color: rgba(237, 32, 77, 0.8);
}

#error-message p {
  color: #fff;
}


/* Play Button */
.video-container {
  position: relative;
}
.play-btn {
  display: block;
  z-index: 2;
  text-align: center;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 35%;
}
.play-btn img {
  height: 15vw;
  width: 15vw;
  cursor: pointer;
}