@import url("https://use.typekit.net/abz8xsv.css");

#wheel-detail {
 width: 100%;
 height: 100%;
 background-position: 80%;
 background-size: cover;
 background-image: url(https://image.email.campagnolo.com/lib/fe36117075640474721573/m/3/3c24981f-dd65-42a9-9c9d-85481d68818a.png);
}

#cyclist-img {
 width: 100%;
 height: 100%;
 background-position: bottom;
 background-size: cover;
 background-image: url(https://image.email.campagnolo.com/lib/fe36117075640474721573/m/3/74d933ff-8255-4367-910c-42bec21309e6.jpg);
}
@media (min-width: 1001px) {
    #cyclist-img {
     background-image: url(https://image.email.campagnolo.com/lib/fe36117075640474721573/m/3/57edd8e7-da3f-48a8-9087-83d6be7df6c2.jpg);
    }
   }
.hero-strengths-text--wrapper h3 {
 font-size: 18px;
}
.links--wrapper{
 font-size: 21px;
}

* {
 box-sizing: border-box;
 margin: 0;
 padding: 0;
 font-family: "din-2014", Helvetica, Arial, sans-serif;
 font-weight: 400;
}

li{
 font-family: "din-2014", Helvetica, Arial, sans-serif !important;
}

.my-icon {
 width: 1rem;
}

.my-button {
 text-decoration: none;
 border: 2px solid #000000;
 padding: 0.75rem 1.5rem;
 border-radius: 0.5rem;
 color: #000000;
}

.my-button.button--grayblue {
 border: 2px solid #ffffff;
 background-color: #21262b;
 color: #ffffff;
}

@media (min-width: 1001px) {
 video {
  width: 100%;
 }
}

@media (min-width: 1001px) {
 .desktop-hidden {
  display: none !important;
 }
}
@media (max-width: 1001px) {
 .mobile-hidden {
  display: none !important;
 }
}
.hidden {
 display: none !important;
}

#hero--wrapper {
 color: #ffffff;
 display: flex;
 flex-direction: column;
 align-items: stretch;
}

#hero--wrapper .hero-main-text--wrapper {
 background-image: url(https://image.email.campagnolo.com/lib/fe36117075640474721573/m/3/f11a8289-365d-4e27-96e7-b16ce039e716.png);
 background-size: cover;
 width: 100%;
 height: 100%;
 text-align: center;
 background-position: left;
 display: grid;
}
@media (min-width: 1001px) {
 #hero--wrapper .hero-main-text--wrapper {
  background-position: left 65%;
  min-height: 90vh;
 }
}
@media (min-width: 1950px) {
 #hero--wrapper .hero-main-text--wrapper .hero-main-text {
  display: grid;
  place-items: end center;
  padding-bottom: 2rem;
 }
 #hero--wrapper .hero-main-text--wrapper {
  background-size: 120%;
  background-position: left 65%;
 }
}
@media (max-width: 1950px) {
 #hero--wrapper .hero-main-text--wrapper {
  min-height: 90vh;
  background-size: 120%;
 }
}
@media (max-width: 1950px) {
 #hero--wrapper .hero-main-text--wrapper {
  background-size: 125%;
 }
}
@media (max-width: 1600px) {
 #hero--wrapper .hero-main-text--wrapper {
  background-size: 135%;
 }
}
@media (max-width: 1400px) {
 #hero--wrapper .hero-main-text--wrapper {
  background-size: 145%;
 }
}
@media (max-width: 1200px) {
 #hero--wrapper .hero-main-text--wrapper {  
  background-size: 160%;

 }
}
@media (max-width: 1001px) {
 #hero--wrapper .hero-main-text--wrapper {
  background-position: 33%;
  background-size: 200%;
  background-position: top left;
 }
 
}

@media (min-width: 1001px) {
 .desktop-hidden-big {
  display: none !important;
 }
}
@media (max-width: 650px) {
 #hero--wrapper .hero-main-text--wrapper {
  background-position: 20% 30%;
  background-size: cover;
}
}
@media (max-width: 400px) {
    #hero--wrapper .hero-main-text--wrapper {
        background-size: cover;
        background-position: 30% 30%;
 }
}
#hero--wrapper .hero-main-text--wrapper nav {
 display: flex;
 justify-content: space-between;
 padding: 2rem 1rem;
 align-items: flex-start;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-main-text--wrapper nav {
  padding: 4rem;
 }
}

#hero--wrapper .hero-main-text--wrapper nav .logo {
 width: 40%;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-main-text--wrapper nav .logo {
  width: 15%;
 }
}

