@import url("https://www.sefiles.net/files/library/site/ws_partner_page_styles_santa_cruz.css");
@import url("https://www.sefiles.net/files/library/site/santa_cruz_bullit_5456.css");

.ws-section-2col-feature .content-block-column:first-child {
 border-radius: 0px !important;
}

.suspensionModal {
 top: 50%;
 left: 41%;
}
.batteryModal {
 top: 43%;
 left: 49%;
}
.motorModal {
 top: 64%;
 left: 41%;
}
.wheelModal {
 top: 40%;
 left: 74%;
}
.seatubeModal {
 top: 53%;
 left: 34%;
}

.sePage .sePageLayout .sePageMain .model-swatches {
 position: absolute;
 top: calc(100% - 66px);
 left: 50%;
 transform: translateX(-50%);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-direction: row;
 background: #ffffff;
 border-radius: 18px;
 z-index: 1;
}

.sePage .sePageLayout .sePageMain .model-swatches button.slick-arrow {
 border: none;
 background: transparent;
 padding: 4px;
 margin: 0;
}
.sePage .sePageLayout .sePageMain .model-swatches button.slick-arrow img {
 border: 1px solid transparent;
 border-radius: 50%;
 width: 28px;
}

.sePage .sePageLayout .sePageMain .model-swatches button.slick-arrow:hover {
 border-color: transparent;
 background: transparent;
}

.sePage .sePageLayout .sePageMain .model-swatches button.slick-arrow:hover img,
.sePage .sePageLayout .sePageMain .model-swatches button.slick-arrow:active img,
.sePage .sePageLayout .sePageMain .model-swatches button.slick-arrow:focus img {
 border: 1px solid #8a8a8a;
}

.sePage .sePageLayout .model-lockup {
 text-align: center;
}

.sePage .sePageLayout .model-lockup h1 {
 font-size: 84px;
 color: #ffffff;
}

.sePage .sePageLayout .model-details {
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
}

.sePage .sePageLayout .model-details p {
 margin-top: 0;
 padding: 0 11px;
 color: #ffffff;
 font-size: 18px;
 font-weight: 700;
 text-transform: uppercase;
 display: flex;
 flex-direction: column;
 line-height: 1;
 text-align: center;
}
.sePage .sePageLayout .model-details p span {
 font-size: 10px;
}

.sePage .sePageLayout .model-details {
 display: flex;
 flex-direction: row;
}

.sePage .sePageLayout .model-details p:not(:last-child) {
 margin-right: 0;
 border-bottom: none;
 border-right: 1px solid #ffffff;
}

.sePage .sePageLayout .model-details p {
 margin-bottom: 30px;
}

#PageMain,
#PageFooter {
 margin-top: 0;
}

.se-hero .block-bg-img {
 padding: 10vw 15px;
 border-radius: 0px;
}

.se-hero-inner .block-bg-img {
 padding: 15vw 25px;
 border-radius: 0px;
}

.sePage .sePageLayout .sePageMain h2 span,
.sePage .sePageLayout .sePageMain h3 span {
 display: block;
 margin-bottom: 5px;
 font-family: proxima-nova, sans-serif;
 font-size: 16px;
 font-style: normal;
 line-height: normal;
 font-weight: 600;
 text-transform: uppercase;
 color: #cb0000;
}

.sePage .sePageLayout .sePageMain .ws-section-fw .container-fluid,
.sePage .sePageLayout .sePageMain .ws-section-2col-feature .container-fluid,
.sePage
 .sePageLayout
 .sePageMain
 .ws-section-2col-text-feature
 .container-fluid {
 padding-left: 30px;
 padding-right: 30px;
}

.image-gallery .modal-backdrop.in {
 opacity: 0.75;
 filter: alpha(opacity=75);
}

section.image-gallery.details {
 display: none;
}
.image-gallery .modal-dialog {
 width: calc(100% - 120px);
 margin: 30px auto;
}

.image-gallery .modal button.close {
 padding: 0;
 cursor: pointer;
 background: #000;
 padding: 4px;
 border: 0;
 float: right;
 font-size: 36px;
 font-weight: 700;
 line-height: 1;
 color: #fff;
 text-shadow: none;
 opacity: 1;
 filter: none;
}

