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

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

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

.sePageMain .container-fluid {
 padding: 0 15px !important;
}

.custom3-1 .editContent,
.custom4-1 .editContent {
 max-width: 810px;
 margin: 0 auto;
 padding: 0 15px;
}

.se-hero-inner .custom3-2 .editContent {
 max-width: 620px;
 margin-left: auto;
 text-align: center;
}

/* Typography */
.sePage .sePageLayout .sePageMain h1,
.sePage .sePageLayout .sePageMain h2,
.sePage .sePageLayout .sePageMain h3 {
 color: #1a1a1a;
 font-family: itc-avant-garde-gothic-pro, sans-serif;
 font-style: normal;
 font-weight: 700;
}

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

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

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

.sePage .sePageLayout .sePageMain,
.sePage .sePageLayout .sePageMain p {
 color: #333;
 font-family: roboto, sans-serif;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.5;
}

.sePage .sePageLayout .sePageMain a:not(.btn),
.sePage .sePageLayout .sePageMain a:not(.btn):visited {
 color: #333;
 font-family: roboto, sans-serif;
 font-style: normal;
 font-weight: 400;
}

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

/* TEXT WHITE */
.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 h1,
.sePage .sePageLayout .sePageMain .se-text-white h2,
.sePage .sePageLayout .sePageMain .se-text-white h3,
.sePage .sePageLayout .sePageMain .se-text-white p,
.sePage .sePageLayout .sePageMain .se-text-white ul,
.sePage .sePageLayout .se-text-white h1,
.sePage .sePageLayout .se-text-white h2,
.sePage .sePageLayout .se-text-white h3,
.sePage .sePageLayout .se-text-white p,
.sePage .sePageLayout .se-text-white ul {
 color: #fff;
}

.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn) {
 text-shadow: 0 0 5px #484848;
}

.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 a:not(.btn),
.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn):visited {
 color: #fff;
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):focus,
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):active,
.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn):focus,
.sePage .sePageLayout .sePageMain .block-bg-img a:not(.btn):active,
.sePage .sePageLayout .sePageMain .se-text-white h1 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .se-text-white h2 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .se-text-white h3 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .se-text-white h4 a:not(.btn):hover,
.sePage .sePageLayout .sePageMain .se-text-white h5 a:not(.btn):hover {
 color: #ccc;
 text-decoration: underline;
}

.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 h1,
.sePage .sePageLayout .sePageMain .block-bg-img h2,
.sePage .sePageLayout .sePageMain .block-bg-img h3,
.sePage .sePageLayout .sePageMain .block-bg-img ol,
.sePage .sePageLayout .sePageMain .block-bg-img p,
.sePage .sePageLayout .sePageMain .block-bg-img ul {
 margin-top: 11 px;
 text-shadow: none;
 color: #fff;
}

/* BUTTONS */
/* BUTTON-PRIMARY (DARK GRAY) */
.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 {
 margin-top: 0;
 margin-bottom: 11px;
 border-radius: 0px;
 border-color: #1a1a1a;
 background: #1a1a1a;
 padding: 8px 22px;
 color: #fff;
 font-family: roboto, sans-serif;
 font-size: 15px;
 font-style: normal;
 font-weight: 400;
 letter-spacing: 0.25px;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
}

.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: #fff;
}

.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-color: #1a1a1a;
 background: #333;
 color: #fff;
 text-decoration: none;
}

/* BUTTON-DEFAULT (WHITE) */
.sePage .sePageLayout .sePageMain .btn-default,
.sePage .sePageLayout .sePageMain a.btn.btn-default,
.sePage .sePageLayout .sePageMain button.btn.btn-default {
 margin-top: 0;
 margin-bottom: 11px;
 border-radius: 0px;
 border-color: #333333;
 background: #ffffff;
 padding: 8px 22px;
 color: #1a1a1a;
 font-family: roboto, sans-serif;
 font-size: 15px;
 font-style: normal;
 font-weight: 400;
 letter-spacing: 0.25px;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
}

.sePage .sePageLayout .sePageMain .btn-default:visited,
.sePage .sePageLayout .sePageMain a.btn.btn-default:visited,
.sePage .sePageLayout .sePageMain button.btn.btn-default:visited {
 color: #1a1a1a;
}

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

/* CATALOG*/
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seRegularPrice,
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seOriginalPrice,
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seSpecialPrice,
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-track
 .seProductTitle
 .seBrandName,
