@import url("https://use.typekit.net/for7avf.css");

/* PAGE AND FOOTER MARGINS */
#PageMain,
#PageFooter {
 margin-top: 0;
}

/* HERO */
.se-spec-eos-hero .block-bg-img {
 padding: 0;
}

@media (max-width: 991px) {
 .se-spec-eos-hero img {
 margin: 0 auto;
 }
}

.se-spec-eos-footer .block-bg-img {
 padding: 15% 10%;
}

.sePage .sePageLayout .se-spec-eos-footer h2 {
 font-family: urw-din-condensed, sans-serif;
 font-weight: 600;
 font-style: normal;
 font-size: 42px;
 color: #FFFFFF;
 text-shadow: 0 0 5px #484848;
}

.sePage .sePageLayout .se-spec-eos-footer p {
 font-family: urw-din, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 20px;
 color: #FFFFFF;
 text-shadow: 0 0 5px #484848;
}

.sePageContent .sePageSection.se-spec-eos-footer {
 margin-bottom: 0;
}

/* SALE TEXT */
.sePage .sePageLayout .se-spec-eos-text h1, .sePage .sePageLayout .se-spec-eos-text h2 {
 font-family: urw-din-condensed, sans-serif;
 font-weight: 600;
 font-style: normal;
 font-size: 42px;
 color: #000000;
}

.sePage .sePageLayout .se-spec-eos-text p {
 font-family: urw-din, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 18px;
 color: #222222;
}

@media (max-width: 991px) {
 .sePage .sePageLayout .se-spec-eos-text {
 text-align: center;
 padding: 0 30px;
 }
}

/* FULL WIDTH 2 COLUMN */
.sePage .sePageLayout .se-spec-eos-fw-2col h2 {
 font-family: urw-din-condensed, sans-serif;
 font-weight: 600;
 font-style: normal;
 font-size: 32px;
 color: #000000;
 margin-top: 11px;
}

.sePage .sePageLayout .se-spec-eos-fw-2col p {
 font-family: urw-din, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 18px;
 color: #222222;
}

.sePage .sePageLayout .sePageMain .se-spec-eos-fw-2col .se-spec-eos-fw-2col-content {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 padding: 105px 60px;
}

.sePage .sePageLayout .sePageMain .se-spec-eos-fw-2col .seContentEmpty {
 min-height: 300px;
}

@media (max-width: 991px) {
 .sePage .sePageLayout .sePageMain .se-spec-eos-fw-2col .se-spec-eos-fw-2col-content {
 padding: 75px 60px;
 text-align: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 }
}

@media (max-width: 767px) {
 .sePage .sePageLayout .sePageMain .se-spec-eos-fw-2col .se-spec-eos-fw-2col-content {
 padding: 45px 30px;
 }
}

/* CATALOG HEADERS */

.sePage .sePageLayout .se-spec-cat h2 {
 font-family: urw-din-condensed, sans-serif;
 font-weight: 600;
 font-style: normal;
 font-size: 42px;
 color: #000000;
}

.sePage .sePageLayout .se-spec-cat p {
 font-family: urw-din, sans-serif;
 font-weight: 400;
 font-style: normal;
 font-size: 18px;
 color: #222222;
}

.sePage .sePageLayout .se-spec-cat h5 {
 font-family: urw-din-condensed, sans-serif;
 font-weight: 600;
 font-style: normal;
 font-size: 18px;
 color: #222222;
}

.sePage .sePageLayout .sePageMain .se-spec-cat h5 a:not(.btn) {
 color: #222222;
 text-decoration: none;
}

.sePage .sePageLayout .sePageMain .se-spec-cat h5 a:not(.btn):hover {
 color: #222222;
 text-decoration: underline;
}

.sePage .sePageLayout .sePageMain .se-spec-cat h5 a:not(.btn):visited, .sePage .sePageLayout .sePageMain .se-spec-cat h5 a:not(.btn):focus {
 color: #222222;
}

.se-spec-cat {
 text-align: center;
}

.sePageContent .sePageSection.se-spec-cat {
 margin-bottom: 45px;
}


img.gogglePopUp{
width: 40%;
}

div.gogglePopUp {
 display: none;
z-index:9999;
}

span:hover + div.gogglePopUp {
 position: absolute;
 display: block;
}

.sidenav {
 height: 100%;
 width: 0;
 position: fixed;
 z-index: 6;
 top: 0;
 left: 0;
 background-color: #111;
 overflow: hidden;
 transition: 0.75s;
 padding-top: 60px;
}

.sidenav a {
 padding: 8px 8px 8px 32px;
 text-decoration: none;
 font-size: 25px;
 font-family: urw-din-condensed, sans-serif;
 color: #818181;
 display: block;
 transition: 0.5s;
}

.sidenav a:hover {
 color: #f1f1f1;
}

.sidenav .closebtn {
 position: absolute;
 top: 0;
 right: 25px;
 font-size: 36px;
 margin-left: 50px;
}

ul.side {
 list-style-type: none;
 padding: 0;
 top: 40%;
 left: 0px;
 border-width: 1px;
 position: fixed;
 overflow: auto;
 border-radius: 0px;
z-index:5;
 }

 li.side a {
 display: block;
 color: white;
 padding: 8px 16px;
 text-decoration: none;
 font-family: urw-din-condensed, sans-serif;
 cursor: pointer;
 }

li.side a:hover {
 font-size:125%;
 font-weight:bold;
 }