#hero--wrapper .hero-main-text--wrapper nav .logo img {
 width: 100%;
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper {
 display: flex;
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper a {
 color: #ffffff;
 text-decoration: none;
 cursor: pointer;
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper ul {
 list-style-type: none;
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector {
 position: relative;
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector svg {
 height: 1rem;
 fill: #ffffff;
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector .language,
#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector .social {
 display: block;
 position: absolute;
 top: 120%;
 text-align: left;
}

@media (min-width: 1001px) {

 #hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector .language,
 #hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector .social {
  top: 100%;
 }
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector .social {
 left: 50%;
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector .social li {
 margin-bottom: 0.5rem;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector.mobile-hidden {
  margin-left: 1rem;
 }

 #hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector.mobile-hidden .social {
  display: flex;
  position: static;
 }

 #hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector.mobile-hidden .social li {
  margin-right: 1rem;
 }
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector--language>a {
 padding-right: 1rem;
 border-right: 1px solid #ffffff;
}

#hero--wrapper .hero-main-text--wrapper nav .selector--wrapper .selector--social>a {
 margin-left: 1rem;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-main-text--wrapper .hero-main-text {
  display: grid;
  place-items: end center;
  padding-bottom: 2rem;
 }
}

#hero--wrapper .hero-main-text--wrapper .hero-main-text .title {
 font-family: "alternate-gothic-no-1-d", Helvetica, Arial, sans-serif !important;
 font-size: 50px;
 margin-bottom: 4rem;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-main-text--wrapper .hero-main-text .title {
  font-size: 7rem;
  margin: 0;
  margin-bottom: 5vh;
 }
}

#hero--wrapper .hero-main-text--wrapper .subtitle {
 font-size: 20px;
 width: 70%;
 margin: 0 auto;
}

#hero--wrapper .hero-strengths-text--wrapper {
 background-image: url(https://image.email.campagnolo.com/lib/fe36117075640474721573/m/3/1883fd0d-33eb-4014-a9d2-3f2337c7a515.png);
 background-size: 150%;
 background-position: 20%;
 padding: 1.5rem;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-strengths-text--wrapper {
  background-size: 100%;
  background-position: 0 70%;
  padding: 3rem;
  display: flex;
  justify-content: space-between;
  align-items: end;
 }
}

#hero--wrapper .hero-strengths-text--wrapper .subtitle {
 font-size: 3rem;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-strengths-text--wrapper .subtitle {
  font-size: 40px;
 }
 #hero--wrapper .hero-strengths-text--wrapper h2 {
  font-size: 25px;
 }
}

#hero--wrapper .hero-strengths-text--wrapper ul {
 list-style-type: none;
}

#hero--wrapper .hero-strengths-text--wrapper ul li {
 font-size: 1rem;
 margin: 1.5rem 0;
 display: flex;
 align-items: center;
 cursor: pointer;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-strengths-text--wrapper ul li {
  font-size: 1rem;
  margin: 1.5rem 0;
  width: 90%;
 }
}

#hero--wrapper .hero-strengths-text--wrapper ul li .my-icon {
 width: 1.5rem;
 margin-right: 1.5rem;
}

@media (min-width: 1001px) {
 #hero--wrapper .hero-strengths-text--wrapper ul li .my-icon {
  width: 3rem;
  margin-right: 1.5rem;
 }
}

#main-video--wrapper {
 width: 100%;
 position: relative;
 margin-top: 1rem;
}

@media (min-width: 1001px) {
 #main-video--wrapper {
  margin-top: 2rem;
 }
}

#main-video--wrapper video {
 /* min-height: 80vh; */
 max-width: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 cursor: pointer;
}

#main-video--wrapper .play-button--wrapper {
 border: 0.25rem solid #ffffff;
 border-radius: 50%;
 padding: 1.5rem;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 2rem;
 height: 2rem;
 display: grid;
 place-items: center;
 cursor: pointer;
}

@media (min-width: 1001px) {
 #main-video--wrapper .play-button--wrapper {
  border: 0.5rem solid #ffffff;
  padding: 2.5rem;
 }
}

#main-video--wrapper .play-button--wrapper svg {
 width: 1.3rem;
 fill: #ffffff;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-40%, -50%);
}

@media (min-width: 1001px) {
 #main-video--wrapper .play-button--wrapper svg {
  width: 2rem;
 }
}

#discover-product--wrapper {
 text-align: center;
}

@media (min-width: 1001px) {
 #discover-product--wrapper {
  display: grid;
  grid-template-columns: 1fr 9fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "head head head" ". body body";
 }
}