.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-track
 .seProductTitle
 .seItemName {
 color: #1a1a1a;
 font-family: roboto, sans-serif;
 font-weight: 400;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-track
 .seProductTitle
 .seBrandName {
 font-size: 14px;
 font-weight: 700;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-track
 .seProductTitle
 .seItemName {
 font-size: 16px;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seSpecialPrice {
 color: #ed1c24;
 font-size: 16px;
 font-weight: 700;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seOriginalPrice {
 opacity: 0.6;
 font-size: 12px;
 text-decoration: line-through;
}

.sePage
 .sePageLayout
 .sePageMain
 .seAdvancedItemCarousel
 .slick-slide
 .seRegularPrice {
 color: #333;
 font-size: 16px;
 font-weight: 400;
}

.sePage .sePageLayout .seAdvancedItemCarousel .slick-next:before,
.sePage .sePageLayout .seAdvancedItemCarousel .slick-prev:before {
 color: #1a1a1a;
}

/* HERO */
.se-hero .block-bg-img {
 padding: 24% 30px;
}

.se-hero-inner .block-bg-img {
 padding: 48% 30px 30px;
}


/* FULL WIDTH 2 COLUMN FEATURE */
.se-2col-fw-feature .content-block-column {
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.se-2col-fw-feature .content-block-column {
 width: 100%;
}

.se-2col-fw-feature .content-block-column:first-child {
 min-height: 360px;
}

.se-2col-fw-feature .content-block-column:last-child {
 padding: 45px 30px;
}

.se-2col-fw-feature .custom1-6 .col-sm-push-6 {
 left: inherit;
}

.se-2col-fw-feature .custom1-6 .col-sm-pull-6 {
 right: inherit;
}

@media only screen and (min-width: 992px) {

 /* FULL WIDTH 2 COLUMN FEATURE */
 .se-2col-fw-feature .content-block-column:first-child {
 min-height: 480px;
 }

 .se-2col-fw-feature .content-block-column {
 width: 50%;
 }

 .se-2col-fw-feature .custom1-6 .col-sm-push-6 {
 left: 50%;
 }

 .se-2col-fw-feature .custom1-6 .col-sm-pull-6 {
 right: 50%;
 }

 .se-2col-fw-feature .content-block-column:last-child {
 padding: 45px 60px;
 }
}
/* FULL WIDTH 4 COLUMN FEATURE */
.se-4col-fw-feature {
 display: flex;
 flex-wrap: wrap; /* allows columns to drop on smaller screens */
 margin: 0; /* remove vertical spacing outside the block */
 padding: 0; /* remove internal spacing at top/bottom if any */
}

.se-4col-fw-feature .content-block-column {
 display: flex;
 flex-direction: column;
 justify-content: center;
 width: 100%; /* default: single column on mobile */
 padding: 20px 20px 20px 20px; /* horizontal padding remains, vertical can be adjusted */
 box-sizing: border-box;
 margin: 0; /* remove any margin inside columns */
}

.se-4col-fw-feature .content-block-column:first-child {
 min-height: 360px;
}

/* Tablet: 2 columns */
@media only screen and (min-width: 768px) {
 .se-4col-fw-feature .content-block-column {
 width: 50%;
 }
}

/* Desktop: 4 columns */
@media only screen and (min-width: 992px) {
 .se-4col-fw-feature .content-block-column {
 width: 25%;
 padding: 30px 30px 30px 30px; /* keep horizontal padding */
 }

 .se-4col-fw-feature .content-block-column:first-child {
 min-height: 480px;
 }
}

/* Popup overlay */
#popup-overlay {
 position: fixed;
 top: 0; left: 0;
 width: 100%; height: 100%;
 background: rgba(0, 0, 0, 0.6);
 display: none; /* hidden by default */
 justify-content: center;
 align-items: center;
 z-index: 1000;
 overflow-y: auto;
 padding: 20px;
}

/* Popup box */
#popup-overlay .popup-box {
 background: #fff;
 padding: 20px;
 border-radius: 12px;
 width: 700px;
 max-width: 100%;
 box-shadow: 0 4px 15px rgba(0,0,0,0.3);
 position: relative;
 text-align: center;
}

/* Close button */
#popup-overlay .popup-close {
 position: absolute;
 top: 10px;
 right: 15px;
 font-size: 24px;
 cursor: pointer;
}

/* Open button */
#popup-open-btn {
 padding: 10px 20px;
 border: none;
 background: black;
 color: #fff;
 border-radius: 0px;
 cursor: pointer;
}

/* Responsive iframe */
.iframe_container .iframe_responsive {
 width: 100%;
 height: 500px;
 border: none;
}