@import url("https://use.typekit.net/for7avf.css");

.se-code-section {
 height: 0;
}

/* PAGE MARGINS */
#PageMain, #PageFooter {
 margin-top: 0px;
}

.sePageMain .container-fluid {
 margin: 0 auto;
 padding: 0 15px;
}

/* TYPOGRAPHY */
.sePage .sePageLayout .sePageMain h1,
.sePage .sePageLayout .sePageMain h2,
.sePage .sePageLayout .sePageMain h3,
.sePage .sePageLayout .sePageMain h4 {
 color: #000;
 font-family: urw-din-condensed, sans-serif;
 font-style: normal;
 letter-spacing: normal;
 line-height: normal;
 font-weight: 700;
 margin-bottom: 7px;
}

.sePage .sePageLayout .sePageMain h1 {
 font-size: 38px;
 text-transform: uppercase;
}

.sePage .sePageLayout .sePageMain h2 {
 font-size: 36px;
 text-transform: uppercase;
}

.sePage .sePageLayout .sePageMain h3 {
 font-size: 32px;
 text-transform: uppercase;
}

.sePage .sePageLayout .sePageMain h4 {
 margin-bottom: 20px;
 font-family: urw-din, sans-serif;
 font-size: 20px;
}

.sePage .sePageLayout .sePageMain p {
 color: #333;
 font-family: urw-din, sans-serif;
 font-size: 16px;
 font-style: normal;
 font-weight: 400;
}

.sePage .sePageLayout .sePageMain {
 line-height: normal;
 letter-spacing: normal;
}

.sePage .sePageLayout .sePageMain a:not(.btn),
.sePage .sePageLayout .sePageMain a:not(.btn):visited {
 color: #000;
 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: #212121;
 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 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 li {
 color: #fff;
}

.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn),
.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):visited {
 color: #fff;
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain .se-text-white a:not(.btn):hover {
 color: #ddd;
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain .se-text-black h1,
.sePage .sePageLayout .sePageMain .se-text-black h2,
.sePage .sePageLayout .sePageMain .se-text-black h3,
.sePage .sePageLayout .sePageMain .se-text-black .h4,
.sePage .sePageLayout .sePageMain .se-text-black h4,
.sePage .sePageLayout .sePageMain .se-text-black h5,
.sePage .sePageLayout .sePageMain .se-text-black h6,
.sePage .sePageLayout .sePageMain .se-text-black p,
.sePage .sePageLayout .sePageMain .se-text-black li {
 color: #000;
}

.sePage .sePageLayout .sePageMain .se-text-black a:not(.btn),
.sePage .sePageLayout .sePageMain .se-text-black a:not(.btn):visited {
 color: #000;
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain .se-text-black a:not(.btn):hover {
 color: #212121;
 text-decoration: underline;
}

.se-text-padding {
 margin: 0 auto;
 padding: 0 30px 11px;
}

/* 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 {
 margin-top: 0;
 margin-bottom: 22px;
 border: 1px solid #000;
 border-radius: 0px;
 background-color: #000;
 padding: 8px 35px;
 color: #fff !important;
 font-family: urw-din-condensed, sans-serif;
 font-size: 17px;
 font-style: normal;
 font-weight: 700;
 letter-spacing: .5px;
 text-transform: uppercase;
}

.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,
.sePage .sePageLayout .sePageMain .btn:not(.btn-link).btn-secondary:hover {
 border: 1px solid #212121;
 background-color: #212121;
 color: #fff;
 text-decoration: none;
}

.sePage .sePageLayout .sePageMain .btn:not(.btn-link),
.sePage .sePageLayout .sePageMain .btn-default,
.sePage .sePageLayout .sePageMain a.btn.btn-default,
.sePage .sePageLayout .sePageMain button.btn.btn-default {
 margin-top: 0;
 margin-bottom: 22px;
 border: 1px solid #fff;
 border-radius: 0px;
 background-color: #fff;
 padding: 8px 35px;
 color: #000 !important;
 font-family: urw-din-condensed, sans-serif;
 font-size: 17px;
 font-style: normal;
 font-weight: 700;
 letter-spacing: .5px;
 text-transform: uppercase;
}

.sePage .sePageLayout .sePageMain .sePageMain .btn:not(.btn-link):hover,
.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: 1px solid #ddd;
 background-color: #ddd;
 color: #000;
 text-decoration: none;
}

/* CATALOG */
.sePage .sePageLayout .sePageMain .seAdvancedItemCarousel .slick-slide {
 font-family: urw-din, sans-serif;
}

.sePage .sePageLayout .sePageMain .seAdvancedItemCarousel .slick-track .seProductTitle .seBrandName {
 font-size: 14px;
}

.sePage .sePageLayout .sePageMain .seAdvancedItemCarousel .slick-slide .seRegularPrice {
 color: #333;
}

.sePage .sePageLayout .seAdvancedItemCarousel .slick-next:before,
.sePage .sePageLayout .seAdvancedItemCarousel .slick-prev:before {
 color: #000;
}

/* HERO */
.se-hero .block-bg-img {
 padding: 120px 15px;
}

.sePage .sePageLayout .sePageMain .se-hero p {
 font-size: 20px;
 margin-top: 0;
}

/* 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;
 text-align: center;
}

.se-2col-fw-feature .custom1-6 .col-sm-push-6 {
 left: inherit;
}

.se-2col-fw-feature .custom1-6 .col-sm-pull-6 {
 right: inherit;
}

/* BORDER */
.se-section-border-top {
 border-top: 1px solid #aaa;
}

.se-section-border-bottom {
 border-bottom: 1px solid #aaa;
}

/* PATTERN */
.se-cyber-mon-pattern {
 border: 1px solid #aaa;
 border-width: 1px 0;
 background-color: #000 !important;
 background-image: url(https://www.sefiles.net/images/library/site/se-cyber-mon-lp-pattern-2.svg);
 background-position: 0 !important;
 background-repeat: repeat !important;
 background-size: 40px 40px !important;
}

@media only screen and (min-width: 768px) {

 /*TYPOGRAPHY */
 .se-text-padding {
 max-width: 640px;
 margin: 0 auto;
 padding: 0 0 11px;
 }
}

@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;
 }
}