#discover-product--wrapper div:first-of-type {
 padding: 3rem 1rem;
}

@media (min-width: 1001px) {
 #discover-product--wrapper div:first-of-type {
  padding: 5rem 0;
  grid-area: head;
 }
}

#discover-product--wrapper div:first-of-type p.title {
 font-family: "alternate-gothic-no-1-d", Helvetica, Arial, sans-serif;
 font-size: 40px;
 line-height: 120%;
}

@media (min-width: 1001px) {
 #discover-product--wrapper div:first-of-type p.title {
  font-size: 4rem;
  line-height: 100%;
 }
}

#discover-product--wrapper .product-cta--wrapper {
 padding: 3rem;
 background-color: #f0f0f0;
}

@media (min-width: 1001px) {
 #discover-product--wrapper .product-cta--wrapper {
  height: 85vh;
  max-height: 600px;
  padding: 0;
  padding-right: 6rem;
  grid-area: body;
  display: flex;
 }

 #discover-product--wrapper .product-cta--wrapper>div {
  padding: 6rem 0 6rem 6rem;
  text-align: left;
 }
}

@media (min-width: 600px) {
 #discover-product--wrapper .product-cta--wrapper h1 {
  font-size: 1.4rem;
 }
}

@media (min-width: 1200px) {
 #discover-product--wrapper .product-cta--wrapper h1 {
  font-size: 1.6rem;
 }
}

#discover-product--wrapper .product-cta--wrapper img {
 width: 100%;
 aspect-ratio: 1;
 -o-object-fit: cover;
 object-fit: cover;
 margin: 2rem 0;
}

@media (min-width: 1001px) {
 #discover-product--wrapper .product-cta--wrapper img {
  margin: 2rem 0;
  max-width: 50%;
  -o-object-fit: contain;
  object-fit: contain;
 }
}

#discover-product--wrapper .product-cta--wrapper p {
 text-align: left;
 line-height: 150%;
}

@media (min-width: 600px) {
 #discover-product--wrapper .product-cta--wrapper p {
  font-size: 1rem;
  margin: 3rem 0;
}
}

@media (min-width: 1200px) {
    #discover-product--wrapper .product-cta--wrapper p {
        font-size: 1.2rem;
     margin: 4rem 0 6rem;
 }
}

#discover-product--wrapper .product-cta--wrapper .my-button {
 display: inline-block;
 margin: 4rem 0 1.5rem;
}

@media (min-width: 600px) {
 #discover-product--wrapper .product-cta--wrapper .my-button {
  font-size: 1rem;
  margin: 0;
 }
}

@media (min-width: 1200px) {
 #discover-product--wrapper .product-cta--wrapper .my-button {
  font-size: 1.5rem;
 }
}

#strengths--wrapper {
 margin: 2rem 0;
}

@media (min-width: 1001px) {
 #strengths--wrapper {
  margin-top: 8rem;
 }
}

@media (min-width: 1001px) {
 #strengths--wrapper .img-container {
  display: grid;
  grid-template-columns: 4fr 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "img1 img2" "img3 img3";
  row-gap: 1rem;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
 }
}

#strengths--wrapper .img-container .img-wrapper {
 position: relative;
 overflow: hidden;
}

#strengths--wrapper .img-container .img-wrapper img {
 min-height: 100%;
 width: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: center;
 object-position: center;
}

#strengths--wrapper .img-container .img-wrapper--primary {
 height: 70vh;
 margin-bottom: 2rem;
}

@media (min-width: 1001px) {
 #strengths--wrapper .img-container .img-wrapper--primary {
  height: 50vh;
 }
}

#strengths--wrapper .img-container .img-wrapper--primary div.desktop-hidden {
 color: #ffffff;
 position: absolute;
 top: 2rem;
 left: 32rem;
}

#strengths--wrapper .img-container .img-wrapper--primary div.mobile-hidden {
 color: #ffffff;
 position: absolute;
 top: 3rem;
 right: 2rem;
}

@media (min-width: 1001px) {
 #strengths--wrapper .img-container .img-wrapper--primary:nth-of-type(1) {
  grid-area: img1;
 }

 #strengths--wrapper .img-container .img-wrapper--primary:nth-of-type(1) h3 {
  font-size: 25px;
 }
}

@media (min-width: 1001px) {
 #strengths--wrapper .img-container .img-wrapper--primary:nth-of-type(2) {
  grid-area: img2;
 }

 #strengths--wrapper .img-container .img-wrapper--primary:nth-of-type(2) img {
  -o-object-position: left;
  object-position: left;
 }
}