.sePage .sePageLayout .sePageMain .container-fluid {
 margin-right: auto;
 margin-left: auto;
 padding-left: 15px;
 padding-right: 15px;
}

.text-sm-left {
 text-align: center;
}

.ws-section-sc-hero {
 background-position: 50% 25% !important;
}
.ws-section-sc-hero {
 position: relative;
}
.ws-section-sc-hero .editContent {
 position: relative;
 z-index: 1;
}

.ws-section-sc-hero .block-bg-img {
 padding: 11px 30px 75%;
 background-position: 50% 50% !important;
}

/* FEATURE CARD SECTION */
.sePage .sePageLayout .se-feature-card-section-main {
 margin-bottom: 0;
}
.sePage .sePageLayout .se-feature-card-section-main .editContent {
 border: 1px solid #b2b2b2;
 background-color: #fff;
 height: 100%;
 border-radius: 5px;
}
.sePage
 .sePageLayout
 .se-feature-card-section-main
 div:not(.content-block-content)
 img {
 padding: 5px 5px 0;
}
.sePage .sePageLayout .se-feature-card-section-main .content-block-content {
 padding: 20px 40px;
}
.sePage .sePageLayout .se-feature-card-section-main .content-block-content h2,
.sePage .sePageLayout .se-feature-card-section-main .content-block-content h3 {
 margin-top: 22px;
}
.sePage .sePageLayout .se-feature-card-section-main .content-block-content p {
 margin-bottom: 11px;
}
.sePage
 .sePageLayout
 .se-feature-card-section-main
 .content-block-content
 .btn {
 margin-bottom: 22px;
}
.sePage .sePageLayout .se-feature-card-section-main .col-margin-bottom {
 margin-bottom: 30px;
}

.ws-single-slider-section .slick-dots {
 bottom: 11px;
}
.ws-single-slider-section .slick-track {
 display: flex;
 align-items: center;
 height: auto;
}
.ws-single-slider-section .slick-slide {
 position: relative;
 padding: 0;
}
.ws-single-slider-section .slick-slide > div {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 100%;
 height: 100%;
}
.ws-single-slider-section .slick-slider {
 padding: 0;
 margin: 0;
}
.ws-single-slider-section .customContentBlock {
 padding: 0;
}
.ws-single-slider-section .content-block-content {
 word-wrap: break-word;
 position: absolute;
 top: 30px;
 left: 30px;
 z-index: 1;
}
.ws-single-slider-section .col-xs-12 {
 padding: 0;
}

.sePage .sePageLayout .ws-2col-slider-section .ws-2col-slider-wrapper {
 margin-bottom: 0;
}
.sePage .sePageLayout .ws-2col-slider-section .customContentBlock,
.sePage .sePageLayout .ws-2col-slider-section .slick-slide {
 padding: 0;
}

.sePage .sePageLayout .intro-anchor-section .editContent > div,
.sePage .sePageLayout .intro-anchor-section .anchors {
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}
.sePage .sePageLayout .intro-anchor-section .swatches {
 display: flex;
 align-items: center;
 justify-content: center;
}

