/* CSS Document */
@font-face {
    font-family: 'capture_smallz_cleanregular';
    src: url(//www.essexoutdoors.com/skins/default/smallz/capsmall_clean-webfont.woff2) format('woff2'), url(//www.essexoutdoors.com/skins/default/smallz/capsmall_clean-webfont.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
.lock {
    --font-family: Arial, Helvetica, "sans-serif";
    --font-family-alt: Arial, Helvetica, "sans-serif";
    --font-size: 16px;
    --font-size-alt: 16px;
    --line-height: normal;
    /**********/
    --phone-padding: 8px;
    --tablet-padding: 16px;
    --block-padding: 30px;
    --inner-padding: 16px;
    --centered-width: 1200px;
    /*COLOURS*/
    /*BLUE*/
    --color1: #0ca7d2;
    --color1-hover: #0983A4;
    /*lght grey*/
    --color2: #f9f9f9;
    /*drk grey*/
    --color3: #1e1e1e;
    /*drk grey*/
    --color4: #817f7f;
    /*blue*/
    --color5: #4cadc9;
    --color5-hover: #bb6e00;
    /**********/
    --black: #111111;
    --grey: #d0d0d0;
    --white: #ffffff;
    /**********/
    --text-color: #4b4b4b;
    --link-color: var(--color1);
    /*FOOTER*/
    --footer-bg: var(--color3);
    --footer-text-color: var(--text-color);
    --footer-link-color: var(--white);
    /*border*/
    --border-color: #efefef;
    --border-size: 1px;
    /*HEADER*/
    --header-bg-position: fixed;
    --header-height: 85px;
    --header-bg: transparent;
    --header-bg-tint: var(--black);
    --header-logo-height: 49px;
    --header-logo-width: auto;
    --header-time: 0.3s;
    --header-scale: 0.6;
    /*TOP NAV*/
    --top-nav-top: 53px;
    --top-nav-font-size: 17px;
    --top-nav-colour: var(--white);
    --top-nav-hover-colour: var(--white);
    --top-nav-selected-colour: var(--white);
    --top-nav-font-weight: 700;
    --top-nav-drop-color: #3b3b3b;
    /*MOBILE NAV*/
    --mobile-header-height: 54px;
    --mobile-nav-width: 100vw;
    /*FORM*/
    --form-btn-padding: 10px 44px 10px 18px;
    --form-btn-bg-color: var(--color1);
    --form-btn-color: var(--white);
    --form-btn-font-size: 21px;
    --form-btn-radius: 0px;
    --form-border: none;
    /*HERO*/
    --hero-height: 100vh;
    --hero-top: 236px;
    /*promo*/
    --promo-top: 200px;
    /*social icons*/
    --social-background-color: transparent;
    --social-width: auto;
    --social-height: auto;
    --social-padding-top: 0;
    --social-border-radius: 18px;
    --social-font-size: 20px;
    /*******/
    --p-font-family: var(--font-family);
    --p-size: 15px;
    --p-weight: 400;
    --p-margin-bottom: var(--block-padding);
    --strong-font-weight: 600;
    --h1-font-family: var(--font-family-alt);
    --h1-size: 36px;
    --h1-margin-bottom: var(--block-padding);
    --h1-weight: 600;
    --h2-font-family: var(--font-family-alt);
    --h2-size: 28px;
    --h2-margin-bottom: 24px;
    --h2-weight: 600;
    --h3-font-family: var(--font-family-alt);
    --h3-size: 28px;
    --h3-margin-bottom: 24px;
    --h3-weight: 600;
    --h4-font-family: var(--font-family-alt);
    --h4-size: 19px;
    --h4-margin-bottom: var(--block-padding);
    --h4-weight: 600;
}
/**********/
.lock .header-bg .logo-holder {
    position: absolute;
    top: 16px;
    left: var(--block-padding);
}
.mobile-header .logo-holder {
    display: none;
}
.mobile-header .logo-holder.logo-holder-lock {
    display: block;
    padding-top: 5px;
}
.mobile-header .logo-holder.logo-holder-lock img {
    height: 28px;
}
/**********/
.header-bg .top-nav-holder li a {
    font-family: var(--font-family);
}
/**********/
.lock .block.custom-links .inner p a, .lock .careers-output .careers-item .careers-text p a, .lock .block.rollover_block .rollover-under p a {
    background: url(../images/white-btn-arrow-blue.png) no-repeat right 0.35em;
    background-size: auto 60%;
}
/**********/
.lock .phoo-table__header.greenBg {
    background-color: #0ca7d2;
    color: #ffffff;
    width: 33.333%;
    font-size: 18px !important;
}
/**********/
.lock .hero-holder .hero-item-inner .hero-item-block.ht_h1 {
    font-family: 'capture_smallz_cleanregular', Arial;
    font-weight: normal;
}
.lock .hero-holder .hero-item-inner.pos-t-l {
    padding: 0 calc(15% + var(--block-padding)) var(--block-padding) 15%;
}
/**********/
.lock .page-header .fw-wrapper .block .inner p {
    line-height: 69px;
    font-size: 50px;
    font-family: 'capture_smallz_cleanregular', Arial;
    font-weight: normal;
}
/**********/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    .lock .hero-holder .hero-item-inner.pos-t-l {
        padding: 0 10% var(--phone-padding) 10%;
    }
}
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/
/**********/