#strengths--wrapper .img-container .img-wrapper--secondary {
 height: 20vh;
 background-image: url(https://image.email.campagnolo.com/lib/fe36117075640474721573/m/3/8a1c5cda-de60-4166-8728-345110eef41c.png);
 background-position: 100% 100%;
 background-size: 150%;
}

@media (min-width: 1001px) {
 #strengths--wrapper .img-container .img-wrapper--secondary {
  background-size: auto;
  background-position: 0 -50%;
  grid-area: img3;
  height: 40vh;
 }
}

@media (min-width: 1200px) {
 #strengths--wrapper .img-container .img-wrapper--secondary {
  background-size: cover;
  background-position: bottom right;
  background-size: 130%;
 }
}

#strengths--wrapper .img-container .img-wrapper--secondary p.title {
 font-family: "alternate-gothic-no-1-d", Helvetica, Arial, sans-serif;
 font-size: 40px;
 text-align: center;
 color: #ffffff;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
}

@media (min-width: 1001px) {
 #strengths--wrapper .img-container .img-wrapper--secondary p.title {
  font-size: 130px;
 }
}
@media (max-width: 1400px) {
 #strengths--wrapper .img-container .img-wrapper--secondary p.title {
  font-size: 100px;
 }
}
@media (max-width: 1100px) {
 #strengths--wrapper .img-container .img-wrapper--secondary p.title {
  font-size: 80px;
 }
}
@media (max-width: 1001px) {
 #strengths--wrapper .img-container .img-wrapper--secondary p.title {
  font-size: 40px;
 }
}


#strengths--wrapper .section-title--wrapper {
 display: flex;
 align-items: center;
 justify-content: center;
}

@media (min-width: 600px) {
 #strengths--wrapper .section-title--wrapper {
  justify-content: center;
  padding: 3rem 5rem;
 }
}

@media (min-width: 1200px) {
 #strengths--wrapper .section-title--wrapper {
  justify-content: flex-start;
  padding: 5rem;
 }
}

#strengths--wrapper .section-title--wrapper p.section-title {
 text-align: center;
 margin: 2rem 0;
}

@media (min-width: 600px) {
 #strengths--wrapper .section-title--wrapper p.section-title {
  font-size: 2rem;
  text-align: left;
  margin-left: 0;
 }
}

@media (min-width: 1001px) {
 #strengths--wrapper .section-title--wrapper p.section-title {
  font-size: 50px;
 }
}
@media (min-width: 1601px) {
 #strengths--wrapper .section-title--wrapper p.section-title {
  font-size: 80px;
 }
}

#strengths--wrapper .section-title--wrapper .my-icon {
 width: 3rem;
 margin-right: 2rem;
}

@media (min-width: 600px) {
 #strengths--wrapper .section-title--wrapper .my-icon {
  width: 4rem;
 }
}

@media (min-width: 1200px) {
 #strengths--wrapper .section-title--wrapper .my-icon {
  width: 5rem;
 }
}

#strengths--wrapper .video--wrapper {
 position: relative;
}
@media (max-width: 1001px) {
 #strengths--wrapper .video--wrapper {
  margin:auto;
 }
}


@media (min-width: 1001px) {
 #strengths--wrapper .video--wrapper {
  padding: 0 5rem;
 }
}

@media (min-width: 1001px) {
 #strengths--wrapper .video--wrapper.first-video-wrapper div {
  left: 30%;
 }
}

#strengths--wrapper .video--wrapper video {
 height: 80vh;
 max-width: 100%;
 -o-object-fit: cover;
 object-fit: cover;
}

#strengths--wrapper .video--wrapper div {
 color: #ffffff;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 80%;
}

@media (min-width: 1001px) {
 #strengths--wrapper .video--wrapper div {
  width: auto;
  font-size: 3rem;
  left: 70%;
 }
}
/* Sistemare anchor e LI nel footer */
/* sistemare immagine dei 3 testi un pò più a sx */
#strengths--wrapper .video--wrapper div .my-icon {
 width: 4rem;
}

#strengths--wrapper .video--wrapper div p.video-overlay-title {
 margin: 0.75rem 0 3rem;
 font-size: 40px;
}
@media (max-width: 1300px) {
 #strengths--wrapper .video--wrapper.first-video-wrapper div{
  left:40%;
 }
}
@media (max-width: 1001px) {
 #strengths--wrapper .video--wrapper.first-video-wrapper div{
  left:50%;
 }
 #strengths--wrapper .video--wrapper div p.video-overlay-title {
  margin: 0.75rem 0 3rem;
  font-size: 20px;
 }
}


