@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");

@font-face {
 font-family: "favoritbold";
 src: url("https://www.sefiles.net/files/library/site/favorit-bold-webfont.woff2")
 format("woff2"),
 url("https://www.sefiles.net/files/library/site/favorit-bold-webfont.woff")
 format("woff");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "favoritlight";
 src: url("https://www.sefiles.net/files/library/site/favorit-light-webfont.woff2")
 format("woff2"),
 url("https://www.sefiles.net/files/library/site/favorit-light-webfont.woff")
 format("woff");
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: "favoritregular";
 src: url("https://www.sefiles.net/files/library/site/favorit-regular-webfont.woff2")
 format("woff2"),
 url("https://www.sefiles.net/files/library/site/favorit-regular-webfont.woff")
 format("woff");
 font-weight: normal;
 font-style: normal;
}

.se-code-section .customContentBlock {
 min-height: 0;
}

/* PAGE MARGINS */
#PageMain,
#PageFooter {
 margin-top: 0;
}

.sePage .sePageLayout .sePageMain .container-fluid {
 padding: 0 15px;
}

.custom3-1 .text-center .editContent,
.custom4-1 .text-center .editContent {
 margin: auto;
 width: 100%;
 max-width: 920px;
 padding: 0 15px;
}

.sePage .sePageLayout .sePageMain .se-fw-section .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 30px;
 padding-right: 30px;
}

.desktop-img {
 display: none;
}
.mobile-img {
 display: block;
}

/* TYPOGRAPHY */
.sePage .sePageLayout .sePageMain h1 {
 color: #000;
 font-family: favoritbold, sans-serif;
 font-weight: 700;
 font-style: normal;
}

.sePage .sePageLayout .sePageMain h2 {
 color: #000;
 font-family: favoritbold, sans-serif;
 font-weight: 400;
 font-style: normal;
}

.sePage .sePageLayout .sePageMain h3,
.sePage .sePageLayout .sePageMain h4 {
 font-weight: 300;
 font-family: favoritlight, sans-serif;
}

.sePage .sePageLayout .sePageMain h1 {
 font-size: 60px;
}

.sePage .sePageLayout .sePageMain h2 {
 font-size: 44px;
}

.sePage .sePageLayout .sePageMain h3 {
 font-size: 36px;
}

.sePage .sePageLayout .sePageMain h4 {
 font-size: 24px;
}

.sePage .sePageLayout .sePageMain {
 color: #333;
 font-family: favoritlight, sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 18px;
}

.se-subhead h2 {
 margin-bottom: -22px;
}

.sePage .sePageLayout .se-subhead h2 span {
 font-weight: 300;
 font-family: favoritlight, sans-serif;
}

.sePage .sePageLayout .sePageMain a:not(.btn),
.sePage .sePageLayout .sePageMain a:not(.btn):visited {
 color: #000;
 font-family: favoritlight, sans-serif;
 font-weight: 300;
 font-style: normal;
 font-size: 18px;
 text-decoration: none;
}

.sePage .sePageLayout .sePageMain a:not(.btn):hover,
.sePage .sePageLayout .sePageMain a:not(.btn):focus,
.sePage .sePageLayout .sePageMain a:not(.btn):active {
 color: #000;
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain a:not(.btn):hover,
.sePage .sePageLayout .sePageMain a:not(.btn):focus,
.sePage .sePageLayout .sePageMain a:not(.btn):active {
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain .se-text-white h1,
.sePage .sePageLayout .sePageMain .se-text-white h2,
.sePage .sePageLayout .sePageMain .se-text-white h3,
.sePage .sePageLayout .sePageMain .se-text-white h4,
.sePage .sePageLayout .sePageMain .se-text-white h5,
.sePage .sePageLayout .sePageMain .se-text-white h6,
.sePage .sePageLayout .sePageMain .se-text-white p,
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn),
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):visited,
.sePage .sePageLayout .sePageMain .block-bg-img h1,
.sePage .sePageLayout .sePageMain .block-bg-img h2,
.sePage .sePageLayout .sePageMain .block-bg-img h3,
.sePage .sePageLayout .sePageMain .block-bg-img p {
 color: #fff;
}

/* BUTTONS */
.sePage .sePageLayout .sePageMain .btn:not(.btn-link),
.sePage .sePageLayout .sePageMain .btn-primary,
.sePage .sePageLayout .sePageMain a.btn.btn-primary,
.sePage .sePageLayout .sePageMain button.btn.btn-primary {
 border: 1px solid #000;
 border-radius: 0px;
 background-color: #fff;
 border-color: #000;
 padding: 15px 30px;
 color: #000 !important;
 font-family: "Space Mono", monospace;
 font-style: normal;
 font-weight: 300;
 font-size: 16px;
 letter-spacing: 0.5px;
 text-transform: uppercase;
 margin-bottom: 11px;
}

.sePage .sePageLayout .sePageMain .sePageMain .btn:not(.btn-link):visited,
.sePage .sePageLayout .sePageMain .btn-primary:visited,
.sePage .sePageLayout .sePageMain a.btn.btn-primary:visited,
.sePage .sePageLayout .sePageMain button.btn.btn-primary:visited {
 color: #000;
}

