html{
  scroll-behavior: smooth;
}
body, button{
  margin: 0;
  font-family: montserrat;
}
a, h1, h2, h3, h4, h5, h6, p, body{
  font-family: "Montserrat", sans-serif;
}
h1{
/*  padding: 50px;
  padding-left: 75px;
  padding-right: 75px;*/
  margin: 0;
  color: white;
  font-weight: 400;
  font-variant: small-caps;
  font-size: 50px;
  text-align: center;
  line-height: 1.75;
}
h2{
  font-size: 55px;
  font-weight: 300;
  font-variant: small-caps;
  text-align: center;
  margin-top: 0;
  color: #3a5a9c;
  padding-top: 30px;
}
p{
  font-size: 17px;
  line-height: 1.7;
}
.our-business-container, .serving-container, #featured-deals{
  padding-bottom: 20px;
}
.container{
  max-width: 1800px;
  margin: auto;
}
.hero{
  overflow: hidden;
  height: 750px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-hero{
  width: 100%;
  height: 750px;
  top:0;
  position: absolute;
  z-index: -1000;
  object-fit: cover;
}
.hero-text-container{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.65);
  padding: 40px;
  padding-left: 100px;
  padding-right: 100px;
}
.hero-text{
  max-width: 600px;
  margin: auto;
  letter-spacing: 10px;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
}
.big-hero-text{
  font-weight: bold;
  font-size: 75px;
  text-transform:uppercase;
  letter-spacing: 10px;
  margin-bottom: 15px;
  border-bottom: solid 2px #2199e8;
}
.hero-description{
  max-width: 1100px;
  margin: auto;
  color: white;
  text-align: center;
}
.ticker, .ticker-container{
  width: 100%;
  height: 65px;
  background: black;
  margin: 0;
}
.ticker{
  width: 150%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  animation: moveLeft 4025s linear infinite;
  animation-fill-mode: both;
}
@keyframes moveLeft {
  0%   { transform: translate(0%, 0); }
    100% { transform: translate(-10000%, 0); }
}
.ticker-container{
  overflow: hidden;
}
.ticker-item{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  margin-right: 20px;
  height: 65px;
  white-space: nowrap;
}
.ticker-company-name{
  color: white;
  font-weight: 300;
  margin: 0;
  font-variant: small-caps;
  text-decoration: none;
  /*width: 750px;*/
  text-align: center;
}
.ticker-company-name:hover{
  text-decoration: underline;
}
.ticker-company-spacer{
  width: 20px;
  margin-left: 40px;
  color: white;
  text-align: center;
}
.ticker-company-patent{
  color: white;
  margin: 0;
}
.our-business-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.business-container{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49.5%;
  height: 700px;
}
.b1{
  background: url('/images/nyc-skyline-home-capital-resized.jpg') top no-repeat;
  background-size: cover;
}
.b2{
  background: url('../images/nyc_skyline_header.jpg') no-repeat center;
  background-size: cover;
}
.business{
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  position: relative;
  background: rgba(0,0,0,0.5);
  padding: 20px;
  margin: 40px;
  width: 500px;
  height: 500px;
  color: white;
  text-align: center;
}
.tear-sheet{
  color: white;
  text-decoration: none;
  bottom: 0;
  right: 0;
  align-self: flex-end;
  margin-bottom: -15px;
  margin-left: -10px;
}
.business-name{
  font-size: 45px;
  font-weight: 400;
  letter-spacing: 5px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 20px;
  display: block;
}
.business-description{
  line-height: 2;
  max-width: 400px;
  display: block;
}
.my-accordion{
  transition: 0.4s;
}
.go-to-business{
  padding: 20px;
  padding-left: 30px;
  padding-right: 30px;
  background: #deebf7;
  color: #3a5a9c;
  text-align: center;
  text-decoration: none;
  border: solid 2px transparent;
  border-radius: 10px;
  transition: all 0.3s;
}
.go-to-business:hover{
  background: #3a5a9c;
  border: solid 2px #deebf7;
  color: #deebf7;
  transition: all 0.3s;
}
.read-more{
  background: transparent;
  font-size: 16px;
  padding: none;
  text-decoration: underline;
  color: #2199e8;
  border: none;
  cursor: pointer;
}
#serving-our-clients{
  background: #deebf7;
  width: 100%;
}
.serving-container{
  display: flex;
  justify-content: space-around;
  align-items: center;
  max-width: 1800px;
  margin: auto;
  padding-top: 75px;
  padding-bottom: 75px;
}
.serving-title-mobile{
  display: none;
}
.serving-img{
  width: 50%;
  background: black;
  height: auto;
}
.serving-text{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 38%;
}
.active1{
  transform: rotateX(180deg);
  background: #deebf7 !important;
  transition: all 0.4s;
}
.business-desc{
  display: none;
  color: #3a5a9c;
  transform: rotateX(-180deg);
  font-size: 17px;
  line-height: 2.4;
}
.serving-description{
  text-align: center;
  color: #3a5a9c;
}
.t-container{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.tear-sheet-text{
  margin: 0;
  padding-left: 5px;
  text-decoration: underline;
}
.fourty-bil-text-container{
  color: white;
  text-align: center;
  margin-top: 70px;
  margin-bottom: 70px;
  padding: 20px;
  padding-left: 75px;
  padding-right: 75px;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.fourty-billion-description-container{
  width: 0;
  overflow: visible;
  transition: width 0.5s;
}
.fourty-billion-description-container.show{
  width: 600px;
  transition: width 0.5s;
}

.fourty-desc{
  width: 500px;
  padding-left: 50px;
  margin-left: 50px;
  opacity: 0;
  border-left: solid 1px transparent;
  transition: all 0.5s;
}
.fourty-desc.show{
  opacity: 1;
  border-left: solid 1px white;
  transition: all 0.5s;
}
.fourty-billion-container{
  width: 100%;
  background: url('../images/Via-Mizner-min.jpg');
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}
.fourty-billion-bullets{
  background: rgba(0,0,0,0.5);
  margin: 70px;
  margin-right: 0px;
  display: flex;
  align-items: center;
}
.fourty-bullets{
  font-size: 35px;
  color: white;
}
.fourty-b{
  padding: 10px;
  margin: 20px;
  letter-spacing: 1.2px;
}
.mon-title{
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 300;
  letter-spacing: 5px;
  margin: 0;
  margin-bottom: 10px;
}
.mon-sub{
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 5px;
  margin: 0;
  padding-bottom: 20px;
  border-bottom: solid 1px white;
  max-width: 500px;
  transition: all 0.5s;
}
.mon-sub.hide{
  border-bottom: solid 1px transparent;
  padding-bottom: 0;
  transition: all 0.5s;
}
.fourty-bill-learn-more-container{
  margin-top: 20px;
  height: 24.5px;
  overflow: hidden;
  text-decoration: underline;
  cursor: pointer;
  transition: height 0.5s;
}
.fourty-bill-learn-more-container.hide{
  margin-top: 20px;
  height: 0px;
  transition: height 0.5s;
}
.fourty-bil-learn-more{
  font-size: 20px;
  color: #2199e8;
}
span{
  font-size: 65px;
}
.deals-container{
  max-width: 1800px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.deal{
  background-position: center;
  background-repeat: none;
  background-size: cover;
  width: 31%;
  min-height: 336px;
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.4s;
}
.deal-name{
  border-bottom: solid 2px gray;
  background: rgba(0,0,0,0.5);
  text-transform: uppercase;
  color: white;
  font-weight: 300;
  font-size: 35px;
  letter-spacing: 5px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 500px;
  width: 100%;
  margin: auto;
  margin-bottom: 0;
  margin-top: 40px;
  transition: all 0.2s;
}
.deal:hover .deal-name{
  color: transparent;
  transition: all 0.2s;
  border-bottom: solid 2px transparent;
  background: transparent;
}
.deal-name.not-clicked{
  border-bottom: solid 2px gray !important;
  background: rgba(0,0,0,0.5) !important;
  text-transform: uppercase;
  color: white !important;
  font-weight: 300;
  font-size: 35px;
  letter-spacing: 5px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  max-width: 500px;
  width: 100%;
  margin: auto;
  margin-bottom: 0;
  margin-top: 40px;
  transition: all 0.2s;
}
.deal-name.clicked{
  color: transparent;
  transition: all 0.2s;
  border-bottom: solid 2px transparent;
  background: transparent;
}
.deal-name-container{
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.price-learn{
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.5);
  color: white;
  max-width: 500px;
  overflow: hidden;
  margin: auto;
  margin-top: 0;
  margin-bottom: 40px;
  width: 500px;
  transition: all 0.2s;
}
.deal:hover .price-learn{
  background: transparent;
  transition: all 0.2s;
}
.price-learn.not-clicked{
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.5) !important;
  color: white;
  max-width: 500px;
  overflow: hidden;
  margin: auto;
  margin-top: 0;
  margin-bottom: 40px;
  width: 500px;
  transition: all 0.2s;
}
.price-learn.clicked{
  background: transparent;
  transition: all 0.2s;
}
.learn-more{
  opacity: 0;
  text-align: center;
  color: #2199e8;
  border-left: solid 0px transparent;
  overflow: visible;
  text-transform: uppercase;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 10px;
  white-space: nowrap;
  transition: all 0.2s;
  pointer-events: none;
}
.deal a{
  pointer-events: none;
}
.deal:hover .learn-more, .deal:active .learn-more{
  opacity: 1;
  white-space: nowrap;
  will-change: auto;
  transition: all 0.2s;
  pointer-events: all;
  touch-action: auto;
}
.learn-more.not-clicked{
  opacity: 0 !important;
  text-align: center;
  color: #2199e8;
  border-left: solid 0px transparent;
  overflow: visible;
  text-transform: uppercase;
  font-size: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 10px;
  white-space: nowrap;
  transition: all 0.2s;
  pointer-events: none;
}
.learn-more.clicked{
  opacity: 1;
  white-space: nowrap;
  will-change: auto;
  transition: all 0.2s;
  pointer-events: all;
  touch-action: auto;
}
.learn-more-container{
  pointer-events: none;
}
.deal:hover .learn-more-container, .deal:active .learn-more-container{
  pointer-events: all;
}
.learn-more-container.not-clicked{
  pointer-events: none;
}
.learn-more-container.clicked{
  pointer-events: all;
}
.deal:hover .deal-price, .deal:active .deal-price{
  opacity: 0;
  transition: all 0.2s;
}
.deal-price.not-clicked{
  text-align: center;
  font-size: 25px;
  font-weight: 300;
  margin: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.2s;
  opacity: 1 !important;
}
.deal-price.clicked{
  opacity: 0;
  transition: all 0.2s;
}
.deal-wrapper{
  transition: all 0.4s;
  position: relative;
}
.deal-specs{
  opacity: 0;
  transition: all 0.2s;
}
.deal-specs li{
  margin-top: 7px;
  margin-bottom: 7px;
}
.deal:hover .deal-specs, .deal:active .deal-specs{
  opacity: 1;
  transition: all 0.2s;
}
.deal-specs.not-clicked{
  opacity: 0 !important;
  transition: all 0.2s;
}
.deal-specs.clicked{
  opacity: 1;
  transition: all 0.2s;
  overflow-y: scroll;
}
.deal-flipside{
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  bottom: 0px;
  top: 0px;
  left: 0;
  width: 100%;
  max-width: 500px;
  color: white;
  transform: rotateX(180deg);
  transition: all 0.2s;
}
.deal:hover .deal-flipside, .deal:active .deal-flipside{
  background: rgba(0,0,0,0.5);
  transition: all 0.2s;
}
.deal-flipside.not-clicked{
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: none !important;
  bottom: 0px;
  top: 0px;
  left: 0;
  width: 100%;
  max-width: 500px;
  color: white;
  transform: rotateX(180deg);
  transition: all 0.2s;
}
.deal-flipside.clicked{
  background: rgba(0,0,0,0.5);
  transition: all 0.2s;
}
.deal:hover .deal-wrapper, .deal:active .deal-wrapper {
  transform: rotateX(180deg);
  transition: all 0.4s;
}
.deal-wrapper.not-clicked{
  transform: rotateX(0deg) !important;
  transition: all 0.4s;
  position: relative;
}
.deal-wrapper.clicked{
  transform: rotateX(180deg);
  transition: all 0.4s;
}
.deal-price{
  text-align: center;
  font-size: 25px;
  font-weight: 300;
  margin: 0;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 0.2s;
}
.featured-title{
  max-width: 1800px;
  margin: auto;
  margin-bottom: 15px;
}
.news-recognition-container{
  background: #deebf7;
  width: 100%;
}
.news-recognition{
  display: flex;
  justify-content: space-around;
  max-width: 1800px;
  margin: auto;
}
.news-scroll-container{
  overflow-y: scroll;
  max-height: 850px;
}
.news-scroll-container::-webkit-scrollbar{
  width: 10px;
}
.news-scroll-container::-webkit-scrollbar-thumb{
  background: #3a5a9c;
  border-radius: 10px;
}
.news-scroll-container::-webkit-scrollbar-track{
  background: lightgray;
  border-radius: 10px;
}
.recognition-container, .news-container{
  background: white;
  width: 48%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.rn-title{
  font-weight: 300;
  font-size: 55px;
  padding: 0;
  margin-bottom: 0;
  letter-spacing: 10px;
  padding-left: 20px;
}
.rec-title{
  color: #3a5a9c;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px;
  margin-top: 50px;
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: solid 2px black;
}
.icon-cloud-download{
  text-decoration: none;
}
.icon-trophy, .icon-book-open{
  font-size: 50px;
}
.news-item, .rec-item{
  text-align: center;
  margin-top: 30px;
}
.rec-item{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.rec-item-text-container{
  width: 60%;
}
.news-link{
  text-transform: uppercase;
  color: #2199e8;
  line-height: 1.8;
}
.news-link-container{
  transition: all 0.3s;
  margin: 40px;
  margin-top: 0;
  margin-bottom: 0;
}
.news-link-container:hover{
  transform: scale(1.1);
  transition: all 0.3s;
}
.rec-headline{
  text-transform: uppercase;
  color: #2199e8;
}
.news-source, .rec-description{
  color: gray;
  margin-top: 5px;
}
.news-source{
  font-size: 14px;
  font-style: italic;
}
.rec-img{
  width: 220px;
  height: auto;
  object-fit: cover;
}
.giralda{
  background-image: url('../images/Giralda-min.jpg');
}
.belgravia{
  background-image: url('../images/Belgravia-gate-min.jpg');
}
.mizner{
  background-image: url('../images/Via-Mizner-min.jpg');
}
.regalia{
  background-image: url('../images/Regalia-Photo-min.jpg');
}
.tahoe{
  background-image: url('../images/Lake-Tahoe-min.jpg');
}
.bergenline{
  background-image: url('../images/BL-Rendering-min.png');
}
.arms{
  background-image: url('../images/Western-Arms-Deal-min.jpg');
}
.broad{
  background-image: url('../images/75-broad.jpg');
}
.wilshire-land{
  background-image: url('../images/Wilshire-min.jpg');
}
.sls{
  background-image: url('../images/Tower100-min.jpg');
}
.wilshire-const{
  background-image: url('../images/Wilshire-alt-min.jpg');
}
.cannery{
  background-image: url('../images/Cannery _Tinnery-min-2.jpg');
}
.raleigh{
  background-image: url('../images/Raleigh-second-min.png');
}
.raleigh2{
  background-image: url('../images/raleigh-2.jpg');
}
.glen{
  background-image: url('../images/Glen-Ivy-Aerial-min.jpg');
}
.fifthave{
  background-image: url('../images/685-Fifth-Avenue-min.jpg');
}
.museum{
  background-image: url('../images/1000_museum-min.png');
}
.virgin-chicago{
  background-image: url('../images/virgin-hotel.jpg');
}
.wyndham{
  background-image: url('../images/wyndham.jpg');
}
.lofty{
  background-image: url('../images/lofty.jpg');
}
.collins{
  background-image: url('../images/Collins-Park-Hotel-min.jpg');
}
.tides{
  background-image: url('../images/Tides-Hotel-min.png');
}
.hyatt{
  background-image: url('../images/grand_hyatt_grand_cayman-min.jpg');
}
.campo{
  background-image: url('../images/campo_felice.jpg');
}
.nassau{
  background-image: url('../images/180_nassau-min.png');
}
.thompson{
  background-image: url('../images/54_thompson-min.jpg');
}
.florida{
  background-image: url('../images/tza_multi-min.jpg');
}
.virgin-miami{
  background-image: url('../images/virgin-hotels-miami-blurred.png');
}
.fairmont{
  /* background-image: url('../images/fairmont-southampton-min.jpg'); */
  background-image: url('../images/FairmontSouthamptonNew.jpg');
}
.prince{
  background-image: url('../images/PrinceSt.png');
}
.mulberry{
  background-image: url('../images/MulberrySt.jpg');
}
.lower-east{
  background-image: url('../images/SohoMixedUse.jpg');
}
.lafayette{
  background-image: url('../images/LafayetteSt.webp');
}
.nolita{
  background-image: url('../images/SohoHotel.webp');
}
.doral{
  background-image: url('../images/doral-multifamily-min.jpg');
}
.eagle{
  background-image: url('../images/eagle-multifamily-portfolio-min.jpg');
}
.georgia{
  background-image: url('../images/georgia-multifamily-portfolio-min.jpg');
}
.southloops{
  background-image: url('../images/chicago-south-loop.jpg')
}
.lake-tahoe{
  background-image: url('../images/Tahoe-min.jpg')
}
.brickell{
  background-image: url('../images/Brickell_4.jpg')
}
.four-seasons{
  background-image: url('../images/Four_Seasons.jpg')
}
.andaz{
  background-image: url('../images/andaz.jpg')
}
.ritz{
  background-image: url('../images/ritz.jpg')
}
.chicago-3{
  background-image: url('../images/Chicago_3.jpg')
}
.iconic{
  background-image: url('../images/iconic-miami.jpg')
}
.iconic-manhattan{
  background-image: url('../images/iconic-manhattan-hotel.jfif')
}
.fairmont-2{
  background-image: url('../images/fairmont-2.jpg');
}
.wilshire-9200{
  background-image: url('../images/9200-wilshire.jpg');
}
.manhattan-luxury{
  background-image: url('../images/manhattan-luxury-branded-residences.jpg');
  background-size: contain;
}
.soho-predevelopment{
  background-image: url('../images/soho-predevelopment.jpg');
}
.west-palm{
  background-image: url('../images/west-palm.jpg')
}
.cipriani{
  background-image: url('../images/cipriani.jpg')
}
.flats{
  background-image: url('../images/cleveland-skyline.jpg')
}
.guam{
  background-image: url('../images/guam.jpg')
}
.brickell-mixed{
  background-image: url('../images/brickell-mixed-use.png');
}
.virgin-miami-2{
  background-image: url('../images/virgin-miami.png');
}
.greenwich{
  background-image: url('../images/greenwich.jpg');
}
.bay-harbor{
  background-image: url('../images/bay-harbor.jpg');
}
.bahamas{
  background-image: url('../images/bahamas.jpg');
}
.the-fieldss{
  background-image: url('../images/the-fields.jpg');
}
.fairoaks{
  background-image: url('../images/fairoaks-mall.png');
}
.extended-stay{
  background-image: url('../images/beach-plaza.webp');
}
.shore-club{
  background-image: url('../images/R.jpg');
  background-size: 130%;
}
.miami-700{
  background-image: url('../images/700-North-Miami-min.jpg');
}
.prudential{
  background-image: url('../images/prudential.jpg');
}
.hollywood{
  background-image: url('../images/hollywood.jpg');
}
.miami-4218{
  background-image: url('../images/miami-4218.jpg');
}
.biltmore-475{
  background-image: url('../images/medical_office.jpeg');
}
.brickell2{
  background-image: url('../images/brickell.png');
}
.highland{
  background-image: url('../images/highland.jpg');
}
.ponce{
  background-image: url('../images/ponce.jpg');
}
.coconut{
  background-image: url('../images/coconut_grove.jpg');
}
.harbourside{
  background-image: url('../images/harbourside_place.jpg');
}
.the_reserve{
  background-image: url('../images/the_reserve.jpg');
}
.viceroy{
  background-image: url('../images/slate_hallandale.jpg');
}
.panther{
  background-image: url('../images/panther_national.jpg');
}
.biltmore-476{
  background-image: url('../images/panther.jpg');
}
.biltmore-477{
  background-image: url('../images/condo.jpg');
}
.metro-miami{
  background-image: url('../images/metro-miami.jpg');
}
.geneva{
  background-image: url('../images/lotusNewImage.jpeg');
}
.gabriel{
  background-image: url('../images/gabImage.jpg');
}
.ritz-carl{
  background-image: url('../images/ritz-carl.jpg');
}
.ritz-carlton-residences{
  background-image: url('../images/ritz-carlton.jpg');
}
.holiday-inn{
  background-image: url('../images/holiday-inn.jpeg');
}
.shell-bay{
  background-image: url('../images/coming-market.jpg');
}
.new-york-office{
  background-image: url('../images/newyorkoffice.jpg');
}
.midwest-lifestyle-hotel {
	background-image: url('../images/Virgin-hotel-min.jpg');
}
.north-miami-700 {
	background-image: url('../images/700-miami-2.jpg');
}

.blur-deal{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  backdrop-filter: blur(5px);
}
.closing, .coming-soon, .in-market, .offering-shortly, .marketing, .funding-secured, .in-process, .coming-to-market{
  position: relative;
}
.coming-market {
  position:relative;
}
.coming-market::after {
    content: 'Coming to market';
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    width: 201px;
    background: #deebf7;
    color: #3a5a9c;
    font-size: 12px;
    transform: rotate(45deg);
    position: absolute;
    top: 28px;
    right: -54px;
    text-transform: uppercase;
}
.closing::after, .coming-soon::after, .in-market::after, .offering-shortly::after, .marketing::after, .funding-secured::after, .in-process::after, .coming-to-market::after{
  content: 'closing';
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 201px;
  background: #deebf7;
  color: #3a5a9c;
  font-size: 14px;
  transform: rotate(45deg);
  position: absolute;
  top: 28px;
  right: -54px;
  text-transform: uppercase;
}
.offering-shortly::after{
  font-size: 12px;
}
.coming-to-market::after{
  content: 'Coming to Market';
  font-size: 12px;
}
.coming-soon::after{
  content: 'coming soon';
}
.in-market::after{
  content: 'in market';
}
.marketing::after{
  content: 'marketing';
}
.in-process::after{
  content: 'in process';
}
.funding-secured::after{
  content: 'funding secured';
  font-size: 12px;
}
.offering-shortly::after{
  content: 'offering shortly';
}
.fade-in {
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
.fade-in.appear{
  opacity: 1;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
.slide-left, .slide-left-delay1, .slide-left-delay2{
  transform: translateX(100px);
  opacity: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.slide-left.appear, .slide-left-delay1.appear, .slide-left-delay2.appear{
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 500ms;
  transition: all 500ms;
}
.slide-left-delay1.appear{
  transition-delay: .25s;
}
.slide-left-delay2.appear{
  transition-delay: .5s;
}





@media screen and (max-width: 1600px) {
  .deal{
    width: 48%;
  }
  .shore-club {
    background-repeat: no-repeat !important;
    background-size: 119% !important;
    background-position: bottom !important;
}
}
@media screen and (max-width: 1175px) {
  .hero-text{
    font-size: 30px;
  }
  .business{
    margin: 10px;
  }
  .big-hero-text{
    font-size: 40px;
  }
  .our-business-container{
    flex-direction: column;
  }
  .business-container{
    width: 100%;
    margin-bottom: 20px;
  }
  .business-name{
    font-size: 30px;
  }
  .serving-container{
    flex-direction: column;
  }
  .serving-text{
    width: auto;
  }
  .serving-img{
    width: 100%;
  }
  .fourty-billion-container{
    flex-direction: column;
    align-items: center;
  }
  .fourty-bil-text-container{
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: column;
  }
  .fourty-billion-description-container{
    height: 0;
  }
  .fourty-billion-description-container.show{
    height: auto;
    width: 90vw;
  }
  .fourty-desc{
    width: auto;
    margin-left: 0;
    padding-left: 0;
  }
  .fourty-desc.show{
    border-left: solid 1px transparent;
  }
  .fourty-billion-bullets{
    margin: 20px;
  }
  .fourty-b{
    font-size: 30px;
  }
  .deal{
    width: auto;
  }
  .deal-name, .deal-name.not-clicked{
    font-size: 25px;
  }
  .deal-flipside, .deal-flipside.not-clicked{
    width: 96%;
    justify-content: center;
  }
  .learn-more, .learn-more.not-clicked{
    margin-left: 15px;
  }
  .news-recognition{
    flex-direction: column;
  }
  .recognition-container, .news-container{
    width: 96%;
    margin: auto;
    margin-top: 20px;
  }
  .rn-title{
    font-size: 25px;
  }
  .rec-item{
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .shore-club {
        background-size: cover !important;
    }
  }
@media screen and (max-width: 500px) {
  .hero-text{
    font-size: 25px;
  }
  .serving-title-mobile, .featured-title, #our-business h2{
    padding-left: 15px;
    padding-right: 15px;
  }
  .serving-title-mobile{
    display: block;
  }
  .serving-title{
    display: none;
  }
  .serving-container{
    padding-top: 0;
  }
  .our-business-container{
    padding-bottom: 0px;
  }
  .b2{
    margin-bottom: 0px;
  }
  .deals-container{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
  }
  .deal{
    width: 100%;
    margin-top: 0px;
  }
  .deal-wrapper, .deal-wrapper.not-clicked{
    width: 100%;
  }
  .deal-specs, .deal-specs.not-clicked{
    font-size: 14px;
    padding-right: 15px;
  }
  .deal-flipside, .deal-flipside.not-clicked{
    flex-direction: column;
    width: 100%;
  }
  .price-learn, .price-learn.not-clicked{
    width: 100%;
    margin-bottom: 90px;
  }
  .deal-name, .deal-name.not-clicked{
    margin-top: 90px;
    padding-left: 15px;
    padding-right: 15px;
    width: auto;
  }
  .business{
    padding: 0;
  }
  .serving-description{
    padding: 15px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .fourty-bil-text-container{
    padding-left: 15px;
    padding-right: 15px;
  }
  .rn-title{
    font-weight: 800;
  }
  .rec-item-text-container, .rec-description{
    margin-top: 20px;
  }
  .rec-item-text-container{
    width: 93%;
  }

}
@media screen and (max-width: 420px) {
  .big-hero-text{
    font-size: 9vw;
  }
}
@media screen and (max-width: 380px) {
  .business-name{
    font-size: 25px;
  }
}

#scrollingText{
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
  background: #3a5a9c;
}

.symbolValue{
  color: white !important;
}
@media screen and (max-width: 500px) {
  .topRowContainer{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /*#scrollingText .tile{
    pointer-events: none;
    touch-action: none;
  }*/
}
/*lazy loading me images eh*/
.lazy{
  background-image: none;
  background-color: gray;
}