@media (min-width: 1001px) {
 #strengths--wrapper .video--wrapper div p.video-overlay-title {
  font-size: 30px;
  margin: 0.5rem 0 1.75rem;
 }
}
@media (min-width: 1601px) {
 #strengths--wrapper .video--wrapper div p.video-overlay-title {
  font-size: 40px;
  margin: 0.5rem 0 1.75rem;
 }
}

#strengths--wrapper .carousel--wrapper {
 position: relative;
 margin-top: 2rem;
 background-color: #f0f0f0;
}

@media (min-width: 1001px) {
 #strengths--wrapper .carousel--wrapper {
  width: 80%;
  margin: 10% auto;
 }
}

#strengths--wrapper .carousel--wrapper .carousel-selector--wrapper {
 position: absolute;
 top: 47%;
 left: 50%;
 transform: translate(-50%, 0);
 z-index: 1;
 display: flex;
}

@media (min-width: 1001px) {
 #strengths--wrapper .carousel--wrapper .carousel-selector--wrapper {
  left: 25%;
  top: 90%;
 }
}

#strengths--wrapper .carousel--wrapper .carousel-selector--wrapper .carousel-selector {
 width: 0.5rem;
 aspect-ratio: 1;
 border-radius: 100%;
 background-color: #f0f0f0;
 opacity: 50%;
 margin-right: 1rem;
 cursor: pointer;
}

@media (min-width: 1001px) {
 #strengths--wrapper .carousel--wrapper .carousel-selector--wrapper .carousel-selector {
  width: 1rem;
  margin-right: 2rem;
 }
}

#strengths--wrapper .carousel--wrapper .carousel-selector--wrapper .carousel-selector:last-of-type {
 margin-right: 0;
}

#strengths--wrapper .carousel--wrapper .carousel-selector--wrapper .carousel-selector.selector-active {
 opacity: 100%;
}

#strengths--wrapper .carousel--wrapper .carousel {
 display: grid;
 grid-template-columns: repeat(4, 100%);
 grid-template-rows: 1fr;
 overflow: scroll;
 scroll-snap-type: both mandatory;
 scroll-padding: 1rem;
 list-style-type: none;
 -ms-overflow-style: none;
 /* Hide scrollbar for IE and Edge */
 scrollbar-width: none;
 /* Hide scrollbar for Firefox */
}

#strengths--wrapper .carousel--wrapper .carousel .carousel-card--active {
 scroll-snap-type: unset;
}

#strengths--wrapper .carousel--wrapper .carousel .carousel-card--wrapper {
 scroll-snap-align: center;
}

#strengths--wrapper .carousel--wrapper .carousel::-webkit-scrollbar {
 /* Hide scrollbar for Chrome, Safari and Opera */
 display: none;
}

#strengths--wrapper .carousel--wrapper .carousel-card {
 height: 689px;
}

@media (min-width: 1001px) {
 #strengths--wrapper .carousel--wrapper .carousel-card {
  height: 538px;
  display: flex;
 }
}

#strengths--wrapper .carousel--wrapper .carousel-card .card-image--wrapper {
 height: 50%;
 overflow: hidden;
}

@media (min-width: 1001px) {
 #strengths--wrapper .carousel--wrapper .carousel-card .card-image--wrapper {
  height: 100%;
  width: 50%;
 }
}

#strengths--wrapper .carousel--wrapper .carousel-card .card-image--wrapper img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
}
#strengths--wrapper .carousel--wrapper .carousel-card .card-image--wrapper .card-image--first {
 width: 100%;
 height: 100%;
 object-position: left;
}
#strengths--wrapper .carousel--wrapper .carousel-card .card-image--wrapper .card-image--second {
 width: 100%;
 height: 100%;
 object-position: right;
}

#strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper {
 text-align: left;
    height: 50%;
    padding: 5rem 4rem;
}

@media (max-width: 449px) {
 #strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper {
  padding: 3rem 2rem;
 }
 #strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper h2 {
    margin-bottom: 1.5rem !important;
 }
}
@media (min-width: 1001px) {
 #strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper {
  height: 100%;
  width: 50%;
  padding: 3rem;
 }
}

@media (min-width: 1200px) {
 #strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper {
  padding: 4rem;
 }
}

#strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper h2 {
 font-size: 20px;
 margin-bottom: 4rem;
}

@media (min-width: 1001px) {
 #strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper h2 {
  font-size: 35px;
  margin-top: 1.5rem;
 }
}

