@import url("https://use.typekit.net/xzh2bqe.css");
@font-face {
    font-family: "FEASFBI"; 
    src: url("../../fonts/FEASFBI.eot"); 
    src: url("../../fonts/FEASFBI.eot?#iefix") format("embedded-opentype"), 
        url("../../fonts/FEASFBI.woff") format("woff"), 
        url("../../fonts/FEASFBI.ttf") format("truetype"); 
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'YouMurderer BB Regular';
    src: url('../../fonts/youmurdererbb_reg.woff') format('woff');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Another-Danger-Demo';
    src: url('../../fonts/Another-Danger-Demo.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
.mr-eaves-xl-modern {
    font-family: "mr-eaves-xl-modern", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.murderer{
    font-family: 'YouMurderer BB Regular' !important; 
}
.add{
    font-family: 'Another-Danger-Demo' !important; 
}
.ffb{
    font-family: "FEASFBI" !important; 
}
#oct-promo {
    --orange: #ff6c00;
    font-size: 16px;
}
#oct-hero{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../../../images/23/oct/hero/back.jpg);
	background-image: -webkit-image-set(url("../../../images/23/oct/hero/back.jpg") 1x, url("../../../images/23/oct/hero/back@2x.jpg") 2x);
}
.oh-inner .button{
    width: 297px;
    height: 71px;
    font-size: 1.8125em;
    padding-top: 0.2em;
    margin-top: 34px;
}
.oh-main {
    padding-top: 103px;
    padding-bottom: 33px;
    margin-right: -12px;
}
.scratch-wrapper {
    width: 393px;
    height: auto;
    aspect-ratio: 1 / 1.256997455470738;
	background-position: bottom center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../../../images/23/oct/hero/tombstone.png);
	background-image: -webkit-image-set(url("../../../images/23/oct/hero/tombstone.png") 1x, url("../../../images/23/oct/hero/tombstone@2x.png") 2x);
}
.scratch {
    height: 0;
    width: 66.1577608142494%;
    padding-top: 66.1577608142494%;
    margin-top: 30%;
    margin-left: -10%;
}
.witch {
    width: auto;
    right: 42%;
    height: 100%;
    aspect-ratio: 1 / 0.549388111888112;
}
.bat-left {
    height: auto;
    width: 10.6784660766962%;
    aspect-ratio: 1 / 0.713207547169811;
    bottom: 32.8895849647612%;
    left: -32.7434%;
}
.bat-top {
    height: auto;
    width: 8.8495575221239%;
    aspect-ratio: 1 / 0.713207547169811;
    top: 6.5779169929522%;
    left: 29.3805309734513%;
}
.bat-bottom {
    height: auto;
    width: 13.4513274336283%;
    aspect-ratio: 1 / 0.713207547169811;
    bottom: 8.8488645262334%;
    right: 22.0648967551622%;
}
#oct-sub{
    --yellow: #f3dc07;
    --orange: #f66c00;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../../../images/23/oct/hero/purge-back.jpg);
	background-image: -webkit-image-set(url("../../../images/23/oct/hero/purge-back.jpg") 1x, url("../../../images/23/oct/hero/purge-back@2x.jpg") 2x);
}
#oct-sub p {
    font-size: 1em;
}
#oct-sub p.f-white {
    font-size: 3.625em;
    line-height: 0.6;
    letter-spacing: 0.08em;
    text-shadow: rgb(2, 8, 13) 4px 0px 0px, rgb(2, 8, 13) 3.87565px 0.989616px 0px, rgb(2, 8, 13) 3.51033px 1.9177px 0px, rgb(2, 8, 13) 2.92676px 2.72656px 0px, rgb(2, 8, 13) 2.16121px 3.36588px 0px, rgb(2, 8, 13) 1.26129px 3.79594px 0px, rgb(2, 8, 13) 0.282949px 3.98998px 0px, rgb(2, 8, 13) -0.712984px 3.93594px 0px, rgb(2, 8, 13) -1.66459px 3.63719px 0px, rgb(2, 8, 13) -2.51269px 3.11229px 0px, rgb(2, 8, 13) -3.20457px 2.39389px 0px, rgb(2, 8, 13) -3.69721px 1.52664px 0px, rgb(2, 8, 13) -3.95997px 0.56448px 0px, rgb(2, 8, 13) -3.97652px -0.432781px 0px, rgb(2, 8, 13) -3.74583px -1.40313px 0px, rgb(2, 8, 13) -3.28224px -2.28625px 0px, rgb(2, 8, 13) -2.61457px -3.02721px 0px, rgb(2, 8, 13) -1.78435px -3.57996px 0px, rgb(2, 8, 13) -0.843183px -3.91012px 0px, rgb(2, 8, 13) 0.150409px -3.99717px 0px, rgb(2, 8, 13) 1.13465px -3.8357px 0px, rgb(2, 8, 13) 2.04834px -3.43574px 0px, rgb(2, 8, 13) 2.83468px -2.82216px 0px, rgb(2, 8, 13) 3.44477px -2.03312px 0px, rgb(2, 8, 13) 3.84068px -1.11766px 0px, rgb(2, 8, 13) 3.9978px -0.132717px 0px;
}
#oct-sub p.f-white span {
    font-size: 336.2069%;
    vertical-align: middle;
}
#oct-sub p#timer {
    line-height: 0.65;
    text-shadow: 1px 10px 13.95px rgba(0, 0, 0, 0.61);
    font-size: 8.375em;
}
#oct-sub p#timer .sep {
    margin: 0 5px;
}
#oct-sub p#timer .mr-eaves-xl-modern {
    text-shadow: 0px 5px 12.22px rgba(0, 0, 0, 0.83);
    font-size: 20%;
    letter-spacing: 0.015em;
}
#oct-winner{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../../../images/23/oct/hero/sub-back.jpg);
	background-image: -webkit-image-set(url("../../../images/23/oct/hero/sub-back.jpg") 1x, url("../../../images/23/oct/hero/sub-back@2x.jpg") 2x);
}
#oct-winner .ow-main {
    padding-top: 36px;
    padding-bottom: 32px;
    margin-right: 60px;
}
@media screen and (min-width: 1341px){
}
@media screen and (max-width: 1340px){
}
@media screen and (min-width:1200px){
    #oct-promo {
        width: 100vw;
        max-width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
}
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (min-width: 768px) {
    #weekly-deals .fp2 .fp-image {
        padding-right: 19px;
    }
    #weekly-deals .fp3 .fp-image {
        padding-right: 45px;
    }
}
@media screen and (max-width: 767px) {
    #weekly-deals .fp2 .fp-image {
        padding-right: 0;
    }
    #oct-sub{
        font-size: 14px;
    }
    #oct-winner .container {
        flex-direction: column;
        align-items: center;
    }
    #oct-winner .ow-main {
        margin-right: 0;
    }
}
@media screen and (max-width: 567px) {
    #oct-hero{
        background-position: bottom center;
        background-image: url(../../../images/23/oct/hero/back-m.jpg);
        background-image: -webkit-image-set(url("../../../images/23/oct/hero/back-m.jpg") 1x, url("../../../images/23/oct/hero/back-m@2x.jpg") 2x);
    }
    .oh-inner {
        flex-direction: column;
    }
    .oh-main {
        margin-right: auto;
        margin-left: -15px;
        margin-bottom: -125px;
        padding-top: 35px;
        padding-bottom: 0;
    }
    .scratch-wrapper{
        width: 305px;
        margin-right: -22px;
        margin-left: auto;
    }
    .witch {
        width: 100%;
        height: auto;
        aspect-ratio: 1 / 0.382978723404255;
        top: 5%;
    }
    .bat-left {
        width: 10%;
        bottom: 43.889585%;
        left: 6%;
    }
    .bat-top {
        width: 11.849558%;
        top: 0.577917%;
        left: 61.380531%;
    }
    .bat-bottom {
        width: 15%;
        bottom: 47%;
        right: -14%;
    }
    #oct-sub{
        font-size: 8px;
    }
}