@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");

.modal-dialog {
 width: calc(100% - 60px);
 margin: 30px auto;
}

.modal-body {
 position: relative;
 padding: 0;
}

.modal-content {
 position: relative;
 background-color: transparent;
 border: none;
 border-radius: 0;
 box-shadow: none;
}

.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 .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-inner .block-bg-img {
 padding: 20vw 25px;
 border-radius: 5px;
}

.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;
}

/* VIDEO HERO */
.ws-video-hero {
 position: relative;
 overflow: hidden;
 border-radius: 5px;
}
.ws-video-hero .bg-video {
 position: absolute;
 height: 100%;
 width: 100%;
 overflow: hidden;
 object-fit: cover;
 display: block;
}
.video-background {
 background: #000;
 background-repeat: no-repeat;
 background-position-y: center;
 background-position-x: center;
 background-size: cover;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 0;
}
.video-background iframe,
.video-foreground {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 pointer-events: none;
}
.video-foreground {
 width: 100%;
 left: 0;
 height: 100%;
 top: 0;
 display: block;
}
.video-background.video-desktop {
 display: none;
}
.video-background.video-mobile {
 display: block;
}
.ws-video-hero.large .fixed-overslider {
 position: relative;
 display: flex;
 align-items: center;
 width: 100%;
 height: 100%;
 padding: 0;
 aspect-ratio: auto 2 / 3;
 z-index: 1;
}
.ws-video-hero.large .fixed-overslider .banner {
 width: 100%;
 max-width: 940px;
 margin: auto;
 padding: 0 15px;
 position: static;
 text-align: center;
}

.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;
}

.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;
}

.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;
 }

 /* VIDEO HERO */
 .ws-video-hero.large .fixed-overslider {
 padding: 0;
 }
 .ws-video-hero.large .fixed-overslider {
 aspect-ratio: auto 16 / 7;
 }
 .video-background.video-desktop {
 display: block;
 }
 .video-background.video-mobile {
 display: none;
 }

 .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) {
 .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;
 }
}

@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%;
 }
}