@media (min-width: 1200px) {
 #strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper h2 {
  font-size: 35px;
  margin-top: 2rem;
 }
}

#strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper p {
 font-size: 14px;
 line-height: 150%;
}

@media (min-width: 1001px) {
 #strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper p {
  font-size: 1.2rem;
 }
}

@media (min-width: 1200px) {
 #strengths--wrapper .carousel--wrapper .carousel-card .card-text--wrapper p {
  font-size: 20px;
 }
}

#bridge--wrapper {
 color: #ffffff;
}
#bridge--wrapper span {
 display: flex;
 width:100%;
 height: 100%;
}
@media (min-width: 1200px) {
 #bridge--wrapper {
  display: flex;
  width: 100%;
  height: 805px;
 }
}

#bridge--wrapper div {
 width: 100%;
 height: 100%;
}

@media (min-width: 1001px) {
 #bridge--wrapper div {
  width: 50%;
  height: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
 }
}

#bridge--wrapper div:first-of-type {
 height: 90vh;
}

#bridge--wrapper div:last-of-type {
 position: relative;
 height: 50vh;
}

#bridge--wrapper div img {
 width: 100%;
 height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 -o-object-position: top;
 object-position: top;
}

@media (min-width: 1001px) {
 #bridge--wrapper div img:first-of-type {
  -o-object-position: bottom;
  object-position: bottom;
 }
}
#bridge--wrapper div p.bridge-title.desktop-hidden {
    width: auto;
}

#bridge--wrapper div p.bridge-title {
 font-family: "alternate-gothic-no-1-d", Helvetica, Arial, sans-serif;
 font-size: 150px;
 position: absolute;
 top: 1rem;
 left: 1rem;
}
#bridge--wrapper div p.bridge-title.desktop-hidden {
 top: -170%;
 left: 1rem;
 font-size: 6rem;
}

@media (max-width: 349px) {
    #bridge--wrapper div p.bridge-title.desktop-hidden {
    font-size: 5rem;
 }
}
@media (min-width: 1701px) {
 #bridge--wrapper div p.bridge-title {
  font-size: 150px;
  top: 67%;
  left: -70%;
  width: 100%;
  line-height: 80%;
 }
}
@media (max-width: 1700px) {
 #bridge--wrapper div p.bridge-title {
  font-size: 140px;
  top: 67%;
  left: -70%;
  width: 100%;
  line-height: 80%;
 }
}


@media (max-width: 1600px) {
 #bridge--wrapper div p.bridge-title {
  font-size: 130px;
  width: 100%;
  top: 70%;
 }
 #bridge--wrapper div ul {
  list-style-type: none;
  position: absolute;
  bottom: 2rem;
  left: 15rem !important;
 }
}

@media (max-width: 1600px) {
 #bridge--wrapper div p.bridge-title {
  font-size: 130px;
  width: 100%;
  top: 70%;
 }
 #bridge--wrapper div ul {
  list-style-type: none;
  position: absolute;
  bottom: 2rem;
  left: 15rem !important;
 }
}
@media (max-width: 1500px) {
 #bridge--wrapper div p.bridge-title {
  font-size: 110px;
  width: 100%;
  top: 70%;
 }
 #bridge--wrapper {
  display: flex;
  width: 100%;
  height: 600px;
 }
}
@media (max-width: 1300px) {
 #bridge--wrapper div p.bridge-title {
  font-size: 90px;
  width: 100%;
  top: 75%;
 }
 #bridge--wrapper {
  display: flex;
  width: 100%;
  height: 600px;
 }
 #bridge--wrapper div ul {
  list-style-type: none;
  position: absolute;
  bottom: 2rem;
  left: 7rem !important;
 }
}


@media (max-width: 1200px) {
 #bridge--wrapper div ul {
  list-style-type: none;
  position: absolute;
  bottom: 2rem;
  left: 10rem !important;
 }
}

@media (max-width: 1100px) {
 #bridge--wrapper div p.bridge-title {
  font-size: 75px;
  width: 100%;
  top: 75%;
 }
 #bridge--wrapper div ul {
  left: 30%;
  font-size: 16px;
 }
 #bridge--wrapper div ul {
  list-style-type: none;
  position: absolute;
  bottom: 2rem;
  left: 8rem !important;
 }
}
@media (max-width: 1001px) {
 #bridge--wrapper div p.bridge-title {
  font-size: 90px;
  width: 100%;
  top: 75%;
 }
 #bridge--wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
 }
 #bridge--wrapper div ul {
  list-style-type: none;
  position: absolute;
  bottom: 2rem;
  left: 7rem !important;
 }
 #cyclist-img{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
 }
}
#bridge--wrapper div ul {
 list-style-type: none;
 position: absolute;
 bottom: 3rem;
 left: 2rem;
}