@media (min-width: 768px) {
 .sePage .sePageLayout .sePageMain .model-swatches {
 top: 50%;
 right: 60px;
 left: unset;
 transform: translateY(-50%);
 flex-direction: column;
 }

 .ws-section-sc-hero .block-bg-img {
 padding: 45px 30px 75%;
 }

 .bg-img-mobile {
 background-image: none !important;
 }
 .ws-hero-top-v10 .block-bg-img {
 padding: 30px 30px 45%;
 }
 .ws-section-sc-hero .block-bg-img {
 padding: 60px 30px 50%;
 }
 .ws-section-sc-hero .editContent {
 display: flex;
 width: 100%;
 max-width: 940px;
 margin-left: auto;
 }
 .text-sm-left {
 text-align: left;
 }

 .sePage .sePageLayout .ws-2col-slider-section .content-block-column {
 min-height: 680px;
 }
 .sePage
 .sePageLayout
 .ws-2col-slider-section.text-contained
 .content-block-content {
 width: 720px;
 margin: auto;
 }

 .sePage
 .sePageLayout
 .sePageMain
 .ws-section-sc-hero
 .block-bg-img
 .headline {
 text-align: right;
 min-width: 360px;
 padding-right: 60px;
 }

 .sePage .sePageLayout .intro-anchor-section .swatches,
 .sePage .sePageLayout .intro-anchor-section .anchors {
 display: flex;
 align-items: center;
 justify-content: center;
 }
 .sePage .sePageLayout .intro-anchor-section .anchors {
 flex-direction: row;
 }
 .sePage .sePageLayout .model-details p {
 padding: 0 30px;
 font-size: 36px;
 }
 .sePage .sePageLayout .model-details p span {
 font-size: 14px;
 }
}

@media (min-width: 992px) {
 .suspensionModal {
 top: 50%;
 left: 42%;
 }
 .batteryModal {
 top: 48%;
 left: 51%;
 }
 .motorModal {
 top: 68%;
 left: 45%;
 }
 .wheelModal {
 top: 43%;
 left: 70%;
 }
 .seatubeModal {
 top: 57%;
 left: 40%;
 }
 .ws-section-sc-hero .editContent {
 margin-right: 60px;
 }
 .ws-single-slider-section .content-block-content > div,
 .ws-hero-2col .editContent {
 max-width: 520px;
 }

 .sePage .sePageLayout .intro-anchor-section .editContent > div {
 justify-content: space-between;
 flex-direction: row;
 }
 .sePage
 .sePageLayout
 .ws-section-video-hero
 .ws-video-hero-wrapper.large
 .fixed-overslider {
 padding: 18% 45px;
 }
}

@media (min-width: 1200px) {
 .sePage .sePageLayout .sePageMain .ws-section-fw .container-fluid,
 .sePage .sePageLayout .sePageMain .ws-section-2col-feature .container-fluid,
 .sePage
 .sePageLayout
 .sePageMain
 .ws-section-2col-text-feature
 .container-fluid {
 padding-left: 60px;
 padding-right: 60px;
 }
}

.grid:after {
 content: "";
 display: block;
 clear: both;
}

.grid-sizer,
.grid-item {
 width: 100%;
}

.grid-item {
 float: left;
 padding: 15px;
}

.grid-item img {
 display: block;
 max-width: 100%;
 border-radius: 5px;
}

.grid-item button {
 position: absolute;
 bottom: 24px;
 right: 24px;
 background: rgba(255, 255, 255, 0.85);
 border: none;
 color: #1f1f1f;
 border-radius: 5px;
 width: 44px;
 height: 44px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-family: "Material Symbols Outlined";
 font-weight: normal;
 font-style: normal;
 font-size: 25px;
 line-height: 1;
 letter-spacing: normal;
 text-transform: none;
 white-space: nowrap;
 word-wrap: normal;
 direction: ltr;
 font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.grid-item button:hover {
 background: rgba(255, 255, 255, 1);
}

@media (min-width: 768px) {
 .grid-sizer,
 .grid-item {
 width: 50%;
 }
}

.sePage .sePageLayout .sePageMain h3.modal-title {
 font-size: 18px;
}

.ws-section-img-map .modal-content {
 position: relative;
 background-color: #fff;
 border: 1px solid #999;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 0;
 -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 background-clip: padding-box;
 outline: 0;
 border-radius: 4px;
}

.ws-section-img-map .modal-header {
 display: flex;
 align-items: center;
 justify-content: flex-start;
}
.ws-section-img-map .modal-header .close {
 margin-top: -2px;
 margin-left: auto;
}
.ws-section-img-map .modal .modal-dialog {
 margin: auto;
 position: absolute;
 top: -100%;
 left: 50%;
 -ms-transform: translate(-50%, 0);
 transform: translate(-50%, 0);
}
.ws-section-img-map .modal.in .modal-dialog {
 top: 50%;
 left: 50%;
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}