.sePage .sePageLayout .sePageMain .sePageMain .btn:not(.btn-link):hover,
.sePage .sePageLayout .sePageMain .btn-primary:hover,
.sePage .sePageLayout .sePageMain a.btn.btn-primary:hover,
.sePage .sePageLayout .sePageMain button.btn.btn-primary:hover,
.sePage .sePageLayout .sePageMain .btn:not(.btn-link):active,
.sePage .sePageLayout .sePageMain .btn-primary:active,
.sePage .sePageLayout .sePageMain a.btn.btn-primary:active,
.sePage .sePageLayout .sePageMain button.btn.btn-primary:active {
 border: 1px solid #000;
 background-color: #e5e5e5;
 border-color: #000;
 color: #000;
 text-decoration: none;
}

/* CATALOG*/
.slick-arrow.slick-next:before,
.slick-arrow.slick-prev:before {
 content: "";
 display: block;
 width: 19px;
 height: 9px;
 background: url(https://www.sefiles.net/images/library/site/arrow-next.svg);
}
.slick-arrow.slick-prev:before {
 transform: rotate(180deg);
}
.seContentSectionLink {
 text-align: center;
 padding-top: 11px;
}
.seSearchProductsContainer .seProduct .seProductTitle .seBrandName,
.seAdvancedItemCarousel .slick-track .seProductTitle .seBrandName {
 font-size: 16px;
 font-family: favoritregular, sans-serif;
 font-weight: 500;
}
.seCatalogTabularWrapper .seProductTitle .seItemName,
.seAdvancedItemCarousel .slick-track .seProductTitle .seItemName {
 font-size: 18px;
 font-family: favoritlight, sans-serif;
 font-weight: 300;
}
.seSearchProductsContainer .seProduct .seProductPrice .seRegularPrice,
.seSearchProductsContainer .seProduct .seProductPrice .seSpecialPrice,
.seAdvancedItemCarousel .slick-track .seProductPrice .seRegularPrice,
.seAdvancedItemCarousel .slick-track .seProductPrice .seSpecialPrice {
 display: block;
 font-family: favoritregular, sans-serif;
 font-weight: 400;
 color: #333;
 font-size: 18px;
}
.seAdvancedItemCarousel .slick-track .seProductPrice .seSpecialPrice,
.seSearchProductsContainer .seProduct .seProductPrice .seSpecialPrice {
 color: #b30000;
}
.seCatalogTabularWrapper .seImgFrame,
.seCatalogTabularWrapper .seProductTitle,
.seCatalogTabularWrapper .seProductPrice {
 background: #f8f8f8;
}
.seSearchProductsContainer
 .seCatalogTabularWrapper
 .seProduct
 .seProductAnchor
 img {
 margin: 0 auto;
 mix-blend-mode: multiply;
}
.seSearchProductsContainer .seCatalogTabularWrapper .seProduct .seProductTitle {
 line-height: normal;
 margin: 0;
 padding: 0 15px 8px;
 text-align: left;
 color: #000;
}
.seSearchProductsContainer .seCatalogTabularWrapper .seProduct .seProductPrice {
 color: #333;
 margin-bottom: 0;
 padding: 0 15px 30px;
 text-align: left;
 text-decoration: none;
}
.seCatalogTabularWrapper .seProduct {
 margin-bottom: 30px;
}

/* HERO */
.se-hero.top .block-bg-img {
 padding: 300px 30px 360px;
}

.se-hero.top {
 background-position-y: top !important;
}

.se-hero.top.section::after {
 content: url(https://www.sefiles.net/images/library/site/Cannondale_logo_w_210.svg);
 position: absolute;
 top: 30px;
 left: calc(50% - 105px);
}

.se-hero.top.section {
 position: relative;
}

.se-hero .block-bg-img h1,
.se-hero .block-bg-img h2,
.se-hero .block-bg-img h3,
.se-hero .block-bg-img p {
 text-shadow: none;
}

.sePage .sePageLayout .se-hero h3 {
 font-family: "Space Mono", monospace;
 font-weight: 300;
 font-style: normal;
 margin: 0px auto;
}

.sePage .sePageLayout .se-hero.top h1 span {
 font-size: 14px;
 display: block;
 font-family: "Space Mono", monospace;
 font-weight: 300;
 font-style: normal;
 text-transform: uppercase;
 letter-spacing: 3px;
}

/* HERO */
.se-hero-inner .block-bg-img {
padding: 25vw 10px;
}

@media only screen and (max-width: 767px) {
.se-subhead h2 {
 margin-bottom: -10px;
 }
}

@media only screen and (min-width: 768px) {
 .desktop-img {
 display: block;
 }
 .mobile-img {
 display: none;
 }
 .sePage .sePageLayout .sePageMain h1 {
 font-size: 110px;
 }
 .sePage .sePageLayout .sePageMain h2 {
 font-size: 100px;
 }
}


@media (min-width: 1200px) {
 .sePage .sePageLayout .sePageMain .se-fw-section .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 60px;
 padding-right: 60px;
 }
}