@media (min-width: 1200px) {
 #bridge--wrapper div ul {
  left: 30%;
 }
}

#bridge--wrapper div ul li {
 margin-top: 1rem;
}

@media (min-width: 1001px) {
 #bridge--wrapper div ul li {
  margin-top: 0.6rem;
 }
}

div.columns.col1>table.stylingblock-content-wrapper {
 background-color: #0d1c26;
 padding: 2rem;
}

div.columns.col1 table {
   table-layout: fixed;
}
@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper {
  padding: 8rem 6rem;
 }
 .sc-formfield-label:has(> label) {
min-width: 50px;
 }
}

div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper {
 background-color: #21262b;
 padding: 2rem;
 padding-bottom: 6rem;
 position: relative;
 overflow: hidden;
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper {
  display: flex;
  border-radius: 2rem;
  padding: 6rem 6rem 2rem;
 }

 div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper .formtext--wrapper {
  display: flex;
  flex-direction: column;
  width: 50%;
 }

 div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper .formtext--wrapper * {
  text-align: left !important;
 }

 div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper .formtext--wrapper p.form-title {
  font-size: 3rem;
  order: -1;
  margin-right: 3rem;
 }

 div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper .formtext--wrapper p.form-subtitle {
  font-size: 1rem;
 }
}

@media (min-width: 1601px) {
  div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper .formtext--wrapper p.form-title {
font-size: 5rem;
line-height: 100%;
margin-bottom: 0;
}
div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper img {
transform: translate(-50%, 77%) !important;
}
}

div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper img {
 z-index: 0;
 width: 40%;
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translate(-50%, 50%);
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper #newsletter-signup--wrapper img {
  transform: translate(-50%, 80%);
 }
}

div.columns.col1>table.stylingblock-content-wrapper .formtext--wrapper {
 z-index: 1;
}

div.columns.col1>table.stylingblock-content-wrapper .formtext--wrapper p.form-title,
div.columns.col1>table.stylingblock-content-wrapper .formtext--wrapper p.form-subtitle {
 color: #ffffff !important;
 text-align: center;
 margin-bottom: 2rem;
}

div.columns.col1>table.stylingblock-content-wrapper .formtext--wrapper p.form-title {
 font-family: "alternate-gothic-no-1-d", Helvetica, Arial, sans-serif;
 font-size: 2.5rem;
}

div.columns.col1>table.stylingblock-content-wrapper .formtext--wrapper p.form-subtitle {
 font-size: 1rem;
}

div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper {
 display: grid;
 grid-template-columns: 1fr;
 grid-auto-flow: row;
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper {
    width: 50%;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: min-content min-content auto auto 1fr;
  grid-template-areas: "input1 input1 input1 input1" "input2 input2 input3 input3" "checkbox1 checkbox1 checkbox1 checkbox1" "checkbox2 checkbox2 checkbox2 checkbox2" "submit submit submit submit";
 }

 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper .smartcapture-controls {
  display: flex;
  align-items: center;
 }
}

@media (min-width: 1001px) and (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper .smartcapture-controls div.sc-formfield-input {
  order: 1;
  padding-right: 1rem;
 }
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(1) {
  grid-area: input1;
 }

 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper div:has(>span) {
    grid-area: input1;
}

 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(1) div.sc-formfield-input,
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(1) div.sc-formfield-input input {
  width: 100% !important;
 }
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(2) {
  grid-area: input2;
 }

 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(2) div.sc-formfield-input,
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(2) div.sc-formfield-input input {
  width: 100% !important;
 }
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(3) {
  grid-area: input3;
 }

 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(3) div.sc-formfield-input,
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(3) div.sc-formfield-input input {
  width: 100% !important;
 }
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper input[type="checkbox"] {
  margin-right: 1.5rem !important;
 }
}
@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(4) {
  grid-area: checkbox1;
  margin-left: 3rem;
  margin-top: 2rem;
 }
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper table.stylingblock-content-wrapper:nth-of-type(5) {
  grid-area: checkbox2;
  margin-left: 3rem;
 }
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper div.smartcapture-submit-button-wrapper {
    text-align: right !important;
  grid-area: submit;
 }
}

div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper>table.stylingblock-content-wrapper .sc-formfield-input {
 width: 80%;
 margin: 0 auto;
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper>table.stylingblock-content-wrapper .sc-formfield-input {
  width: auto;
 }
}

div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper>table.stylingblock-content-wrapper .sc-formfield-input input {
 margin-top: 1rem;
 padding: 1rem;
 border-radius: 0.5rem;
 border: none;
}

div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper>table.stylingblock-content-wrapper .sc-formfield-input input[type=email],
div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper>table.stylingblock-content-wrapper .sc-formfield-input input[type=text] {
 width: 100% !important;
}

div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper .sc-formfield-label {
 width: 80%;
 margin: 1rem auto;
}

@media (min-width: 1001px) {
 div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper .sc-formfield-label {
  width: auto;
  margin: 0 2rem 0 0;
 }
}

div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper label {
 margin-top: 0.5rem;
 color: #ffffff !important;
}

div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper label a {
 color: #ffffff;
}

div.columns.col1>table.stylingblock-content-wrapper form.smartcapture-content-wrapper .sc-button {
 justify-self: center;
 margin: 3rem 0 1.5rem;
 background-color: #21262b !important;
 border: 2px solid #ffffff !important;
 border-radius: 0.5rem !important;
 padding: 1rem 4rem !important;
}

footer {
 background-color: #272624;
 color: #ffffff;
 display: flex;
 padding: 3rem 0 5rem;
}

footer .backToTop--wrapper {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 align-items: center;
 cursor: pointer;
}

footer .backToTop--wrapper .arrow {
 width: 100px;
 height: 100px;
 display: inline-block;
 position: relative;
}

footer .backToTop--wrapper .arrow::after {
 content: "";
 display: block;
 top: 0;
 left: 50%;
 border-style: solid;
 border-color: #777777;
 position: absolute;
 transform-origin: 50% 50%;
}

footer .backToTop--wrapper .arrow::before {
 content: "";
 display: block;
 width: 30px;
 height: 30px;
 top: 0;
 left: 50%;
 border-style: solid;
 border-color: #777777;
 border-width: 2px 2px 0 0;
 position: absolute;
 transform-origin: 50% 50%;
}

footer .backToTop--wrapper .up::after {
 width: 0;
 height: 100px;
 border-width: 0 2px 0 0;
 transform: translate(-1px, -4px);
}

footer .backToTop--wrapper .up::before {
 transform: rotate(-45deg);
 margin: 0 0 0 -16px;
}

footer .backToTop--wrapper .backToTop {
 text-align: center;
 transform: rotate(-90deg);
 font-size: 21px;
 letter-spacing: 4px;
 color: #ffffff;
 width: -moz-max-content;
 width: max-content;
 margin-bottom: 40px;
}

footer .footer-link--section {
 padding: 2rem;
 width: 100%;
}

footer .footer-link--section .logo--wrapper .logo {
 display: inline-block;
 width: 50%;
 margin-bottom: 2rem;
}

@media (min-width: 1001px) {
 footer .footer-link--section .logo--wrapper .logo {
  width: 10%;
 }
}

footer .footer-link--section .logo--wrapper .logo img {
 width: 100%;
}

@media (min-width: 1001px) {
 footer .footer-link--section .links--wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto 1fr;
  grid-template-areas: "title1 title2 title3" "link1 link2 link3";
  gap: 2rem;
 }
}

footer .footer-link--section .links--wrapper p.footer-title {
 margin-bottom: 1rem;
 font-size: 1.2rem;
 font-weight: 600;
}

@media (min-width: 1001px) {
 footer .footer-link--section .links--wrapper p.footer-title:nth-of-type(1) {
  grid-area: title1;
 }

 footer .footer-link--section .links--wrapper p.footer-title:nth-of-type(2) {
  grid-area: title2;
 }

 footer .footer-link--section .links--wrapper p.footer-title:nth-of-type(3) {
  grid-area: title3;
 }
}

footer .footer-link--section .links--wrapper ul {
 list-style-type: none;
 margin-bottom: 3rem;
}

@media (min-width: 1001px) {
 footer .footer-link--section .links--wrapper ul {
  margin-bottom: 0;
 }

 footer .footer-link--section .links--wrapper ul:nth-of-type(1) {
  grid-area: link1;
 }

 footer .footer-link--section .links--wrapper ul:nth-of-type(2) {
  grid-area: link2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: max-content;
 }
}

footer .footer-link--section .links--wrapper ul li {
 margin-bottom: 0.5rem;
 font-size: 11px;
}

footer .footer-link--section .links--wrapper ul li a {
 color: #ffffff;
 text-decoration: none;
}

/*# sourceMappingURL=index.css.map */