/* Variables */

/* _Colours */

/* ___Helpers */

/* ___Colour Block */

/* _Fonts */

/* font-weight: 300;*/

/* font-weight: 400;*/

/* font-weight: 700;*/

/* _Transisiton Times */

/* _Navigation Heights */

/* Mixins */

/* @define-mixin iPhoneX {
    @media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
        @mixin-content;
    }
} */

/* @define-mixin iPhone12 {
    @media only screen 
    and (max-width: 390px) 
    and (min-height: 844px) {
        @mixin-content;
    }
} */

/* Fonts */

@font-face {
    font-family: 'front_page_neueregular';
    src: url('resources/fonts/front_page_neue-frontpageneue.eot');
    src: url('resources/fonts/front_page_neue-frontpageneue.eot?#iefix') format('embedded-opentype'),
         url('resources/fonts/front_page_neue-frontpageneue.woff2') format('woff2'),
         url('resources/fonts/front_page_neue-frontpageneue.woff') format('woff'),
         url('resources/fonts/front_page_neue-frontpageneue.ttf') format('truetype'),
         url('resources/fonts/front_page_neue-frontpageneue.svg#front_page_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'bogs_headlineregular';
  src: url('resources/fonts/bogsheadline-webfont.eot');
  src: url('resources/fonts/bogsheadline-webfont.eot?#iefix') format('embedded-opentype'),
       url('resources/fonts/bogsheadline-webfont.woff2') format('woff2'),
       url('resources/fonts/bogsheadline-webfont.woff') format('woff'),
       url('resources/fonts/bogsheadline-webfont.ttf') format('truetype'),
       url('resources/fonts/bogsheadline-webfont.svg#bogs_headlineregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
    font-family: 'bogsfootwear-icons';
    src: url('resources/fonts/bogsfootwear-icons.eot?49741805');
    src: url('resources/fonts/bogsfootwear-icons.eot?49741805#iefix') format('embedded-opentype'),
         url('resources/fonts/bogsfootwear-icons.woff?49741805') format('woff'),
         url('resources/fonts/bogsfootwear-icons.ttf?49741805') format('truetype'),
         url('resources/fonts/bogsfootwear-icons.svg?49741805#bogsfootwear-icons') format('svg');
    font-weight: normal;
    font-style: normal;
  }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */

/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'bogsfootwear-icons';
    src: url('../font/bogsfootwear-icons.svg?12802721#bogsfootwear-icons') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "bogsfootwear-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-tech-steeltoe:before { content: '\e800'; }

/* 'î €' */

.icon-divider:before { content: '\e801'; }

/* 'î �' */

.icon-box:before { content: '\e802'; }

/* 'î ‚' */

.icon-tech-slipresistant:before { content: '\e803'; }

/* 'î ƒ' */

.icon-tech-electrical:before { content: '\e804'; }

/* 'î „' */

.icon-tech-neotech:before { content: '\e805'; }

/* 'î …' */

.icon-tech-maxwick:before { content: '\e806'; }

/* 'î †' */

.icon-tech-durafresh:before { content: '\e807'; }

/* 'î ‡' */

.icon-tech-rebound:before { content: '\e808'; }

/* 'î ˆ' */

.icon-tech-chemicalresistant:before { content: '\e809'; }

/* 'î ‰' */

.icon-tech-channelneotech:before { content: '\e80a'; }

/* 'î Š' */

.icon-tech-biogrip:before { content: '\e80b'; }

/* 'î ‹' */

.icon-tech-everdry:before { content: '\e80c'; }

/* '' */

.icon-tech-neotechlite:before { content: '\e80d'; }

/* 'î �' */

.icon-tech-snakeguard:before { content: '\e80e'; }

/* 'î Ž' */

.icon-tech-waterproof:before { content: '\e80f'; }

/* 'î �' */

.icon-tech-scentcombat:before { content: '\e810'; }

/* 'î �' */

.icon-tech-stabilization:before { content: '\e811'; }

/* 'î ‘' */

.icon-tech-shovel:before { content: '\e812'; }

/* 'î ’' */

.icon-tech-fire:before { content: '\e813'; }

/* 'î “' */

.icon-tech-washable:before { content: '\e814'; }

/* 'î ”' */

.icon-tech-h2o:before { content: '\e815'; }

/* 'î •' */

.icon-tech-extremechemical:before { content: '\e816'; }

/* 'î –' */

.icon-temp-cold:before { content: '\e817'; }

/* 'î —' */

.icon-temp-mild:before { content: '\e818'; }

/* 'î ˜' */

.icon-temp-frigid:before { content: '\e819'; }

/* 'î ™' */

.icon-temp-cold-numbers:before { content: '\e81a'; }

/* 'î š' */

.icon-temp-frigid-numbers:before { content: '\e81b'; }

/* 'î ›' */

.icon-temp-mild-numbers:before { content: '\e81c'; }

/* '' */

.icon-tech-degree:before { content: '\e81d'; }

/* 'î �' */

.icon-temp-cold-center:before { content: '\e81e'; }

/* 'î ž' */

.icon-temp-frigid-center:before { content: '\e81f'; }

/* 'î Ÿ' */

.icon-temp-mild-center:before { content: '\e820'; }

/* 'î  ' */

.icon-tech-durability:before { content: '\e821'; }

/* 'î ¡' */

.icon-tech-lightweight:before { content: '\e822'; }

/* 'î ¢' */

.icon-glacialgrip_final:before { content: '\e823'; }

/* 'î £' */

.icon-filter:before { content: '\e824'; }

/* 'î ¤' */

.icon-facebook:before { content: '\e825'; }

/* 'î ¥' */

.icon-tech-h2ogrip:before { content: '\e826'; }

/* 'î ¦' */

.icon-impact-certificate:before { content: '\e827'; }

/* 'î §' */

.icon-link-arrow:before { content: '\e828'; }

/* 'î ¨' */

.icon-search:before { content: '\e829'; }

/* 'î ©' */

.icon-cart:before { content: '\e82a'; }

/* 'î ª' */

.icon-mobile-menu:before { content: '\e82b'; }

/* 'î «' */

.icon-video-play:before { content: '\e82c'; }

/* 'î ¬' */

.icon-star-half:before { content: '\e82d'; }

/* 'î ­' */

.icon-star-full:before { content: '\e82e'; }

/* 'î ®' */

.icon-star-empty:before { content: '\e82f'; }

/* 'î ¯' */

.icon-sort:before { content: '\e830'; }

/* 'î °' */

.icon-impact-yulex:before { content: '\e831'; }

/* 'î ±' */

.icon-x:before { content: '\e832'; }

/* 'î ²' */

.icon-instagram:before { content: '\e833'; }

/* 'î ³' */

.icon-twitter:before { content: '\e834'; }

/* 'î ´' */

.icon-youtube:before { content: '\e835'; }

/* 'î µ' */

.icon-pinterest:before { content: '\e836'; }

/* 'î ¶' */

.icon-paypal:before { content: '\e837'; }

/* 'î ·' */

.icon-amazon:before { content: '\e838'; }

/* 'î ¸' */

.icon-video-play-clean:before { content: '\e839'; }

/* 'î ¹' */

.icon-free-shipping:before { content: '\e83a'; }

/* 'î º' */

.icon-gift-guide:before { content: '\e83b'; }

/* 'î »' */

.icon-warm-guide:before { content: '\e83c'; }

/* 'î ¼' */

.icon-check:before { content: '\e83d'; }

/* 'î ½' */

.icon-check-x:before { content: '\e83e'; }

/* 'î ¾' */

.icon-afterpay:before { content: '\e83f'; }

/* 'î ¿' */

.icon-free-shipping-2:before { content: '\e840'; }

/* 'î¡€' */

.icon-gift-cards:before { content: '\e841'; }

/* '�' */

.icon-chat:before { content: '\e842'; }

/* 'î¡‚' */

.icon-impact-globe:before { content: '\e843'; }

/* '' */

.icon-impact-bloom:before { content: '\e844'; }

/* 'î¡„' */

.icon-tech-seamless:before { content: '\e845'; }

/* 'î¡…' */

.icon-tech-compositetoe:before { content: '\e846'; }

/* '' */

.icon-impact-durafresh:before { content: '\e847'; }

/* '' */

.icon-impact-recycle:before { content: '\e848'; }

/* '' */

.icon-phone:before { content: '\e849'; }

/* '' */

/* Global Styles */

body {
    font-family: 'trade-gothic-next', Arial, sans-serif;
    color: #1d1c1d;
}

img {
    max-width: 100%;
    height: auto;
}

.flex-basis-0 {
    flex-basis: 0;
}

a {
    color: #1d1c1d;
}

a:hover {
    cursor: pointer;
    color: #1d1c1d;
    text-decoration: none;
}

button {
    border: none;
    background: none;
}

:focus {outline: none!important;}

button:focus {outline: none;}

a:focus {outline:none}

.btn:focus {box-shadow: none;}

/* Attempt to remove mobile flicker */

.swiper-container, .swiper-container * {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;

    /* PRETTY SURE THIS FIXED IT */
    transform: translate3d(0, 0, 0);
}

.reviews-star {
    margin-right: 10px;
    margin-top: -2px;
    
}

.btn__icon--star {
    height:13px;
    width:13px;
}

.reviews-text {
    font-weight: 300 ;
    font-size: .8rem ;
    line-height: .7rem ;
}

.noScroll {
    overflow: hidden!important;
    overflow-x:hidden!important;
    position:fixed!important;
  }

.text-black {color:#1d1c1d!important}

.text-blue {color:#34647d!important}

a.btn.disabled {cursor: not-allowed !important;}

@media (min-width: 768px) {
            .animate__icon {transition: all 0.25s;}
            .animate__icon:hover {transform: scale(1.05,1.05);}
    }

.zoom-media, .zoom-media-wrap {
  transition: all 300ms;
  position: relative;
  z-index: 99999;
}

.zoom-overlay-open, .zoom-overlay-transitioning {
  cursor: default;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

[data-zoom='zoom'] {
  cursor: pointer;

}

@media (min-width: 992px) {
  [data-zoom='zoom'] {
    cursor: pointer;
    cursor: zoom-in;
  }
  
}

.zoom-media {
  cursor: pointer;
  cursor: zoom-out;
}

.zoom-media-wrap {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.zoom-media-loading {
  cursor: wait;
}

.zoom-overlay {
  transition: opacity 300ms;
  filter: "alpha(opacity=0)";
  opacity: 0;
  cursor: pointer;
  cursor: zoom-out;
  z-index: 9990;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  /* display:none; */
}

.zoom-overlay-open .zoom-overlay {
  filter: "alpha(opacity=1)";
  opacity: 1;
}

/* Typography */

.section__headline {
    display:block;
    font-family: 'bogs_headlineregular', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2rem;
    margin-bottom: 0;
}

@media (min-width: 768px) {

.section__headline {
        font-size: 3.8rem;
        line-height: 3.8rem;
}
    }

.section__headline--alt {
        text-transform: uppercase;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 2rem;
        color: #1d1c1d;
    }

@media (min-width: 992px) {

.section__headline--alt {
            font-size: 3.5rem
    }
    }

.section__headline--large {
        font-size: 3.5rem;
        line-height: 3.5rem;
    }

@media (min-width: 768px) {

.section__headline--large {
            font-size: 7rem;
            line-height: 7rem
    }
    }

.section__headline--alternate {
        /* text-transform: none; */
        /* font-family: $tradeGothic; */
        /* font-size: 2rem; */
        color: #1d1c1d;
        /* font-weight: 600; */
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 1.6rem;
        line-height: 1;
        letter-spacing: .5px;
        font-weight: 500;
    }

@media (min-width: 992px) {

.section__headline--alternate {
            /* font-size: 2rem; */
    }
    }

.section__subheadline {
    font-size: 1.3rem;
    line-height: 1.3rem;
}

@media (min-width: 768px) {

.section__subheadline {
        font-size: 2rem;
        line-height: 2rem;
}
    }

.section__subheadline.small {
        font-size: 1.2rem;
        line-height: 1.2rem; 
    }

@media (min-width: 768px) {

.section__subheadline.small {
            font-size: 1.5rem;
            line-height: 1.5rem 
    }
    }

.text-white {
    color: #fff!important;
}

.text-blue2 {
    color: #538ecb!important;
}

.text-purple {
    color: #907eb2!important;
}

.text-green {
    color: #4f5c3e!important;
}

.text-shadow {
    text-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}

.text-warm {color:#69645c!important}

/* Button Styles */

.btn {
    font-family: 'bogs_headlineregular', Arial, sans-serif;
    font-size: 1.6rem;
    display: inline-flex;
    align-items: center;
   
    
}

.btn--alt-font {
        font-family: 'trade-gothic-next', Arial, sans-serif; 
        font-weight:700; 
        text-transform:capitalize;
    }

@media (min-width: 768px) {

.btn {
        font-size: 1.8rem;
    }
    }

.btn {
    text-transform: uppercase;
    background-color: transparent;
    color: #1d1c1d;
    padding: 0;
    text-decoration:none;
}

.btn--orange {
        background-color: #f58026;
    }

.btn--small {
        font-size: 1.3rem;
    }

/* @mixin atMedium { font-size: 1.5rem;} */

.btn--small .btn__icon {
            margin-top:0px;
        }

.btn--large {
        /* font-size: 1.25rem; */
        padding: 1.1rem 1.9rem;
        font-size: 1.9rem;
        
    }

@media (min-width: 576px) {

.btn--large {
            font-size: 2rem
        
    }
    }

@media (min-width: 768px) {

.btn--large {
            font-size: 2.5rem
            /* font-size: 2.9rem; */
        
    }
    }

@media (min-width: 992px) {

.btn--large {
            font-size: 2.9rem
        
    }
    }

.btn--full {
        width: 100%;
        justify-content: center!important;
        /* transition: transform $normalSpeed; */
        
    }

/* &:hover {transform: scale(1.02);} */

@media (min-width: 992px) {
            .btn--full:hover {
                background-color: #1d1c1d;
                color: #ffffff;
            }
    }

.btn--border {
        border: solid 2px #1d1c1d;
        border-radius: 0px;
        height: 3.5rem;
        margin-bottom:.8em;
    }

.btn--border .btn__icon {font-size: 1.2rem;margin-top: 0px;}

@media (min-width: 768px) {

.btn--border {
            height: 4.5rem;
    }
    }

.btn--border-fat {
        border: solid 2px #1d1c1d;
        border-radius: 0px;
        height: 3.5rem;
        margin-bottom:.8em;
        padding-left:10%;
        padding-right:10%;
    }

.btn--border-fat .btn__icon {font-size: 1.2rem;margin-top: 0px;}

@media (min-width: 768px) {

.btn--border-fat {
            height: 4.5rem;
            padding-left:3em;
            padding-right:3em;
    }
    }

.btn--flip-x {transform:rotate(180deg); margin-top:2px!important;}

.btn__icon {
        margin-left: -2px;
        /* margin-top: 0px; */
        margin-top: -1px;
        font-size: 1.4rem;
        transition: transform 0.25s, opacity 0.25s;
    }

.btn__icon--video {
        font-size: 2.2rem;
        transition: transform 0.25s;
        margin-top:0px;
    }

.btn__icon--video::before {
            transition: transform 0.25s;

        }

.btn__icon--star {
        font-size: 1rem;
        margin: 0 -5px;
    }

@media (min-width: 992px) {

.btn:hover .btn__icon {transform: translate(2px)
        
    }
    }

@media (min-width: 992px) {

.btn:hover .btn__icon--video::before {transform: translate(2px)
    }
    }

.btn--light-blue {
        color: #62bdd0;
    }

.btn--light-blue:hover {
            color: #62bdd0;
        }

.btn--blue {
        color: #207dae;
    }

.btn--blue:hover {
            color: #207dae;
        }

.btn--teal {
        color: #7ac5d2;
    }

.btn--teal:hover {
            color:#7ac5d2;
        }

.btn--blue2 {
        color: #538eca;
    }

.btn--blue2:hover {
            color:#538eca;
        }

.btn--orangeTxt {
        color: #f58026;
    }

.btn--orangeTxt:hover {
            color:#f58026;
        }

.btn--lightGreen {
        color: #a7bf81;
    }

.btn--lightGreen:hover {
            color:#a7bf81;
        }

.btn--fourH {
        color: #0f8e43;
    }

.btn--fourH:hover {
            color:#0f8e43;
        }

.btn--white {
        color: #ffffff;
        letter-spacing: 0.5px;
    }

.btn--white:hover {
            color: #ffffff;
        }

.btn--green-border {
        color: #b9c054;
        border-color: #b9c054;
    }

.btn--green-border:hover {
            color:#ffffff;
            background-color:#b9c054;
            
        }

.btn--purple-border {
        color: #9884bb;
        border-color: #9884bb;
    }

.btn--purple-border:hover {
            color:#ffffff;
            background-color:#9884bb;
            
        }

.btn--teal-border {
        color: #7ac5d2;
        border-color: #7ac5d2;
    }

.btn--teal-border:hover {
            color:#ffffff;
            background-color:#7ac5d2;
            
        }

.btn--orange-border {
        color: #f7ac35;
        border-color: #f7ac35;
    }

.btn--orange-border:hover {
            color:#ffffff;
            background-color:#f7ac35;
            
        }

.btn--selector {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        text-align: center;
        -moz-text-align-last: center;
             text-align-last: center;
        
    }

.btn--arrow-adjust {padding-left:5%;}

.btn--alt-font.btn--arrow-adjust {
        padding-left: 3%;
    }

.btn--alt-font.btn--arrow-adjust.btn--border .btn__icon {
            font-size: 1.3rem;
        }

.btn--alternate {
        font-size: 1.6rem;
        height: 3rem;
    }

.btn--alternate.btn--border .btn__icon {
            font-size: 1.5rem;
        }

/* Styles fixing the problem that you can't center text in a <select> tag on iOS or Safari */

body.mobile--ios .btn--mobile-left-justify {justify-content: left!important;}

body.mobile--ios .btn--selector {padding-left: 5%;}

/* Placement, Size, and Visibility Styles */

.top-banner {
    display:none;
    height:80px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.25s;
}

@media (min-width: 576px) {

.top-banner {
        height:40px;
        flex-direction:row;
}
    }

.top-banner--activated {
        margin-top:80px;
    }

@media (min-width: 576px) {

.top-banner--activated {margin-top:40px;
    }
    }

.top-banner--activated .top-banner {display: flex;}

.top-banner--activated #navbar {
            margin-top:80px;
        }

@media (min-width: 576px) {

.top-banner--activated #navbar {margin-top:40px
        }
    }

.top-banner--activated-second {
        padding-top:70px;
        
    }

@media (min-width: 576px) {

.top-banner--activated-second {padding-top:20px;
        
    }
    }

@media (min-width: 992px) {

.top-banner--activated-second {padding-top:60px;
        
    }
    }

.top-banner--activated-second .top-banner {display: flex;}

.top-banner--activated-second #navbar {background-color: #ffffff;    z-index: 999999999999;}

.top-banner-second {
        margin-top:70px;
    }

@media (min-width: 992px) {

.top-banner-second {margin-top:120px
    }
    }

/*.top-banner-second.navbar-scrolled {margin-top:70px!important;}*/

/* link tag for entire section */

.top-banner a {
    position: absolute;
    top: 0;
    bottom: 0;      
    left: 0;
    right: 0;
    z-index: 999;
}

/* Aesthetic Styles */

.top-banner {
    text-align: center;
    background-color:#1d1c1d;
    color:#ffffff;
    text-transform: uppercase;
}

.top-banner--text {padding: 0px .5em;}

.top-banner--small-text {font-size: .8rem;}

.top-banner--large-text {font-size:1.2rem}

.top-banner--code {color:#f58026;}

/* Main Navigation */

.navbar {
    padding: 0px;
    height: 70px;
    

}

.navbar-light {background-color: #ffffff!important;}

.navbar.navbar--open {
        height: 100vh!important;
        overflow: scroll;
        background-color: #ffffff;
        position: fixed;
    }

.navbar.navbar--open .navbar__mobile-nav {
            border-bottom: solid 1px #b4b4b5;
        }

.navbar.subnav--open {
        background-color: #ffffff;
    }

@media (min-width: 992px) {

.navbar {
        padding: 0px 40px;
        height: 120px;
    }
    }

.navbar {
    transition: background-color 0.25s, height 0.25s;
}

.navbar.scrolled {
        background-color: #ffffff;
        box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.05);
        height: 70px;
    }

.navbar.scrolled .navbar__top-tier-item {
            height: 50px;
        }

@media (min-width: 992px) {

.navbar.scrolled .navbar__top-tier-item {
                height: 70px
        }
    }

.navbar.scrolled .navbar__mobile-nav {height: 70px;}

@media (min-width: 992px) {

.navbar:hover {
            background-color: #ffffff;
        box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.02)
    }
    }

.navbar__button {
        font-size: 2rem;
    }

.navbar__logo {
        align-items: center;
        justify-content: center;
        display: none;
        width: 35vw;
    }

.navbar__logo--mobile {
            align-items: center;
            justify-content: center;
            display: inline-flex;
            width: 35vw;
        }

.navbar__logo--link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        
    }

.navbar__logo--img {
        margin-top: -1%;
        transition: transform 0.25s;
    }

.navbar__logo--img:hover {
            transform: scale(1.02);
            
        }

@media (min-width: 576px) {

.navbar__logo--img {
            width: 70%;
    }
    }

@media (min-width: 992px) {

.navbar__logo--img {
            width: 40%;
    }
    }

@media (min-width: 1200px) {

.navbar__logo--img {
            width: 36%;
    }
    }

.navbar__top-tier-item {
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 1.25rem;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        padding: 0 0px;
        height: 50px;
        width: 100%;
        transition: height 0.25s, background-color 0.25s;
        border-bottom: solid 1px #b4b4b5;
        justify-content: space-between;
    }

/* border-bottom: solid 1px $white; */

@media (min-width: 992px) {

.navbar__top-tier-item--active {background-color: #f7f7f7;
        }
    }

.navbar__top-tier-item--active .navbar__top-tier-item--arrow {
                transform: rotate(90deg);
            }

.navbar__top-tier-item--arrow {
            font-size: 1rem;
            margin-top: .09em;
            transition: transform 0.25s;
        }

@media (min-width: 992px) {

.navbar__top-tier-item:hover {background-color: #f7f7f7;
        }
    }

@media (min-width: 992px) {

.navbar__top-tier-item:hover .navbar__top-tier-item--arrow {transform: rotate(90deg)
            }
    }

@media (min-width: 992px) {

.navbar__top-tier-item {
            height: 120px;
            justify-content: center;
            padding: 0;
            border-bottom: none;
    }
    }

.navbar--cart {
        font-size: 2rem;
        padding: 1.50rem 0 1.40rem;
        display:none;
    }

@media (min-width: 992px) {

.navbar--cart {display:flex;
    }
    }

.navbar--cart i {color:#1d1c1d; position:relative}

.navbar--search {
        font-size: 2rem;
        padding: 0 45px; 
        display:none;

    }

@media (min-width: 992px) {

.navbar--search {
            padding: 1.50rem 0 1.40rem;
            display:flex

    }
    }

.navbar__mobile-nav {
        height: 70px;
        padding: 0px 30px;
        transition: height 0.25s, background-color 0.25s;
    }

.navbar__mobile-nav--dropdown {
            width: 85%;
            padding-bottom: 25px;
            padding-top: 20px;
            background-color: #ffffff;
        }

@media (min-width: 992px) {

.navbar__mobile-nav--dropdown {
                width: 100%;
                padding-bottom: 0px;
                padding-top: 0px;
                background-color:transparent
        }
    }

.navbar__cart-pill {
        background-color: #1d1c1d;
        font-size: .8rem;
        line-height: .8rem;
        padding:.25em .4em .25em .4em;
        font-weight: 300;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        position: absolute;
        top: 21px;
        right: 10px;
    }

@media (min-width: 768px) {

.navbar__cart-pill {
            top:6px;
            right:1px;
    }
    }

.navbar__cart-pill {
        font-style:normal;
}

.navbar-collapse {
        background-color: #ffffff;
    }

@media (min-width: 992px) {

.navbar-collapse {background-color:transparent
    }
    }

/* Mega Menu */

.navbar__subnav {
    width: 100%;
    padding: 0px;
}

@media (min-width: 992px) {

.navbar__subnav {padding: 0px 55px;
}
    }

.navbar__subnav {
    background-color: #f7f7f7;
}

/* background-color: $white; */

@media (min-width: 992px) {

.navbar__subnav {
        position: absolute;
        top: 100%;
        left: 0;
        /* margin-top: 2px; */
}
    }

.navbar__subnav.collapsing {
        transition: height 0.25s;
        transition-timing-function: cubic-bezier(.76,.01,.35,1)!important;
        transition-duration: 600ms;
    }

.navbar__subnav__col-wrapper {
        padding: 1.3em 0em 2em;
    }

.navbar__subnav__col {
        padding: 0em 15px 0em 15px;
    }

@media (min-width: 992px) {

.navbar__subnav__col {
            padding: 1em 15px;
            border-right: solid 1px #787878;
    }
    }

.navbar__subnav__col--first {
            display:flex;
            flex-wrap: wrap;
        }

@media (min-width: 992px) {

.navbar__subnav__col--first {
                display:block;
                padding-left: 2.5%
        }
    }

.navbar__subnav__col--middle {
            margin-top: 20px;
        }

@media (min-width: 992px) {

.navbar__subnav__col--middle {
                padding-left: 1.5em; 
                margin-top:0px;
        }
    }

@media (min-width: 1200px) {

.navbar__subnav__col--middle {padding-left: 4em;
        }
    }

.navbar__subnav__col--middle .row {padding:0px;}

.navbar__subnav__col--middle .col.alpha {padding-left:0px;}

.navbar__subnav__col--middle .col.omega {padding-right:0px;}

.navbar__subnav__col--last {
            border-right:none;
            padding-left: 3em;
        }

.navbar__subnav__link {
        display: block;
        font-weight: 300;
        margin-bottom: .8em;
        width: 100%;
        flex-grow: 1;
        flex-basis: 0;
        
    }

@media (min-width: 992px) {

.navbar__subnav__link {
            margin-bottom: .2em;
        
    }
    }

.navbar__subnav__link--bold {
            font-family: 'bogs_headlineregular', Arial, sans-serif;
            text-transform:uppercase;
            font-size: 1.2rem;
            margin-bottom: .8em;
        }

@media (min-width: 992px) {

.navbar__subnav__link--bold {margin-bottom: .4em
        }
    }

/* &--mobiledouble {margin-top: .4em;} */

.navbar__subnav__link--imageText {
            font-weight: 700;
            font-size: .9rem;
            padding-left: 1.2em;
        }

.navbar__subnav__link--image {
            transition: transform 0.25s;
        }

.navbar__subnav__link--image:hover {transform: scale(1.02);}

.navbar__subnav--region-country {
        padding: 0px 0px;
        text-align: center;
        width: 25%;
        flex-basis: initial;
        flex-grow: initial;
    }

@media (min-width: 992px) {

.navbar__subnav--region-country {
            width:initial;
            padding: 10px 20px 0px
    }
            
            .navbar__subnav--region-country:hover img {transform: scale(1.02);}
    }

.navbar__subnav--region-flag {
        width: 40%;
        transition: transform 0.25s;
    }

.navbar__subnav--region-country-name {
        margin: 10px 0px 0px;
        font-size: .9rem;
    }

.navbar__subnav--search.collapse:not(.show) {
            /* display: flex!important; */
            display:inline-block!important;
        }

@media (min-width: 992px) {

.navbar__subnav--search.collapse:not(.show) {
                display: none!important
        }
    }

.navbar__subnav--search {
        display: inline-block!important;
}

.navbar__subnav--search-wrapper {
        width:100%;
        padding: 0px 12px 0px 15px;
        justify-content: start;
    }

@media (min-width: 992px) {

.navbar__subnav--search-wrapper {
/*            padding: 30px 2% 15px;*/
            justify-content: center
    }
    }

.navbar__subnav--search-field {
        width: 100%;
        margin-right: 20px;
        border:none;
        border-bottom: solid 1px #1d1c1d;
        border-radius: 0px;
        color: #1d1c1d;
        font-size: 1rem;
        padding-left: 0px;
    }

.navbar__subnav--search-field::-moz-placeholder {
            color: #787878;
        }

.navbar__subnav--search-field:-ms-input-placeholder {
            color: #787878;
        }

.navbar__subnav--search-field::placeholder {
            color: #787878;
        }

@media (min-width: 992px) {

.navbar__subnav--search-field {
            width: 50%;
            font-size: 1.5rem;
            padding-left: 5px;
    }
    }

.navbar__subnav--search-btn {
        line-height: 0;
        cursor: pointer;
        font-size: 1.2rem;

    }

@media (min-width: 992px) {

.navbar__subnav--search-btn {
            font-size: 2rem;

    }
    }

.navbar__subnav--search-btn i.btn__icon {
            font-size:1rem;
            margin-top: -1px;
        }

@media (min-width: 992px) {

.navbar__subnav--search-btn i.btn__icon {
                font-size:1.4rem;
                margin-top: -2px
        }
    }

.navbar__subnav .container-fluid {padding:0px;}

/* Cart Flyout */

#sidebar {
    position: fixed;
    top: 0;
    width: 100%;
    
    
}

@media (min-width: 992px) {

#sidebar {width: 600px
    
    
}
    }

#sidebar {
    right: -600vw;
}

@media (min-width: 992px) {

#sidebar {right:-600px
    
    
}
    }

#sidebar {
    height: 100vh;
    z-index: 1035;
    background: #ffffff;
    color: #1d1c1d;
    overflow-y: scroll;
    transition: all 0.25s;
    transition-timing-function: cubic-bezier(.76,.01,.35,1)!important;
    transition-duration: 300ms;
}

@media (min-width: 768px) {

#sidebar {transition-duration: 600ms
    
    
}
    }

#sidebar.active {
    right: 0;
    /* touch-action: none; */
    /* overscroll-behavior: none; */
}

#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.25s;
    position: absolute;
    top: 0;
    right: 0;
}

.overlay {
    visibility: hidden;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1032;
    opacity: 0;
    transition: all 0.25s;
    transition-timing-function: cubic-bezier(.76,.01,.35,1)!important;
    transition-duration: 600ms;
}

.overlay.active {
    visibility: visible;
    opacity: 1;
}

#dismiss {
    transition: all 0.25s;
}

@media (min-width: 768px) {#dismiss:hover {transform: rotate(-90deg);}
    }

.sidebar__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 70px;
    }

@media (min-width: 768px) {

.sidebar__header {height: 126px;
    }
    }

.sidebar__header {
        padding: 0px 20px;
        background-color: #ffffff;
}

.sidebar__header-icon {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

.sidebar__header-icon--hidden {visibility: hidden;}

.sidebar__subheader {
        background-color: #1d1c1d;
        color: #ffffff;
        text-align:center;
        padding: 15px;
        font-size: 1.6rem;

    }

.sidebar__subheader p {
            margin-bottom: 0;
        }

.sidebar__subheader p span {
                font-size: 1rem;
                display:block;
            }

@media (min-width: 768px) {

.sidebar__subheader p span {display: block
            }
    }

.sidebar__items {
        padding:20px 40px;
    }

.sidebar__item {
        align-items: center;
        border-bottom: solid 1px #1d1c1d;
        padding: 20px 0px;
        
    }

.sidebar__item--col {
            padding: 0px;
        }

.sidebar__image-wrapper {margin-left:-15px;}

.sidebar__title {
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

@media (min-width: 768px) {

.sidebar__title {font-size: 1.4rem;
    }
    }

.sidebar__title {
        padding-bottom: .2em;
}

.sidebar__size {
        font-size: 1rem;
    }

.sidebar__qty {
        font-size: 1rem;
    }

.sidebar__price-wrapper {
        text-align: right;
    }

.sidebar__price {
        font-size: 1rem;
        margin-bottom: 1.5em;
        
    }

@media (min-width: 768px) {

.sidebar__price {
            font-size: 1.5rem;
            margin-bottom: .9em
        
    }
    }

.sidebar__remove {
        cursor: pointer;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        text-transform: capitalize;
        font-size: .9rem;
        font-weight: 700;
        margin-right: -7px;
    }

.sidebar__remove i {transition: transform 0.25s;}

@media (min-width: 768px) {.sidebar__remove:hover i {transform: translate(2px);}
    }

.sidebar__totals {
        padding:10px 25px 20px;
    }

.sidebar__numbers {
        display: flex;
        justify-content: space-between;
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.4rem;
        margin-bottom: .6em;
    }

.sidebar__promo {
        color: #f58026;
    }

.sidebar__buttons {
        padding: 0px 25px;
        margin-bottom: 100px;
    }

.sidebar__promo-enter:hover {
            background-color: #ffffff;
        }

.sidebar__promo-enter:hover i {color: #1d1c1d;}

.sidebar__promo-enter input {
            border: none;
            text-align: center;
            width: 190px;
        }

@media (min-width: 768px) {

.sidebar__promo-enter input {width:200px;
        }
    }

.sidebar__promo-enter input {
            color: #f58026;
            font-weight: 700;
            text-transform: uppercase;
            cursor: pointer;
}

.sidebar__promo-enter input::-moz-placeholder {
                color:#1d1c1d; 
                font-weight: 700;
                text-transform: capitalize;
                
            }

.sidebar__promo-enter input:-ms-input-placeholder {
                color:#1d1c1d; 
                font-weight: 700;
                text-transform: capitalize;
                
            }

.sidebar__promo-enter input::placeholder {
                color:#1d1c1d; 
                font-weight: 700;
                text-transform: capitalize;
                
            }

.sidebar__promo-enter input:focus::-moz-placeholder {opacity: .1;}

.sidebar__promo-enter input:focus:-ms-input-placeholder {opacity: .1;}

.sidebar__promo-enter input:focus::placeholder {opacity: .1;}

.sidebar__promo-enter i {
            margin-left: -10px;
        }

.sidebar__promo-enter i:hover {transform: rotate(-90deg)!important; cursor:pointer;}

.sidebar__express-title {
        text-align: center;
        font-weight:700;
        font-size: 1.2rem;
        margin: 10px 0px 30px;
        position: relative;
    }

.sidebar__express-title span {
            background-color: #ffffff;
            padding: 20px;
        }

.sidebar__express-title:before { 
        display: inline-block;
        width: 100%;
        color: #1d1c1d; 
        position: absolute;
        border-bottom: solid 1px #1d1c1d;
        left: 0;
        top: -60%;
        content: "\a0";
        padding: 2px 0;
        z-index: -1;
    }

@media (min-width: 768px) {

.sidebar__express-buttons {
            align-items: center!important;
            display: flex;
            justify-content: space-between!important
    }
    }

.sidebar__express-button {
        text-align: center;
        align-items: center!important;
        display: flex;
        /* justify-content: space-between!important; */
        
    }

.sidebar__paypal {margin-right: 20px;}

.sidebar__half-button-logo {
        cursor: pointer;
        font-size: 10rem!important;
        line-height: 9.5rem!important;
    }

.sidebar__half-button-logo.icon-amazon {
            /* font-size: 14rem!important; */
            /* line-height: 13rem!important; */
        }

/*Modal Styles*/

#myModal {
  padding-right: 0px !important;
}

.modal-dialog {
  max-width: 95%;
}

@media (min-width: 768px) {

.modal-dialog {
    max-width: 80%;
}
    }

.modal-dialog {
  height: 100vh;
  margin: 0px auto;
  display: flex;
  align-items: center !important;
}

.square-video .modal-dialog {
  max-width: 95%;
}

@media (min-width: 768px) {

.square-video .modal-dialog {
    max-width: 45%
}
    }

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #000;
  background-clip: padding-box;
  border: 0px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  outline: 0;
}

.modal-body {
  padding: 0;
}

.embed-responsive {
  width: 101%;
}

.close {
  float: right;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
  font: 400 system-ui;
  margin-bottom: 0.2em;
  position: absolute;
  z-index: 99999;
  right: 20px;
  top: 5px;
}

.close:hover {
    color: #ffffff;
    /* transform: rotate(10deg); */
    transform: scale(1.2);
  }

.close span {
    display: block;
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    width: 30px;
  }

.modal-education {
  padding-right: 0px !important;
}

@media (min-width: 768px) {

.modal-education {
    padding-left: 15px;
}
    }

.modal-education__content {
    background-color: #ffffff;
    /* margin-left: 2.5vw; */
    border: none;
  }

.modal-education__content .modal-header {
      border: none;
    }

.modal-education__content .modal-footer {
      border: none;
    }

.modal-education__close {
    color: #1d1c1d;
    line-height: 0.9em;
    transition: all 0.25s;
  }

.modal-education__close:hover {
      color: #1d1c1d;
    }

.modal-education__title {
    font-family: 'bogs_headlineregular', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
  }

.modal-education__image {
    /* margin: -1rem -1rem 0 -1rem; */
  }

.modal-education__location {
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-weight: 700;
    text-transform: uppercase;
  }

.modal-education__body {
    padding-top: 1rem;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.7rem;
  }

.modal-education__body p {
      padding: 0 1rem;
    }

.modal-education__button {
    font-size: 1.5rem;
  }

.modal-education__button .btn__icon {
      margin-top: 0px;
    }

/* Footer Styles */

#footer {
    background-color: #1d1c1d;
}

.footer__container {
        padding: 50px 15vw;
        padding-bottom: 7em;
        
    }

@media (min-width: 768px) {

.footer__container {
            padding: 50px 3.5vw;
            padding-bottom: 7em
        
    }
    }

.footer__logo {
        display: none;
    }

@media (min-width: 768px) {

.footer__logo {
            display: inline-flex;
            width: 15%;
    }
    }

.footer__logo--mobile {
            display: inline-flex;
        }

.footer__logo--link {
        cursor: pointer;
    }

.footer__logo--img {
        transition: transform 0.25s;
    }

.footer__logo--img:hover {transform: scale(1.02);}

.footer__col-4 {
        margin-bottom: 1em;
    }

@media (min-width: 768px) {

.footer__col-4 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%
    }
    }

@media (min-width: 992px) {

.footer__col-4 {
            flex: 0 0 25%;
            max-width: 25%
    }
    }

.footer__col-2 {
        display:none;
    }

@media (min-width: 992px) {

.footer__col-2 {
            display:block;
            flex: 0 0 25%;
            max-width: 25%
    }
    }

@media (min-width: 768px) {

.footer__col-3 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%
    }
    }

@media (min-width: 992px) {

.footer__col-3 {
            flex: 0 0 25%;
            max-width: 25%
    }
    }

@media (min-width: 768px) {

.footer__col-1 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%
    }
    }

@media (min-width: 992px) {

.footer__col-1 {
            flex: 0 0 25%;
            max-width: 25%
    }
    }

.footer--email-wrapper {
        display: flex;
        width:100%;
        padding: 0px 0px 0px 0px;
        justify-content: space-between;
    }

@media (min-width: 768px) {

.footer--email-wrapper {
            padding: 30px 0 15px
    }
    }

@media (min-width: 992px) {

.footer--email-wrapper {
            justify-content: inherit
    }
    }

.footer--email-field {
        width: 62%;
        margin-right: 0px;
        border:none;
        border-bottom: solid 1px #ffffff;
        border-radius: 0px;
        color: #ffffff;
        background-color: #1d1c1d;
        font-size: 1rem;
        padding-left: 0px;
    }

.footer--email-field::-moz-placeholder {
            color: #787878;
        }

.footer--email-field:-ms-input-placeholder {
            color: #787878;
        }

.footer--email-field::placeholder {
            color: #787878;
        }

@media (min-width: 768px) {

.footer--email-field {
            width: 66%;
            font-size: 1.5rem;
            padding-left: 0px;
    }
    }

.footer--email-btn {
        line-height: 0;
        cursor: pointer;
        font-size: 1.2rem;
        color: #ffffff;
        /* margin-left: .9em; */
        margin-left: 0;
    }

@media (min-width: 768px) {

.footer--email-btn {
            font-size: 1.8rem;
            /* margin-right: 1.8em; */
    }
    }

@media (min-width: 992px) {

.footer--email-btn {
            margin-left: .9em;
    }
    }

.footer--email-btn i.btn__icon {
            font-size:1rem;
            margin-top: -1px;
        }

@media (min-width: 992px) {

.footer--email-btn i.btn__icon {
                font-size:1.4rem;
                margin-top: -2px
        }
    }

.footer--email-btn:hover {color: #ffffff;}

.footer--email-response {
        color: #ffffff;
        font-size: 1rem;
        padding-left: 0px;
        padding-top: 1em;
    }

.footer--email-response::-moz-placeholder {
            color: #787878;
        }

.footer--email-response:-ms-input-placeholder {
            color: #787878;
        }

.footer--email-response::placeholder {
            color: #787878;
        }

@media (min-width: 768px) {

.footer--email-response {
            font-size: 1.5rem;
            padding-left: 0px;
    }
    }

.footer__social-icons {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2em 0;
        margin: 0 -10px;
    }

@media (min-width: 768px) {

.footer__social-icons {padding:0; margin:0;
    }
    }

.footer__social-icons a {width: 20%;text-align:center;}

.footer__social-icons a:first-child {
            margin-left: 0;
        }

@media (min-width: 768px) {

.footer__social-icons a:first-child {margin-left: -9%
        }
    }

@media (min-width: 1200px) {

.footer__social-icons a:first-child {margin-left: -12%
        }
    }

.footer__social-icons i {
        font-size: 2rem;
        opacity: 1;
        cursor: pointer;
        color: #ffffff;
        width: 100%;
        height: auto;
        
    }

@media (min-width: 576px) {

.footer__social-icons i {font-size: 2.5rem;
        
    }
    }

@media (min-width: 1200px) {

.footer__social-icons i {font-size: 3rem;
        
    }
    }

.footer__social-icons i:hover {
            opacity: .5;
        }

@media (min-width: 768px) {

.footer__links {padding-top: 3em
    }
    }

.footer__link {
        display: block;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 1.8rem;
        text-transform: uppercase;
        color: #ffffff;
        transition: opacity 0.25s;
    }

.footer__link:hover {
            color: #ffffff;
            opacity: .5;
        }

.footer__link--small {
            font-family: 'trade-gothic-next', Arial, sans-serif;
            font-weight: 300;
            font-size: 1rem;
            text-transform: inherit;
            margin-bottom: .8em;
        }

@media (min-width: 768px) {

.footer__link--small {
                font-size: 1.2rem
        }
    }

.footer2__container {
        padding: 50px 10vw;
        padding-bottom: 7em;
    }

@media (min-width: 768px) {

.footer2__container {
            padding: 50px 3.5vw;
            padding-bottom: 7em
    }
    }

.footer2__top-row {
        justify-content: center!important;
        margin-bottom: 2em;
    }

@media (min-width: 768px) {

.footer2__top-row {margin-bottom:0
    }
    }

.footer2__top-row-item {
        margin:0px 1em;
    }

@media (min-width: 768px) {

.footer2__top-row-item {margin:0px 3.5em
    }
    }

.footer2__top-row-icon {
        font-size: 2rem;
        position: absolute;
        display: inline-flex;
        margin-left: -2px;
    }

.footer2__top-row-icon.icon-free-shipping-2 {
            margin-left: -9px;
        }

@media (min-width: 768px) {

.footer2__top-row-icon.icon-free-shipping-2 {margin-left:0px
        }
    }

@media (min-width: 768px) {

.footer2__top-row-icon {
            font-size: 2rem;
            margin-left: 5px;
    }
    }

@media (min-width: 768px) {

.footer2__col-1 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%
    }
    }

@media (min-width: 992px) {

.footer2__col-1 {
            flex: 0 0 35%;
            max-width: 35%
    }
    }

@media (min-width: 768px) {

.footer2__col-2 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%
    }
    }

@media (min-width: 992px) {

.footer2__col-2 {
            display:block;
            flex: 0 0 25%;
            max-width: 25%
    }
    }

@media (min-width: 768px) {

.footer2__col-3 {
            flex: 0 0 33.333333%;
            max-width: 33.333333%
    }
    }

@media (min-width: 992px) {

.footer2__col-3 {
            flex: 0 0 40%;
            max-width: 40%
    }
    }

.footer2__links {
        max-width: 1200px;
        margin: 0 auto;
    }

@media (min-width: 768px) {

.footer2__links {padding-top: 3em;
    }
    }

.footer2__links .col {
            margin-bottom:2em; 
            padding-left:0px;
            padding-right:0px;
        }

@media (min-width: 768px) {

.footer2__links .col {
                margin-bottom:0;
                padding-left:15px;
                padding-right:15px
        }
    }

.footer2__header {
        display: block;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 1.8rem;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        color: #ffffff;
    }

.footer2__link {
        display: block;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 1.8rem;
        letter-spacing: 1.3px;
        text-transform: uppercase;
        color: #ffffff;
        transition: opacity 0.25s;
    }

.footer2__link:hover {
            color: #ffffff;
            opacity: .5;
        }

.footer2__link--small {
            font-family: 'trade-gothic-next', Arial, sans-serif;
            font-weight: 300;
            font-size: 1rem;
            letter-spacing:0px;
            text-transform: inherit;
            margin-bottom: .2em;
        }

@media (min-width: 768px) {

.footer2__link--small {
                font-size: 1.2rem
        }
    }

.footer2__link--smaller {
            font-family: 'trade-gothic-next', Arial, sans-serif;
            font-weight: 300;
            font-size: .8rem;
            letter-spacing:0px;
            text-transform: inherit;
            margin-bottom: .2em;
        }

@media (min-width: 768px) {

.footer2__link--smaller {
                /* font-size: 1.2rem; */
        }
    }

@media (min-width: 992px) {

.footer2__form-col-1 {padding-right: 5px}
    }

@media (min-width: 992px) {

.footer2__form-col-2 {padding-left: 5px}
    }

.footer2--email-wrapper {
        display: flex;
        width:100%;
        padding: 10px 0px 0px 0px;
        justify-content: space-between;
    }

@media (min-width: 768px) {

.footer2--email-wrapper {
            /* padding: 30px 0 15px; */
    }
    }

@media (min-width: 992px) {

.footer2--email-wrapper {
            justify-content: inherit
    }
    }

.footer2--email-field {
        width: 100%;
        margin-right: 0px;
        border:none;
        border: solid 2px #ffffff;
        border-radius: 0px;
        color: #ffffff;
        background-color: #ffffff;
        padding: 10px;

        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight: 300;
        font-size: 1rem;
        text-transform: inherit;
    }

.footer2--email-field::-moz-placeholder {
            color: #787878;
        }

.footer2--email-field:-ms-input-placeholder {
            color: #787878;
        }

.footer2--email-field::placeholder {
            color: #787878;
        }

@media (min-width: 768px) {

.footer2--email-field {
            /* width: 100%; */
            /* font-size: 1rem; */
    }
    }

.footer2--email-btn {
        line-height: 0;
        cursor: pointer;
        color: #ffffff;
        border: solid 2px #ffffff;
        border-radius: 0px;
        padding: 0px 6px 0px 10px;
    }

.footer2--email-btn i.btn__icon {
            font-size:1rem;
            margin-top: -1px;
        }

@media (min-width: 992px) {

.footer2--email-btn i.btn__icon {
                font-size:1.4rem;
                margin-top: -2px
        }
    }

.footer2--email-btn:hover {color: #ffffff;}

.footer2--email-response {
        color: #ffffff;
        font-size: 1rem;
        padding-left: 0px;
        padding-top: 1em;
    }

.footer2--email-response::-moz-placeholder {
            color: #787878;
        }

.footer2--email-response:-ms-input-placeholder {
            color: #787878;
        }

.footer2--email-response::placeholder {
            color: #787878;
        }

@media (min-width: 768px) {

.footer2--email-response {
            font-size: 1.5rem;
            padding-left: 0px;
    }
    }

.footer2__social-icons {
        display: flex;
        justify-content: center;
        margin-top: 0em;
       
    }

@media (min-width: 768px) {

.footer2__social-icons {margin-top:0px
       
    }
    }

@media (min-width: 992px) {

.footer2__social-icons {
            justify-content: flex-end;
            margin-top:0px
       
    }
    }

@media (min-width: 1200px) {

.footer2__social-icons {margin-top:-7px
       
    }
    }

.footer2__social-icons i {
        font-size: 2rem;
        opacity: 1;
        cursor: pointer;
        color: #ffffff;
        width: 100%;
        height: auto;
        
    }

@media (min-width: 576px) {

.footer2__social-icons i {font-size: 2rem;
        
    }
    }

@media (min-width: 768px) {

.footer2__social-icons i {font-size: 1.6rem;
        
    }
    }

@media (min-width: 1200px) {

.footer2__social-icons i {font-size: 2rem;
        
    }
    }

.footer2__social-icons i:hover {
            opacity: .5;
        }

.footer2__bottom-links {
        justify-content: center!important;
        border-top: solid 1px #ffffff;
        margin: 0em 5px 2em;
       

    }

@media (min-width: 768px) {

.footer2__bottom-links {margin: 6em 5px 2em
       

    }
    }

.footer2__bottom-link {
        display: block;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight: 300;
        font-size: .9rem;
        text-transform: inherit;
        color: #ffffff;
        padding: 5px 5px;
        
        
    }

@media (min-width: 768px) {

.footer2__bottom-link {padding: 5px 20px;
        
        
    }
    }

.footer2__bottom-link {
        transition: opacity 0.25s;
}

.footer2__bottom-link:hover {
            color: #ffffff;
            opacity: .5;
        }

.footer2__disclaimer {
        display: block;
        color: #ffffff;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight: 300;
        font-size: 1rem;
        text-transform: inherit;
        margin-bottom: .2em;
        transition: opacity 0.25s;
    }

@media (min-width: 768px) {

.footer2__disclaimer {
            font-size: 1.2rem;
    }
    }

.footer2__disclaimer--smaller {
            font-family: 'trade-gothic-next', Arial, sans-serif;
            font-weight: 300;
            font-size: .8rem;
            line-height: 1.3rem;
            letter-spacing:0px;
            text-transform: inherit;
            margin-bottom: .2em;
        }

.footer2__disclaimer--icon {
            color: #f58026;
            float: right;
            font-size: 5rem;
            margin-top:1%;
            margin-bottom:40px;
            
            
        }

@media (min-width: 1200px) {

.footer2__disclaimer--icon {margin-top:.5%
            
            
        }
    }

.footer2__disclaimer a {
            color: #ffffff;
            text-decoration:underline;
            transition: opacity 0.25s;
        }

.footer2__disclaimer a:hover {
                opacity: .5;
            }

/* Page Headers Styles */

#page_header {}

.page-header {
    height: 68vh;
    width: 100%;
    padding: 13vh 10% 6vh;
    display:flex;

}

@media (min-width: 768px) {

.page-header {
        height: 63vh;
        padding: 10vh 10% 2vh;

}
    }

.page-header__wrapper {
        width: 100%;
        height: 100%;
    }

.page-header__image {
            max-height: 100%;
            height: auto;     
    }

.page-header--center {
        text-align: center;
    }

.page-header--pr {
        position: absolute;
        bottom: 3em;
        max-width: 100%;
    }

.page-header--pr h1 {
            color: #f6fbff;
            font-size:4rem;
            padding:0px;
        }

@media (min-width: 768px) {

.page-header--pr h1 {
                font-size:6rem
        }
    }

.page-header--pr p {
            font-size: 1rem;
            text-transform: uppercase;
            color: #f6fbff;
            font-weight: 300;
        }

@media (min-width: 768px) {

.page-header--pr p {
                font-size: 1.5rem
        }
    }

.page-header--full-height {
        height: 100vh;
        width: 100%;
    }

.page-header--short-height {
        height: 70vh;
        width: 100%;
    }

.page-header--fit-height {
        height: inherit;
    }

.page-header--full-screen {
        padding:0;
        
        
    }

.page-header--background-center-bottom {
        background-repeat: no-repeat;
        background-position: center bottom; 
        background-size: cover;
    }

.page-header--short {
        height: auto;
        min-height: 170px;
        width: 100%;
        padding: 12vh 7vw 0vh;


    }

@media (min-width: 992px) {

.page-header--short {
            height: 25vh;
            min-height: 215px;
            padding: 10vh 55px 0vh;


    }
    }

.page-header--short__wrapper {
            width: 100%;
            max-width: 1330px;
            padding: 0px;
            margin-bottom: 0;
            /* height: 100%; */
        }

.page-header--short__category {
            color: #ffffff;
            font-weight: 700;
            font-size: 1.4rem;
            line-height: 1rem;
            padding:0;
            margin: 0;

        }

.page-header--short__subcategory {
            color: #ffffff;
            font-family: 'bogs_headlineregular', Arial, sans-serif;
            font-size: 4.5rem;
            line-height: 5rem;
            text-transform:uppercase;
            padding:0;
            margin: 0;
        }

@media (min-width: 768px) {
    }

.page-header__texture {
        background-size: cover;

    }

#video_page_header {
    position: relative;
    background-color: black;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

.video_page_header__short {
        height: 70vh!important;
        min-height: 70vh!important;
    }

#video_page_header video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
transform: translateX(-50%) translateY(-50%);
}

#video_page_header .overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: black;
opacity: 0.5;
z-index: 1;
}

/* @media (pointer: coarse) and (hover: none) {
#video_page_header {
    background: url('/assets/video/design-a-boot-2020.png') black no-repeat center center scroll;
}
#video_page_header video {
    display: none;
}
} */

@media (min-width: 992px) {

.min-h-900 {
        min-height: 900px
}
    }

/* General Slider Styles */

.swiper-pagination-bullets {
    bottom: 40px!important;
}

.swiper-pagination-bullet {
    background: transparent;
    border: solid 2px #1d1c1d;
    opacity: 1;
    width: 13px;
    height: 13px;
    margin: 0 10px!important;
}

.swiper-pagination-bullet-active {
        background: #1d1c1d;
    }

.swiper-pagination--white .swiper-pagination-bullet {
        border: solid 2px #ffffff;
    }

.swiper-pagination--white .swiper-pagination-bullet-active {
            background: #ffffff;
        }

/* Large Hero Styles */

#hero_slider {}

.large-hero {
    width: 100%;
    height: 100vh;
    
}

.large-hero.pr-hero {
        height: inherit;
        padding-top:30px;
        padding-bottom:30px;
    }

/* @mixin atSmall {height: 300px;} */

.large-hero.pr-hero .large-hero__slide {
            padding-top: 0;
        }

/* @media (max-height: 1000px) {height: 1000px;} */

@media (max-height: 1000px) {

.large-hero--set-height {height: 100%
    }}

@media (max-width:500px) {

.large-hero--set-height {height: 100vh!important
    }}

@media only screen 
    and (max-width : 415px) 
    and (min-height : 812px)  {

.large-hero--set-height {height: 100%!important;
    }
    }

.large-hero--tempTest {
        height:100%!important;
    }

.large-hero--not-top {
        height: calc(100vh - 55px);
    }

.large-hero__slide {
        padding-top: 10vh;
      

    }

@media (min-width: 768px) {

.large-hero__slide {
            padding-top: 10vh /* add some vh here if boot runs into nav */
      

    }
    }

.large-hero__full-link {
        position: absolute;
        width: 100%;
        height: 100vh;
        cursor:pointer;
    }

@media (min-width: 576px) {

.large-hero__image-wrapper {
            width: 45%
    }
    }

@media (min-width: 576px) {

.large-hero__image-wrapper-pr {
            width: 32%
    }
    }

.large-hero__image {
        width: 80%;
    }

@media (min-width: 576px) {

.large-hero__image {
            /* width: 45%; */
    }
    }

.large-hero__text-content {
        z-index: 1;
        padding: 1.5em 15vw;
    }

@media (min-width: 576px) {

.large-hero__text-content {
            width: 45%;
            padding: .5em;
    }
    }

@media (min-width: 768px) {

.large-hero__text-content {
            padding: 1em;
    }
    }

.large-hero__text-content .btn {
            padding-left: 4px; /* FIX SAFARI & IOS BUG */

        }

.large-hero__text-content-pr {
        z-index: 1;
        padding: 1.5em 15vw;
        text-align:center;
    }

@media (min-width: 576px) {

.large-hero__text-content-pr {
            width: 29%;
            padding: .5em;
    }
    }

@media (min-width: 768px) {

.large-hero__text-content-pr {
            padding: 1em;
    }
    }

.large-hero__text-content-pr .btn {
            padding-left: 4px; /* FIX SAFARI & IOS BUG */

        }

.large-hero__boxed-content {
        width: 100%; 
        padding: .5em 10vw 2em;
        /* background-color: rgba(0, 0, 0, 0.4); */
        text-shadow: 5px 5px 12px rgba(0, 0, 0, .5);
    }

@media (min-width: 576px) {

.large-hero__boxed-content {
            width: 65%;
            padding: 1em
    }
    }

@media (min-width: 576px) {

.large-hero__no-boot {
            width: inherit;
            padding: 1.5em 15vw

    }
    }

@media (min-width: 768px) {

.large-hero__no-boot {
            width: 45%;
            padding: .5em

    }
    }

.large-hero__text-content-top {
        z-index: 1;
        padding: 1.5em 15vw;
        margin-bottom: 0vh;
    }

@media (min-width: 576px) {

.large-hero__text-content-top {
            margin:0 auto;
            min-width: 1400px;
            padding: 4em 5em 0em
    }
    }

@media (min-width: 1445px) {

.large-hero__centered-bottom {
            margin: 0 auto;
            max-width: 1500px;
            /* position: absolute; */
            /* bottom: -50px; */
            /* left: 50%; */
            /* margin-left: -750px; */
            width: 1500px
       
    }
    }

.large-hero__title {
        color: #ffffff;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 15vw; 
        line-height: 14vw; 
        padding-left: 6px; /* FIX SAFARI & IOS BUG */
        margin-top: 20px;
        margin-bottom: 20px;
    }

@media (min-width: 576px) {

.large-hero__title {
            font-size: 7vw; /* 7rem  ~ 112px */
            line-height: 6vw /* 6rem ~ 96px */
    }
    }

.large-hero__title--small {
        font-size: 11vw; 
        line-height: 10vw;
    }

@media (min-width: 576px) {

.large-hero__title--small {
            font-size: 5vw; /* 7rem  ~ 112px */
            line-height: 4vw /* 6rem ~ 96px */
    }
    }

.large-hero__title--large {
        font-size: 17vw; 
        line-height: 14vw;
    }

@media (min-width: 576px) {

.large-hero__title--large {
            font-size: 9vw; /* 7rem  ~ 112px */
            line-height: 8vw /* 6rem ~ 96px */
    }
    }

.large-hero__title--pr {
        color: #1d1c1d;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight:500;
        text-transform: uppercase;
        font-size: 1rem; 
        line-height: 1.2rem; 
        letter-spacing: 2px;
        padding-left: 6px; /* FIX SAFARI & IOS BUG */
        margin-top: 20px;
        margin-bottom: 20px;
    }

@media (min-width: 576px) {
    }

.large-hero__subtitle--pr {
        color: #1d1c1d;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight:300;
        font-size: 1.5rem; 
        line-height: 2.4rem;
    }

@media (min-width: 576px) {

.large-hero__subtitle--pr {
            font-size: 1.1rem; 
            line-height: 1.5rem
    }
    }

@media (min-width: 768px) {

.large-hero__subtitle--pr {
            font-size: 1.5rem; 
            line-height: 2rem
    }
    }

.large-hero__logo--pr {
        max-width:200px;
    }

.large-hero__arrow {
        background-image: none !important;
        font-size: 1.5rem;
        line-height: 2.8rem;
        font-family: "bogsfootwear-icons";
        margin-right: 80px;
        display:none;
      }

@media (min-width: 576px) {

.large-hero__arrow {display:inherit
      }
    }

.large-hero__arrow:before {
          content: "\e828";
        }

.large-hero__arrow--left {
          transform: rotate(180deg);
          margin-left: 80px;
          margin-right: 0px;
        }

.large-hero__sub-title {
        color: #ffffff;
        
    }

.large-hero__sub-title--large {
        font-size: 6vw;
        line-height: 2vw;
        padding-left: 6px; /* FIX SAFARI & IOS BUG */
        font-weight: 600;
    }

@media (min-width: 576px) {

.large-hero__sub-title--large {
            font-size: 3vw;
            line-height: 2vw
    }
    }

@media (min-width: 576px) {

.large-hero__expire {padding-left: 3px /* FIX SAFARI & IOS BUG */
    }
    }

.large-hero__add-text {
        color: #ffffff;
        font-size: 7vw;
        padding-left: 6px;
    }

@media (min-width: 576px) {

.large-hero__add-text {
            font-size: 2vw
    }
    }

.large-hero__slide--01 {
        /* background-color: $tan; */
    }

.large-hero__mobile-btns {
        padding: 1em 15vw 12vh;

    }

@media only screen 
    and (max-width : 415px) 
    and (min-height : 812px)  {

.large-hero__mobile-btns {padding: 1em 15vw 26vh

    }
    }

.large-hero--pagination {
    }

.large-hero__full-slide {

    }

.large-hero__text {
        color: #ffffff;
        font-size: 5vw;
        line-height: 7vw;
        padding-left: 10px;
    }

@media (min-width: 768px) {

.large-hero__text {
            font-size: 3vw;
            line-height: 4vw
    }
    }

@media (min-width: 992px) {

.large-hero__text {
            font-size:2.2rem;
            line-height:2.0rem
    }
    }

@media (min-width: 768px) {

.large-hero__smaller-text {font-size: 2vw
    }
    }

@media (min-width: 992px) {

.large-hero__smaller-text {font-size: 1.3rem
    }
    }

.large-hero__slide--bg-contain {
        background-position: 12% center!important; 
        background-repeat: no-repeat!important;
        background-size:cover;
    }

@media (min-width: 768px) {

.large-hero__slide--bg-contain {
            background-position: left center!important
    }
    }

@media (min-width: 1445px) {

.large-hero__slide--bg-contain {
            background-size:contain!important
    }
    }

/* This is a stupid style for the 4h page with a dumb design */

@media (min-width: 992px) {

.large-hero__leftjustifytextwrapper {
            text-align: left;
            width: 36vw;
            margin:0 auto
    }
    }

.top-banner--activated .large-hero {
    height: calc(100vh - 50px);
}

@media (min-width: 576px) {

.top-banner--activated .large-hero { height: 100vh
}
    }

@media (min-width: 576px) {

.top-banner--activated #hero_slider {
        margin-top:-40px
}
    }

.holiday_slider .large-hero__text-content {
        padding: 1.5em 10vw;
    }

@media (min-width: 576px) {

.holiday_slider .large-hero__text-content {
            padding: 1em
    }
    }

.holiday_slider .large-hero__sub-title {
        font-size: 5vw;
        line-height: 7vw;
        margin-bottom: .5em;
        padding-left: 6px;
    }

@media (min-width: 576px) {

.holiday_slider .large-hero__sub-title {
            font-size:1.3rem;
            line-height:1.5rem;
            padding-left: 6px
    }
    }

.holiday_slider .large-hero__mobile-btns {
        padding: 0 10vw 2vh;
        position: absolute;
        bottom: 0;
    }

.holiday_slider .large-hero__disclaimer {
        padding-left: 6px;
        font-size: .8rem;
        font-style: italic;
    }

.holiday_slider-mobile .large-hero__text-content {
        position: absolute;
        top: 10%;
        padding: 0 10vw 1.5em;
    }

.holiday-video {
    position: absolute;
    z-index: -100;
    margin-top: -60px;
}

@media (min-width: 576px) {

.holiday-video { 
        position: inherit;
        margin-top: -50px
}
    }

#text_slider {

}

.text-slider {
    width: 100%;
 
}

/* height: 50vh; */

.text-slider__slide {
        padding: 10vh 0 10vh;
    }

@media (min-width: 768px) {

.text-slider__slide {
            padding: 10vh 0 15vh
    }
    }

.text-slider__header {
        font-size: 2rem;
        line-height: 2rem;
        margin-bottom: 1em;
        text-align: center;
        padding: 0 10vw;
    }

@media (min-width: 768px) {

.text-slider__header {
            font-size: 2.5rem;
            line-height: 3.4rem;
            padding: 0 3em
    }
    }

.text-slider__text {
        font-size: 4vw;
        line-height: 5.5vw;
        font-weight: 300;
        text-align: justify;
        padding: 0 10vw;
        margin-bottom: 2em;
        
    }

@media (min-width: 768px) {

.text-slider__text {
            font-size: 1.5rem;
            line-height: 2.3rem;
            padding: 0 19vw
        
    }
    }

.text-slider--pagination .swiper-pagination-bullet-active {
            background-color: #1f4a5c;
        }

.text-slider--pagination .swiper-pagination-bullet {
            border-color: #1f4a5c;
        }

/* Featured Slider Section */

.feature_slider__headline-wrapper {
        min-height: 5rem;
        padding: 5vw 15vw 10vw;
    }

@media (min-width: 576px) {

.feature_slider__headline-wrapper {
            padding: 0 5vw 3em
    }
    }

.feature_slider__slide {
            flex: 0 0 70%;
            max-width: 70%;
            height: initial;
    }

@media (min-width: 768px) {

.feature_slider__slide {
            flex: 0 0 32.4%;
            max-width: 32.4%;
    }
    }

.feature_slider__slide {
        transition: transform 0.25s;
}

.feature_slider__slide.swiper-slide-next:hover {transform: translate(-1%, 0); cursor: pointer;}

.feature_slider__slide.swiper-slide-prev:hover {transform: translate(1%, 0); cursor: pointer;}

/*
.feature_slider__slide.swiper-slide-next a {pointer-events: none;}

.feature_slider__slide.swiper-slide-prev a {pointer-events: none;}
*/

.feature_slider__image {
        width: 100%;
    }

.feature_slider__content {
        padding: 2em 0 5em;
    }

.feature_slider__slide-headline {
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight:600;
        font-size: 4.2vw;
        line-height: 5.4vw;
        margin-bottom: .6rem;
    }

@media (min-width: 768px) {

.feature_slider__slide-headline {
            font-size: 1.5rem;
            line-height: 1.4rem
    }
    }

@media (min-width: 1200px) {

.feature_slider__slide-headline {
            font-size: 1.3rem;
            line-height: 2.1rem
    }
    }

.feature_slider__slide-copy {
        font-size: 1rem;
        line-height: 1.8em;
        font-weight: 200;
        padding-bottom: .1em;
        
    }

/* .feature_slider__slide .feature_slider__content {display: none;}
.feature_slider__slide.swiper-slide-active .feature_slider__content {display: block;} */

.feature_slider__slide .feature_slider__animation-wrapper {
    opacity: 0;
    transition: opacity .5s;  
}

.feature_slider__slide.swiper-slide-active .feature_slider__animation-wrapper {
    opacity: 1;
    transition: opacity 2s;  
}

.feature-product .swiper-wrapper {
    transition-timing-function: ease-out!important;
    transition-duration: 800ms;

    
}

@media (min-width: 992px) {

.feature-product .swiper-wrapper {
        transition-timing-function: cubic-bezier(.76,.01,.35,1)!important;
        transition-duration: 1000ms
    
}
    }

/* Best Sellers Slider Section */

#best_sellers_slider {
    /* min-height:  calc(100vh - 70px); */
    /* transition: background-color $slowSpeed; */
    
}

.best_sellers_slider__headline-wrapper {
        min-height: 5rem;
        padding: 5vw 0vw;
        
        position:absolute;
        z-index:2;
        width:100%;
    }

@media (min-width: 992px) {

.best_sellers_slider__headline-wrapper {
            padding: 3em 5vw
    }
    }

.best_sellers_slider__headline {
        font-size: 2rem;
        line-height: 2rem;
    }

@media (min-width: 768px) {

.best_sellers_slider__headline {
            font-size:2.3rem;
            line-height:2.3rem
    }
    }

@media (min-width: 992px) {

.best_sellers_slider__headline {
            font-size: 3.8rem;
            line-height: 3.8rem
    }
    }

.best_sellers_slider__slide {
        text-align: center;
        padding: 0 9vw;
        padding-top: 5em;
        height: auto;
    }

@media (min-width: 768px) {

.best_sellers_slider__slide {
            padding: 0 2.5vw;
            padding-top: 7em
    }
    }

.best_sellers_slider__image {
        width: 100%;
    }

@media (min-width: 768px) {

.best_sellers_slider__image {
            width: inherit
    }
    }

.best_sellers_slider__content {
        color: #ffffff;
        text-align: left;
        padding: 0 6vw;
        margin-bottom: 5rem;
    }

@media (min-width: 768px) {

.best_sellers_slider__content {
            padding: 0 1vw
    }
    }

.best_sellers_slider__slide-category {
        font-size: 1.2rem;
        line-height: 1.8rem;
        font-weight: 300;
        margin-bottom: .1em;
    }

@media (min-width: 768px) {

.best_sellers_slider__slide-category { 
            font-size: 1.4rem;
            line-height: 2rem;
            margin-bottom: 0em
    }
    }

.best_sellers_slider__slide-headline {
        font-size: 5.2vw;
        line-height: 5.4vw;
        font-weight: 700;
    }

@media (min-width: 768px) {

.best_sellers_slider__slide-headline { 
            font-size: 2rem;
            line-height: 2.1rem
    }
    }

.best_sellers_slider__slide-headline-small {
        color: #1d1c1d;
        font-size: 5.2vw;
        line-height: 5.4vw;
        font-weight: 700;
    }

@media (min-width: 768px) {

.best_sellers_slider__slide-headline-small { 
            font-size: 1.4rem;
            line-height: 2.1rem
    }
    }

.best_sellers_slider__slide-review {
        margin-bottom: 1rem;
    }

.best_sellers_slider--navigation {
        display: none;
        transition: opacity 0.25s;
        
    }

@media (min-width: 768px) {

.best_sellers_slider--navigation {
            /* top: 35%; */
            top: 0;
            height: 100%;
            width: 2%;
            opacity: 0;
            display: block
        
    }
            .best_sellers_slider--navigation.swiper-button-next {background-position-x: right;}
            .best_sellers_slider--navigation.swiper-button-prev {background-position-x: left;}
            .best_sellers_slider--navigation:hover {opacity: 1;}
    }

/*Mobile Category Styles */

#mobile_category {
    background-color: #1d1c1d;
    
}

@media (min-width: 992px) {

#mobile_category {display:none
    
}
    }

.mobile-category {
    padding:20px 15vw;
    
}

.mobile-category__wrapper {}

.mobile-category__button {
        
        padding: 0;
    }

.mobile-category__link {
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform:uppercase;
        font-size: 2rem;
        color: #ffffff;
        display:flex;
        justify-content: space-between;
       
    }

.mobile-category__link .btn__icon {margin-top: 6px;}

/* @import "modules/_list-view"; */

/* List View Styles */

#list_view {
    padding-top: 8px;
    padding-bottom: 30px;
    background-color: #ffffff;
}

.list-view {
    /* max-width: 1370px; */
    max-width: 100%;
    padding: 0;
    overflow: hidden;
}

@media (min-width: 992px) {

.list-view {
        max-width: 1370px;
}
    }

.list-view__wrapper {
        padding: 0 15px;
    }

.list-view__item {
        padding: 0px 15px;
    }

.list-view__slider--category {
        transform: translate3d(.6%, 0px, 0px);
    }

@media (min-width: 576px) {

.list-view__slider--category {
            overflow:hidden;
            transform: translate3d(0, 0px, 0px)
    }
    }

.list-view__slider {
        transform: translate3d(-2%, 0px, 0px);
        
    }

@media (min-width: 576px) {

.list-view__slider {
            overflow:hidden;
            transform: translate3d(0, 0px, 0px)
        
    }
    }

@media (min-width: 768px) {

.list-view__slider {
            /* &:hover .list-view__slider-overlay {opacity: 1;visibility: visible;}
            &:hover .list-view__top-line {opacity:0;}
            &:hover .list-view__reviews {opacity:0;} */
        
    }
    }

.list-view__slide {
        /* width: 85%; */
        width: 95%;
        padding: 0px 0px 0px 0px;
        min-height: 67vh;
    }

@media only screen 
    and (max-width : 415px) 
    and (min-height : 812px)  {

.list-view__slide {min-height: 55vh
    }
    }

.list-view__slide {
        margin: 8px 0px;
        overflow: hidden;
        background-color: #f7f7f7;
        text-align: center;
}

@media (min-width: 576px) {

.list-view__slide {
            width:100%;
            min-height:460px
    }
    }

@media (min-width: 768px) {

.list-view__slide {min-height:550px
    }
    }

@media (min-width: 992px) {

.list-view__slide {min-height:460px
    }
    }

@media (min-width: 1200px) {

.list-view__slide {min-height:500px
    }
    }

.list-view__images {
    }

.list-view__overlay-trigger {
        display: inline-block;
        width: 100%;
        padding-bottom: 30px;

       
    }

/* &:hover .list-view__image {opacity: 0!important;} */

@media (min-width: 768px) {.list-view__overlay-trigger:hover .list-view__image.list-view__image-overlay {opacity: 1!important;visibility: visible!important;}
    }

.list-view__image {
        width: 80%;
        opacity: 1;
        transition: all 0.25s;
        
    }

@media (min-width: 992px) {

.list-view__image {width: 70%
        
    }
    }

.list-view__image-overlay {
        visibility: hidden;
        opacity: 0!important;
        display: block;
        position: absolute;
        top:0;
        left: 50%;
        margin-left: -40%;
        /* width: 100%; */
        /* &.ELEPHANT {
            opacity: 1;visibility: visible;
        } */
    }

@media (min-width: 992px) {

.list-view__image-overlay {margin-left: -35%;
    }
    }

.list-view__image-overlay {
        width: 80%;
}

/* height: 85%; */

@media (min-width: 992px) {

.list-view__image-overlay {width: 70%;
    }
    }

.list-view__image-overlay {
        z-index: 9;
        transition: all 0.25s;
}

.list-view__top-line {
        display: flex;
        justify-content: space-between;
        transition: all 0.25s;
    }

.list-view__reviews {
        transition: all 0.25s;
    }

.list-view__swiper:hover {
            /* z-index: 5; */
        }

.list-view__content {
        z-index:0;
        padding: 0px 50px;
        width: 100%;
        position: absolute;
        bottom: 30px;
        z-index: 1;
    }

@media (min-width: 576px) {

.list-view__content {padding: 0px 1em
    }
    }

@media (min-width: 992px) {

.list-view__content {padding: 0px 30px
    }
    }

@media (min-width: 1200px) {

.list-view__content {padding: 0px 50px
    }
    }

.list-view__title {
        font-weight: 700;
        font-size: 1.3rem;
        padding: 0px;
        margin: 0px;
    }

.list-view__price {
        font-weight: 700;
        font-size: 1.2rem;
        padding: 0px;
        margin: 0px;
    }

.list-view__price--old {
            font-size: .7em;
            margin-right: .5em;
            opacity: .6;
            text-decoration: line-through;
        }

.list-view__tag {
        font-weight: 300;
        font-size: .9rem;
        padding: 0px;
        padding-top: .3em;
        padding-bottom: .1em;
        margin: 0px;
        display:none;
    }

@media (min-width: 992px) {

.list-view__tag {
            display:block
    }
    }

.list-view__lower {
        position: relative;
    }

.list-view__price--lower {
        position: absolute; 
        right:0; 
        top:0;  
    }

.list-view__pagination {
        margin: .9em 0px .5em -5px;
       
    }

@media (min-width: 576px) {

.list-view__pagination {margin: 1em 0px .6em -5px
       
    }
    }

.list-view__flag {
        position: absolute;
        top: 1.2em;
        right: 1.5em;
        z-index:1000;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 1.7rem;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

.list-view__new {
        color: #01acda;
    }

.list-view__sale {
        color: #f58026;
    }

.list-view__bullet {
        width: 25px;
        height: 25px;
        border:solid 7px;
        margin: 0 5px!important;
    }

@media (min-width: 576px) {

.list-view__bullet {width: 20px;height: 20px;border:solid 4px;
    }
    }

@media (min-width: 1200px) {

.list-view__bullet {width: 30px;height: 30px;border:solid 8px;
    }
    }

.list-view__bullet:focus {outline: transparent;}

.list-view__bullet.ffffff {
            border: solid 1px #000000!important;

        }

.list-view__bullet:hover {
                background-color: #ffffff !important;
        }

.list-view__bullet {
        transition: background-color 0.25s;
}

.list-view__more {
        padding: 10px 15px 0px;
        

    }

.list-view__more-numbers {
            font-size: 1rem;
            padding: .5em .3em;
            display: inline-block;
            opacity: .5;
            transition: opacity 0.25s;
        }

.list-view__more-numbers:hover {opacity: 1;}

.list-view__more-active {opacity: 1;}

/* Styles for white bullets */

.list-view__bullet.swiper-pagination-bullet-active {background-color: #ffffff!important;}

.list-view__bullet.ffffff.swiper-pagination-bullet-active, 
.list-view__bullet.ffffff:hover {
    background-color: #1d1c1d!important;
    border: solid 8px #fff!important;
    position: relative;
}

.list-view__bullet.swiper-pagination-bullet-active.ffffff:before,
.list-view__bullet.ffffff:hover:before {
    border: solid 1px #000!important;
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: -8px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    z-index: 10;
}

.swiper-lazy-preloader {margin-top: -82px;}

.swiper-lazy {
    
    opacity: 0;
    transition:opacity 0.25s;
     
      
      
}

.swiper-lazy-loaded {
    opacity: 1;
    transition:opacity 0.25s;
}

/* Filter Styles */

#filter {
  background-color: #ffffff;
}

.filter {
  background-color: #ffffff;
}

.filter__wrapper {
    position: relative;
  }

.filter__buttons--wrapper {
    max-width: 1330px;
    /* padding: 0px; */
  }

.filter__buttons {
    display: flex;
    align-items: center;
  }

/* height: 50px; */

@media (min-width: 768px) {

.filter__buttons {
      margin-left: -35px
  }
    }

.filter__button {
    /* height: 100px; */
    padding: 15px 20px;
    display: inline-block;
    font-size: .95rem;
    font-weight: 400;
    color:#000;
    text-transform: capitalize;
    /* background-color: $bogsOrange; */
    /* border-bottom: 3px solid $white; */
    width: 20%;
    transition: background-color 0.25s;
  }

@media (min-width: 768px) {

.filter__button {
      width: inherit;
  }
    }

.filter__button {
    text-align: center;
}

.filter__button--first {
      /* padding-left:0px; */
      margin-left: 0px;
    }

.filter__button--first:hover {
        /* background-color: transparent !important; */
        /* border-bottom: 3px solid $white!important; */
      }

.filter__button--last {
      padding: 2px 20px 2px 15px;
      margin-top: 12px;
      margin-bottom: 12px;
      /* margin-right: -20px;} */
      margin-right: 10px;
      display: none;
      background-color: #f7f7f7;
      font-size: .95rem;
      font-weight: 400;
    }

@media (min-width: 768px) {

.filter__button--last {
        display: flex;
    }
    }

.filter__button--last span {
        /* border-bottom: 3px solid $white; */
        margin-top: 3px;
      }

/* border-bottom: 3px solid $white!important; */

.filter__button--last:hover span {
          /* border-bottom: 3px solid $black; */
        }

/* border-bottom: 3px solid $white!important; */

.filter__button--last.active span {
          /* border-bottom: 3px solid $black; */
        }

.filter__button--sort {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      border: none;
      background-color: transparent;
      font-weight: 400;
    }

.filter__button--icon {
      font-size: 1rem;
    }

@media (min-width: 768px) {

.filter__button:hover {
        background-color: #f7f7f7
    }
    }

.filter__button.active {
      background-color: #f7f7f7;
    }

.filter__subnav {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 2px;
    z-index: 1;
    background-color: #ffffff;
  }

.filter--arrow {
    font-size: 1rem;
    margin-top: -0.09em;
    transition: transform 0.25s;
    transform: rotate(90deg);
    display: block;
  }

@media (min-width: 768px) {

.filter--arrow {
      display: inline-block;
      margin-top: 0.09em
  }
    }

.filter_answers {
  background-color: #ffffff;
}

.filter_answers__wrapper {
    max-width: 1330px;
    padding: 0px 15px;
    margin-top: 3px;
  }

@media (min-width: 768px) {

.filter_answers__wrapper {
      padding: 0px 0px 0px 0px
  }
    }

/* min-height: 100px; */

.filter_answer__wrapper {
    margin: 0px 0px 0px;
    min-height: 70px;
    padding: 0.5em 0px;
  }

@media (min-width: 768px) {

.filter_answer__wrapper {
      margin-left:-10px;
      margin-right:-10px
  }
    }

.filter_answer__category {
    display: flex;
    flex-wrap: wrap;
  }

.filter_answer__category .filter_answer__item {
      width: inherit;
    }

.filter_answer__category-item {
    min-width: 5.5em;
    text-align: left !important;
    width: 100% !important;
    padding-bottom: 0px !important;
  }

@media (min-width: 576px) {

.filter_answer__category-item {
      width: inherit !important;
      padding-bottom: 20px !important
  }
    }

.filter_answer__item {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1rem;
    opacity: 0.4;
    padding: 10px 10px;
    text-align: center;
    /* width: 20%; */
    width: inherit;
    cursor: pointer;
  }

@media (min-width: 768px) {

.filter_answer__item {
      width: inherit;
  }
    }

.filter_answer__item--select {
      opacity: 1;
    }

@media (min-width: 768px) {

.filter_answer__item:hover {
        opacity: 1
    }
    }

.filter_answer__item--full-width {
      width: inherit;
    }

.filter_answer__bullet {
    display: inline-block;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    margin: 10px 6px 10px !important;
    border: solid 8px;
    cursor: pointer;
    transition: background-color 0.25s;
  }

.filter_answer__bullet--active {
      background-color: #ffffff !important;
    }

@media (min-width: 768px) {

.filter_answer__bullet:hover {
        background-color: #ffffff !important
    }
    }

.filter_reset {
  font-size: .8rem;
}

.filter_reset__wrapper {
    max-width: 1330px;
    padding: 20px 34px 12px 22px;
  }

.filter_reset__button {
    margin: 0px 10px;
    /* width: 25%; */
    /* height: 20px; */
    cursor: pointer;
  }

.filter_reset__button--reset {
    }

.filter_reset__button--close:before {
      content: "\e832";
      font-family: bogsfootwear-icons;
      font-weight: normal;
      font-style: normal;
      margin: 0px 0px 0px 0.2em;
      text-decoration: none;
      display: inline-block;
    }

@media (min-width: 768px) {

.filter_reset__button--close:before {
        transform: rotate(-45deg);
    }
    }

.filter_reset__button--close:before {
      transition: transform 0.25s;
}

/* &--color:after {
            line-height: 2em;
        } */

@media (min-width: 768px) {

.filter_reset__button--close:hover:before {
        transform: rotate(0deg)
    }
    }

.filter_reset__modifier {
    display: none;
    padding-left: 5px;
  }

@media (min-width: 768px) {

.filter_reset__modifier {
      display: inline-block
  }
    }

.filter_reset__toggle {
    margin-left: -8px;
  }

@media (min-width: 768px) {

.filter_reset__toggle {
      transition: border 0.25s
  }
      .filter_reset__toggle:hover {
        /* border-top: solid 1px $black; */
        opacity: 0.5;
      }
    }

.filter_reset__bullet {
    /* display: inline-flex;
        border-radius: 100%;
        width: 23px;
        height: 23px;
        border: solid 6px;
        cursor: pointer;
        background-color: $white!important; */
    border-radius: 100%;
    width: 15px;
    height: 15px;
    display: block;
    margin-top: 3px;
    margin-left: 5px;
    float: right;
  }

#filter_answer--size .filter_answer__wrapper {
margin:0; 
}

#filter_answer--size .filter_answer__item {
  padding: 10px 0px;
  font-size: .8rem;
  line-height: .8em;
  margin-right: 10px;
  width: inherit;
  border: solid 1px #000;
  width: 30px;
  height: 30px;
}

#filter_answer--size .filter_answer--has-subcategories .filter_answer__item {
    padding: 10px 0px;
    font-size: .8rem;
    line-height: .8em;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: inherit;
    border: solid 1px #000;
    width: 100px;
    height: 30px;
  }

#filter_answer--size .filter_answer--has-subcategories .filter_answer__item-category {
    width: 80px;
    font-size: 1rem;
    text-align: left;
    border: none;
    opacity: 1;
  }

.filter_answer--size-subcategory {
  display:flex;
  width: 100%;
  
}

#filter_answer--color {
padding-left:5px;
}

/* @import "modules/_detail-view"; */

/*Detail View Styles*/

#detail_view {
    background-color: #ffffff;
    padding-top: 90px;
  }

@media (min-width: 992px) {

#detail_view {
      padding-top: 150px
  }
    }

.detail-view {
    max-width: 1390px;
    padding: 0px 30px;
  }

@media (min-width: 576px) {

.detail-view {
      padding: 0px 25px;
  }
    }

.detail-view__wrapper {
      display: flex;
      /* @mixin atMedium {height: 785px;} */
    }

@media (min-width: 576px) {

.detail-view__wrapper {
        /* flex-direction: column;  */
        /* flex-wrap: wrap; */
        /* height: 520px; */
    }
    }

.detail-view__gallery {
      width: 100%;
      height: initial;
      padding: 0px;
      /* background-color: $white; */
      /* @mixin atSmall {width:58.333333%;} */
      /* padding-right: 15px; */
      /* padding-left: 15px; */
      margin: 0px;
    }

.detail-view__slides {
      height: initial;
      width: 100%;
      background-color: #ffffff;
    }

/* padding-right: 15px; */

@media (min-width: 992px) {

.detail-view__slides .swiper-wrapper {
          flex-wrap: wrap;
          width: 100%
        
      }
    }

.detail-view__slides.visibleSlides {
        overflow:visible;
        z-index:99999999;
      }

.detail-view__slide {
      text-align: center;
    }

@media (min-width: 576px) {

.detail-view__slide {
        display: flex;
        justify-content: center;
/*        align-items: center;*/
        padding-right: 10px;
        padding-left: 10px;
    }
.detail-view__slide:nth-child(n+5) {
	display: none;
    }
    }

/* background-color:#4bdf0a; */

.detail-view__slide.ONTOP {
        z-index: 999999999999;
        /* visibility: visible!important; */
      }

.detail-view__image {
      /* width: 90%; */
      /* @mixin atLarge {width:80%;} */
    }

.detail-view__thumbs {
      box-sizing: border-box;
      padding: 0px 0;
      /* background-color: $black; */
      /* @mixin atSmall {height: 150px;} */
      /* padding-left: 15px; */
    }

/* width: 80% !important; */

@media (min-width: 768px) {

.detail-view__thumbs {
        height: 500px;
    }
    }

/* z-index: 2; */

@media (min-width: 992px) {

.detail-view__thumbs {
        height: 500px;
    }
    }

/* position: absolute; */

@media (min-width: 1200px) {

.detail-view__thumbs {
        height: 630px;
    }
    }

.detail-view__thumbs {
      text-align: center;
}

.detail-view__thumb-slide {
      /* background-color: #a2a629; */
    }

.detail-view__thumb-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -24.55px;
      margin-top: -1.2rem;
      padding: 0px;
      line-height: 2rem;
      text-shadow: 0px 0px 10px #000000;
    }

.detail-view__image-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -60px;
      margin-top: -5.7rem;
      padding: 0px;
      font-size: 6rem;
      line-height: 10rem;
      text-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5);
      

    }

.detail-view__thumb {
      /* border:solid 1px $black; */
      width: 65%;
    }

.detail-view__arrow {
      background-image: none !important;
      font-size: 3rem;
      line-height: 3rem;
      font-family: "bogsfootwear-icons";
      margin-right: 20px;
    }

.detail-view__arrow:before {
        content: "\e828";
      }

.detail-view__arrow--left {
        transform: rotate(180deg);
        margin-left: 20px;
        margin-right: 0px;
      }

.detail-view--pagination {
      position: relative;
      bottom: initial !important;
      padding: 20px 0px;
      width: 100%;
    }

.detail-view__zoom-wrapper {
      position: absolute;
      top: .4em;
      right: .7em;
      z-index:1000;
      font-family: 'bogs_headlineregular', Arial, sans-serif;
      font-size: 1.7rem;
      text-transform: uppercase;
      letter-spacing: 1px;
    }

.detail-view__zoom-wrapper.hidden {display:none;}

.detail-view__zoom-icon {
      transition: all 0.25s;
    }

.detail-view__zoom-icon:before {transform: scaleX(-1);}

.detail-view__zoom-icon:hover {
        opacity: .5;
      }

.detail-view__zoom-icon {
      display:none;
}

@media (min-width: 992px) {

.detail-view__zoom-icon {
        display:block;
    }
    }

.detail-view__content {
      width: 100%;
      background-color: #ffffff;
    }

@media (min-width: 576px) {

.detail-view__content {
        /* width:41.666667%; */
        background-color: transparent
    }
    }

.detail-view__content {
      padding: 0px 30px;
}

@media (min-width: 576px) {

.detail-view__content {
        padding: 0px 0px 0px 20px
    }
    }

@media (min-width: 992px) {

.detail-view__content {
        padding: 0px 0px 0px 30px
    }
    }

.detail-view__top-line {
      margin-bottom: 1em;
      
    }

@media (min-width: 768px) {

.detail-view__top-line {margin-bottom: 0;
      
    }
    }

.detail-view__top-line {
      display: flex;
      align-items: flex-start !important;
      justify-content: space-between !important;
}

.detail-view__title {
      text-transform: uppercase;
      font-family: 'bogs_headlineregular', Arial, sans-serif;
      color:#1d1c1d;
      font-size: 1.6rem;
      line-height: 1;
      letter-spacing: .5px;
      margin-bottom: 0;
    }

@media (min-width: 768px) {
    }

.detail-view__category {
      font-family: 'trade-gothic-next', Arial, sans-serif;
      text-transform: none;
      font-size: .9rem;
      letter-spacing: 0;
      display: block;
      font-weight: 400;
      padding-top: .4em;
    }

.detail-view__price {
      text-transform: uppercase;
      font-family: 'bogs_headlineregular', Arial, sans-serif;
      font-size: 1.6rem;
      line-height: 1;
      letter-spacing: .5px;
      margin-bottom: 0;
      text-align: right;
    }

.detail-view__price--old {
        font-size: 0.9em;
        margin-right: 0.5em;
        opacity: 0.6;
        text-decoration: line-through;
      }

@media (min-width: 768px) {

.detail-view__price--old {
          font-size: 1rem
      }
    }

@media (min-width: 768px) {

.detail-view__price {
        font-size: 1.5rem;
        line-height: 1.5;
        margin-top: -.2em;
    }
    }

.detail-view__tag {
      margin-bottom: 0.3em;
      font-weight: 300;
      font-size: 1.2rem;
      text-transform: capitalize;
    }

.detail-view__purchase {
      width: 100%;
      /* @mixin atSmall {width:41.666667%;} */
      /* padding: 0px 30px;
          @mixin atSmall {padding: 30px 0px 0px 30px;} */
  
      padding: 20px 10px 3.5em;
    }

@media (min-width: 576px) {

.detail-view__purchase {
        padding: 30px 0px 3.5em 20px
    }
    }

@media (min-width: 992px) {

.detail-view__purchase {
        padding: 0px 0px 1.5em 30px
    }
    }

.detail-view__text {
      margin-top: 4px;
      margin-bottom: 5px;
      font-size: .9rem;
    }

.detail-view__color {
      font-size: .9rem;
    }

.detail-view__colors {
      padding-left: 10px;
      width: 100%;
    }

.detail-view__bullet {
      display: inline-block;
      border-radius: 100%;
      width: 28px;
      height: 28px;
      margin: 5px 3px 5px !important;
      border: solid 9px;
      cursor: pointer;
      transition: background-color 0.25s;
    }

@media (min-width: 992px) {
    }

@media (min-width: 768px) {

.detail-view__bullet:hover {
        background-color: #ffffff !important
    }
    }

.detail-view__bullet--active {
      background-color: #ffffff !important;
    }

.detail-view__review {
      padding: 0px 0px 10px;
    }

.detail-view__sizes {
      margin-bottom: 3em;
    }

.detail-view__size-block {
      font-size: 1rem;
      line-height: 2.7rem;
      display: inline-flex;
      align-items: center;
      text-transform: uppercase;
      text-decoration: none;
      border: solid 2px #1d1c1d;
      border-radius: 0px;
      height: 2.7rem;
      width: 2.7rem;
      margin-bottom: 5px;
      /* padding:1em; */
      text-align: center;
      color: #1d1c1d;
      justify-content: center!important;
      cursor:pointer;
    }

.detail-view__size-block.disabled {
        opacity: .3;
        cursor: not-allowed;
      }

.detail-view__size-block.disabled:hover {
          background-color: inherit;
          color: inherit;
        }

.detail-view__size-block.selected {
        background-color: #1d1c1d;
        color: #ffffff;
      }

.detail-view__size-block:hover {
        background-color: #1d1c1d;
        color: #ffffff;
      }

.detail-view__size-chart {
      font-size: 1rem;
      text-align: right;
      padding: 20px 0px 10px 0px;
      cursor: pointer;
    }

.detail-view__social-icons i {
      font-size: 2rem;
      opacity: 0.5;
      cursor: pointer;
    }

.detail-view__social-icons i:hover {
        opacity: 1;
      }

.detail-view__sku {
      font-family: 'trade-gothic-next', Arial, sans-serif;
      font-weight: 300;
      font-size: 1rem;
      color: #1d1c1d;
      padding-top: 1.5rem;
    }

.detail-view__description {
      padding: 30px 30px;
    }

@media (min-width: 992px) {

.detail-view__description {
        padding: 50px 200px
    }
    }

.detail-view__subhead {
      font-family: 'bogs_headlineregular', Arial, sans-serif;
      font-size: 2.2rem;
      text-transform: uppercase;
      color: #1d1c1d;
    }

@media (min-width: 992px) {

.detail-view__subhead {
        font-size: 4rem
    }
    }

@media (min-width: 992px) {

.detail-view__body {
        font-size: 1.4rem;
        line-height: 1.8;
    }
    }

.detail-view__body {
      margin-bottom: 0;
      padding-bottom: 1rem;
}

.detail-view__section-head {
      border-bottom: solid 3px #1d1c1d;
        font-size: .9rem;
        line-height: 1.8;
        font-weight:400;
      
      margin-bottom: 1em;
      padding-bottom: 0;
      cursor: pointer;
    }

.detail-view__section-head i {
        font-size: 1.2rem;
        float: right;
        transform: rotate(90deg);
        margin-top: -2px;
        margin-right: -6px;
        
      }

@media (min-width: 992px) {
          .detail-view__section-head:hover i {
            /* transform: rotate(270deg); */
          }
    }

.detail-view__section-head.active i {
          transform: rotate(270deg);
          margin-right: -4px;
        }

.detail-view__section-content {
      font-size: .9rem;
      line-height: 2em;
      font-weight: 400;
      
    }

.detail-view__section-content ul {
        padding:0;
        margin:0;
        padding-left: 1.1em;
      }

.detail-view__section-content ul li {
          padding:0;
          margin:0;
        }

.detail-view__specs {
      padding:0!important;
      list-style:none;
      /* font-family: $frontPage; */
      /* text-transform:uppercase; */
      font-size: .9rem;
    line-height: 2em;
    font-weight: 400;
    }

.detail-view__specs li {
        border-bottom:solid 1px #1d1c1d;
      }

.detail-view__specs li span {
          float:right;
          text-align:left;
          width: 49%;
          /* font-family: $tradeGothic; */
          /* font-size: 1rem; */
        }
@media screen and (max-width: 400px){
	.detail-view__specs li span {
          float:right;
          text-align:right;
		width: fit-content;
        }

}
.detail-view__specs li:last-child {
        border-bottom:none;
      }

.detail-view__body-link {
      /* display:block;
          text-align: right; */
    }

.detail-view__list-item {
      font-size: 1rem;
      line-height: 1.8;
      margin-bottom: 0;
    }

.detail-view__select-label {
      font-size: .9rem;
      text-align: left;
      padding: 25px 0px 5px 0px;
    }

.detail-view__chart-text {
      font-size: .9rem;
      line-height: 1.3;
      text-align: left;
      padding: 15px 0px 5px 0px;
    }

.detail-view__chart-text a {
        text-decoration: underline;
      }

.detail-view__free-shipping {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1em 0px;
      text-transform: uppercase;
      font-family: 'bogs_headlineregular', Arial, sans-serif;
      color:#1d1c1d;
      font-size: 1.6rem;
      line-height: 1;
      letter-spacing: .5px;
      margin-bottom: 0;
    }

.detail-view__free-shipping-exclude {
      display: block;
      font-size: .8rem;
      line-height: .9;
      font-weight: 600;
      text-transform: none;
      font-family: 'trade-gothic-next', Arial, sans-serif;

    }

.detail-view__free-shipping-icon {
      margin-right: -10px;
      font-size: 3.8rem;
    }

/* sticky sidebar item */

@media (min-width: 992px) {

.detail-view__content-section {min-height: 1850px
    }
    }

/* sticky sidebar item */

@media (min-width: 992px) {

.detail-view__sidebar-item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
    }

.detail-view__content {padding-top:40px;transition: all 0.75s;}

/* sticky sidebar item */

@media (min-width: 992px) {

.detail-view__make-me-sticky {
        /* NEW sicky side */
        top: auto;
        left:auto!important
    }
    }

.detail-view__afterpay-icon {
      font-size: 1.2rem;
      
    }

@media (min-width: 992px) {

.detail-view__afterpay-content {
        background-color: rgba(0, 0, 0, 0.05);
        padding: 0px 10px
    }
    }

.detail-view__gallery .detail-view__slides .detail-view__arrow {
    opacity: 0;
  }

@media (min-width: 768px) {

.detail-view__gallery:hover .detail-view__slides .detail-view__arrow {
      opacity: 0.3
  }
      .detail-view__gallery:hover .detail-view__slides .detail-view__arrow.swiper-button-disabled {
        opacity: 0.03;
      }
    }

/*Thumbnails Incorporate into above styles*/

.swiper-container {
    width: 100%;
    /* height: 600px; */
    margin-left: auto;
    margin-right: auto;
  }

.swiper-slide {
    background-size: cover;
    background-position: center;
  }

.detail-view__slides {
  }

#technolgy_slider {
    background-color: #f7f7f7;
  }

#similar_products {
    background-color: #ffffff;
  }

.similar-products {
    max-width: 1390px;
    padding: 0px 15px;
  }

@media (min-width: 576px) {

.similar-products {
      padding: 0px 20px;
  }
    }

.similar-products__slide {
      background-color: #f7f7f7;
      text-align: center;
      padding: 0 9vw;
      margin-bottom: 4em;
      
    }

@media (min-width: 768px) {

.similar-products__slide {
        padding: 0 2.5vw
      
    }
    }

.similar-products__content {
      text-align: left;
      padding: 1.5em 0px;
    }

/* margin-bottom: 5rem; */

@media (min-width: 768px) {

.similar-products__content {
        /* padding: 0 1vw; */
    }
    }

.similar-products__top-line {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

.similar-products__headline {
      font-weight: 700;
      font-size: 1.3rem;
      padding: 0px;
      margin: 0px;
    }

.similar-products__price {
      font-weight: 700;
      font-size: 1.2rem;
      padding: 0px;
      margin: 0px;
    }

.similar-products__review {
      padding: 0.5em 0;
    }

.similar-products__btn {
      display: inline-flex;
      margin-top: 0em;
    }

@media (min-width: 768px) {

.similar-products__btn {
        display: inline-flex
    }
    }

.similar-products__slider--pagination {
      bottom: 20px !important;
    }

@media (min-width: 768px) {

.similar-products__slider--pagination {
        display: none
    }
    }

/*
#extra_links {
    background-color: #1d1c1d;
    border-bottom: solid 1px #ffffff;
  }
*/

@media (min-width: 768px) {

#extra_links {
      background-color: #ffffff
  }
    }

/*
.extra-links {
    padding: 20px 15vw;
  }
*/

@media (min-width: 768px) {

.extra-links {
      max-width: 1390px;
      padding: 20px 20px;
  }
    }

.extra-links__wrapper {
    }

.extra-links__button {
      padding: 0;
    }

@media (min-width: 768px) {

.extra-links__button {
        padding: 10px 0;
        border-bottom: solid 1px #f7f7f7
    }
    }

.extra-links__link {
      font-family: 'bogs_headlineregular', Arial, sans-serif;
      text-transform: uppercase;
      font-size: 1.6rem;
      line-height: 1;
      letter-spacing: .5px;
      color: #ffffff !important;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
    }

@media (min-width: 768px) {

.extra-links__link {
        color: #1d1c1d !important;
        justify-content: flex-start;
    }
    }

.extra-links__link .btn__icon {
        margin-top: 6px;
      }

@media (min-width: 768px) {

.extra-links__link .btn__icon {
          display: none;
      }
    }

.extra-links__link .btn__icon.show {
          display: inline-block !important;
        }

.extra-links__link .btn__icon:before {
          line-height: 3rem;
        }

.extra-links__snapshot-trigger {
      /* line-height: 2; */
    }

.extra-links__snapshot-trigger span {
      font-size: 1.4rem;
      line-height: 2.1;
      margin-left: 20px;
      text-transform: capitalize;
      font-family: 'trade-gothic-next', Arial, sans-serif;
      font-weight: 700;
    }

.extra-links__snapshot-trigger span:hover + i {
        transform: translate(2px);
      }

.extra-links__snapshot-trigger.open span + i {
      transform: rotate(90deg);
    }

.extra-links__snapshot-trigger .btn__icon {
      font-size: 1.2rem;
    }

.extra-links__snapshot-trigger .btn__icon:before {
        line-height: 1.5rem;
      }

.extra-links__snapshot-title {
      padding-bottom: 10px;
    }

.extra-links__review-wrapper {
      color: #ffffff;
      padding-bottom: 40px;
    }

@media (min-width: 768px) {

.extra-links__review-wrapper {
        color: #1d1c1d
    }
    }

.size-chart__wrapper {
    }

.dropdown__wrapper {
      z-index: 1000000000;
      display: none;
      float: left;
      min-width: calc(100% - 60px);
    }

@media (min-width: 576px) {

.dropdown__wrapper {
        min-width: calc(100% - 20px);
    }
    }

@media (min-width: 992px) {

.dropdown__wrapper {
        min-width: calc(100% - 30px);
    }
    }

.dropdown__wrapper {
      padding: 0.5rem 0 0;
      margin: -2px 0;
      font-size: 1rem;
      text-align: left;
      list-style: none;
      background-color: #fff;
      border: 2px solid #1d1c1d;
      border-radius: 0;
}

.dropdown__wrapper.show {
        display: block;
      }

.dropdown__item {
      display: flex;
      justify-content: space-between;
      width: 100%;
      padding: 0.5rem 1.5rem;
      clear: both;
      font-weight: 400;
      color: #212529;
      text-align: inherit;
      white-space: nowrap;
      background-color: transparent;
      border: 0;
      border-bottom: solid 1px #d8d8d9;
    }

.dropdown__item:hover {
        background-color: #f7f7f7;
      }

.less + i {
    transform: rotate(-90deg) !important;
  }

.less:hover + i {
    transform: rotate(-90deg) translate(2px, 0px) !important;
  }

.not-available__alert {
    display: block;
    width: 100%;
    background-color: #f54f4f;
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    transition: all 0.25s;
    opacity: 1;
  }

/* POWER REVIEWS STYLE FIXES */

.detail-view__review .pr-snippet-stars-container {
    width: auto;
  }

.detail-view__review .pr-snippet-read-and-write {
    width: auto;
    margin-left: 0px !important;
  }

.detail-view__review .p-w-r .pr-snippet div {
    vertical-align: middle !important;
  }

.detail-view__review .p-w-r .pr-star-v4 {
    height: 13px !important;
    width: 13px !important;
  }

.detail-view__review
    .p-w-r
    .pr-snippet-read-and-write
    .pr-snippet-review-count {
    font-family: trade-gothic-next, Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: .8rem !important;
    line-height: 1.7rem !important;
    color: #1d1c1d !important;
    text-decoration: none !important;
  }

.p-w-r
    .pr-snippet-stars-reco-inline.pr-snippet-compact
    .pr-snippet-read-and-write
    a {
    margin-right: 0px;
  }

.detail-view__review
    .p-w-r
    .pr-snippet-read-and-write
    a.pr-snippet-write-review-link {
    font-family: trade-gothic-next, Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    color: #1d1c1d !important;
    text-decoration: none !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
  }

.detail-view__review a.pr-snippet-write-review-link {
    display:none;
  }

/* RULERS Tables */

.kids-ruler.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
  }

.kids-ruler .table-infant {
    background-color: #c6202d !important;
    color: #ffffff;
  }

.kids-ruler .table-infant td {
      padding: 0.3rem 0.75rem;
    }

.kids-ruler .table-toddler {
    background-color: #ee7623 !important;
    color: #ffffff;
  }

.kids-ruler .table-toddler td {
      padding: 0.3rem 0.75rem;
    }

.kids-ruler .table-little-kid {
    background-color: #109b87 !important;
    color: #ffffff;
  }

.kids-ruler .table-little-kid td {
      padding: 0.3rem 0.75rem;
    }

.kids-ruler .table-big-kid {
    background-color: #00afd1 !important;
    color: #ffffff;
  }

.kids-ruler .table-big-kid td {
      padding: 0.3rem 0.75rem;
    }

.kids-ruler .table-stripe {
    background-color: rgba(0, 0, 0, 0.05) !important;
  }

.sizingTable .table-head th {
    /* width: 33%; */
  }

.our-bootprint {
  max-width: 1390px;
  padding: 0px 15px 3em;
  border-bottom:solid 1px #d8d8d9;


}

@media (min-width: 576px) {

.our-bootprint {
    padding: 0px 20px 3em;


}
    }

.our-bootprint__box {
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 15px;
   
    text-align: center;
    
  }

.our-bootprint__img {
    width: 60%;
    margin:0 auto;
  }

/* display:flex; */

@media (min-width: 992px) {

.our-bootprint__img {
      width: 40%
  }
    }

.our-bootprint__icon {
    font-size: 150px; 
    line-height: 160px;
  }

.our-bootprint__image {
    width:100%;
  }

.our-bootprint__text {
    width: 80%;
    margin:0 auto;
  }

@media (min-width: 992px) {
    }

.our-bootprint__subhead {
    /* text-transform: uppercase; */
    /* font-family: $frontPage; */
    /* font-size: 1.6rem; */
    /* line-height: 1; */
    margin-top:1em;

    font-family: 'trade-gothic-next', Arial, sans-serif;
    font-weight:600;
    font-size: 4.2vw;
    line-height: 5.4vw;
    margin-bottom: .6rem;

  }

@media (min-width: 768px) {

.our-bootprint__subhead {
        font-size: 1.5rem;
        line-height: 1.4rem

  }
    }

@media (min-width: 1200px) {

.our-bootprint__subhead {
        font-size: 1.3rem;
        line-height: 2.1rem

  }
    }

.our-bootprint__text {
    /* font-size: 1.1rem; */
    /* font-weight: 200; */

    font-size: 1rem;
    line-height: 1.8em;
    font-weight: 200;
    padding-bottom: .1em;

  }

.detail-video {
  /* padding-right: 0px; */
}

.detail-video .modal-dialog {
  /* max-width: none; */
  /* height: 100%; */
}

.embed-responsive-detail::before {
  padding-top: 133.2%;
  /* padding-top: 45%; */
  /* padding-top: 53%; */
}

#generic_content {
    /* padding-bottom: 30px; */
    background-color: #ffffff;
}

@media (min-width: 768px) {

#generic_content {/* This is hacky, don't judge */
        background-color: #f7f7f7;
}
    }

#generic_content.full-video {
        padding-top:70px;
    }

@media (min-width: 992px) {

#generic_content.full-video {
            padding-top:120px
    }
    }

#generic_content .embed-container {
        --video--width: 1920;
        --video--height: 1080;

        position: relative;
        padding-bottom: calc(var(--video--height) / var(--video--width) * 100%); /* 41.66666667% */
        overflow: hidden;
        max-width: 100%;
        background: black;
        }

#generic_content .embed-container iframe,
        #generic_content .embed-container object,
        #generic_content .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        }

.generic {
    max-width: 100%;
}

/* padding: 0px; */

@media (min-width: 1445px) {

.generic {max-width: 1360px;
}
    }

.generic__wrapper {
        padding: 0 0vw;
    }

@media (min-width: 768px) {

.generic__wrapper {padding: 0px 38px
    }
    }

@media (min-width: 1445px) {

.generic__wrapper {padding: 0px 0px
    }
    }

.generic__sidebar {
        padding: 20px 7vw;

    }

@media (min-width: 768px) {

.generic__sidebar {padding: 90px 15px

    }
    }

.generic__content {
        padding: 20px 7vw;
    }

@media (min-width: 768px) {

.generic__content {padding: 90px 50px;
    }
    }

.generic__content {
        background-color: #ffffff;
}


.generic__headline {
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 2.2rem;
        margin-top: -.5em;
        margin-bottom: .5em;
        border-bottom: solid 4px #f7f7f7;
    }

@media (min-width: 768px) {

.generic__headline {
            font-size: 4rem
    }
    }

.generic__subhead {
        margin-top: 1em;
        
    }

.generic__container {
        padding: 0px;
    }

.generic__sizingTable {
        margin-top: 20px;
    }

.generic__table-head {
        background-color: #1d1c1d!important;
        color: #ffffff;
    }

.generic__privacyPolicyList {
        margin: 0px;
        padding: 0px;
    }

.generic__privacyPolicyList ul {
            margin: 0px;
            padding: 0px;
        }

.generic__privacyPolicyList ol {
            margin: 0px;
            padding: 0px;
        }

.generic__privacyPolicyList li {
            margin-left: 20px;
            margin-top: 10px;
        }

/* Few Cascading Styles Needed */

#resources_content {
  /* padding-bottom: 30px; */
  background-color: #ffffff;
}

@media (min-width: 768px) {

#resources_content {
    /* This is hacky, don't judge */
    background-color: #f7f7f7;
    background-image: url(/assets/images/global/hack.png);
    background-repeat: repeat-y;
    background-position: center;
    background-size: cover
}
    }

.resources {
  max-width: 100%;
}

/* padding: 0px; */

@media (min-width: 1445px) {

.resources {
    max-width: 1360px;
}
    }

.resources__wrapper {
    padding: 0 0vw;
  }

@media (min-width: 768px) {

.resources__wrapper {
      padding: 0px 38px
  }
    }

@media (min-width: 1445px) {

.resources__wrapper {
      padding: 0px 0px
  }
    }

.resources__sidebar {
    padding: 20px 7vw;
  }

@media (min-width: 768px) {

.resources__sidebar {
      padding: 90px 15px
  }
    }

.resources__content {
    padding: 20px 7vw;
  }

@media (min-width: 768px) {

.resources__content {
      padding: 90px 15px 90px 50px;
  }
    }

.resources__content {
    background-color: #ffffff;
}

.resources__headline {
    font-family: 'bogs_headlineregular', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 2.2rem;
    margin-top: -0.5em;
    margin-bottom: 0.5em;
    border-bottom: solid 4px #f7f7f7;
  }

@media (min-width: 768px) {

.resources__headline {
      font-size: 4rem
  }
    }

.resources__subhead {
    margin-top: 1em;
  }

.resources__container {
    padding: 0px;
  }

.resources__sizingTable {
    margin-top: 20px;
  }

.resources__table-head {
    background-color: #1d1c1d !important;
    color: #ffffff;
  }

.resources__privacyPolicyList {
    margin: 0px;
    padding: 0px;
  }

.resources__privacyPolicyList ul {
      margin: 0px;
      padding: 0px;
    }

.resources__privacyPolicyList ol {
      margin: 0px;
      padding: 0px;
    }

.resources__privacyPolicyList li {
      margin-left: 20px;
      margin-top: 10px;
    }

/* Few Cascading Styles Needed */

.resources__content a {
    /* color: $bogsOrange; */
    transition: color 0.25s;
  }

.resources__content a:hover {
      /* color: $black; */
    }

.resources__content p {
    line-height: 2rem;
  }

.resources__container div {
    margin-bottom: 20px;
  }

.sidenav {
    padding: 0px;
    margin: 0px;
}

.sidenav__item {
        padding: 0px;
        margin:0px;
        list-style: none;
        
    }

.sidenav__sub {
        padding: 0px;
        margin: 0px;
        margin-left: 0px;
        display:none;
    }

.sidenav__sub a {padding-left: 20px;}

.sidenav__sub.selected {
            display: block;
        }

.sidenav__link {
        
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 1.25rem;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        padding: 0 0px;
        height: 50px;
        width: 100%;
        transition: height 0.25s, background-color 0.25s;
        border-bottom: solid 1px #b4b4b5;
        justify-content: space-between;
    }

@media (min-width: 768px) {

.sidenav__link {
            display: inline-block;
            font-size: 1.2rem;
            font-weight: 700;
            padding: .2em 0;
            text-transform: none;
            font-family: 'trade-gothic-next', Arial, sans-serif;
            height: inherit;
            border:none;
    }
    }

.sidenav__link {
        transition: all 0.25s;
}

@media (min-width: 768px) {

.sidenav__link:hover {opacity:.5}
    }

.sidenav__link.active {color:#f58026;}

.sidenav__link.active:hover {opacity: 1;}

.sidenav__link--sub{
        font-weight: 300;
    }

@media (min-width: 768px) {

.sidenav__mobile-button {display: none
}
    }

@media (min-width: 768px) {

#sidenav {
        display: block
}
    }

.sidenav__link.active + .sidenav__sub {display: block;}

#gmap {
    height: 510px;
    width: 100%;
}

#gmap .canvas_map {
        background-color: #65b6cf!important;
    }

#gmap h3 {
        font-size: 1.5rem;
    }

#gmap p {
        font-size: .8rem;
        line-height: 1rem;
    }

.gm-style-cc, .gm-style-mtc {
    display: none;
}

.gm-style .gm-style-iw-c {
    border-radius: 0px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.1);
    padding: 1em;
    /* border: solid 1px $black; */
}

.gm-style .gm-style-iw-t::after {
    /* border-left: solid 1px $black; */
    /* border-bottom: solid 1px $black; */
}

#controls select {
    height: 4rem;
    background: #ffffff;
    width: 100%;
    border-radius: 0;
    outline: 0;
    padding-left: 20px;
    position: relative;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.3rem;
    border: solid 2px #1d1c1d;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #1d1c1d;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    font-family: 'trade-gothic-next', Arial, sans-serif;
    font-weight: 700;
    text-transform: capitalize;

}

.store-locator-wrapper .locator-form {
        padding: 20px 0px;
    }

.store-locator-wrapper input[type=text]{
        margin-right: 4%;
        background: #ffffff;
        border: solid 2px #1d1c1d;
        width: 48%;
        height: 3.5rem;
    }

@media (min-width: 768px) {

.store-locator-wrapper input[type=text]{height: 4.5rem;
    }
    }

.store-locator-wrapper input[type=text] {
        margin-bottom: 15px;
        color: #1d1c1d;
        flex: 100;
        font-size: 1.5rem;
}

.store-locator-wrapper input[type=text]::-moz-placeholder {opacity: .5;}

.store-locator-wrapper input[type=text]:-ms-input-placeholder {opacity: .5;}

.store-locator-wrapper input[type=text]::placeholder {opacity: .5;}

.store-locator-wrapper .btn {
        width: 48%;
        transition: all .3s ease;
        color: #1d1c1d;
    }

@media (min-width: 768px) {

.store-locator-wrapper .btn:hover {
                color: #ffffff;
                background-color: #1d1c1d
        }
    }

.store-locator-wrapper .locator-map {
        margin-right: -15px;
        margin-left: -15px;
    }

.store-locator-wrapper .locator-results {
        padding: 20px 0px;
    }

.store-locator-wrapper .locator-results a {
            margin: 10px 0px;
            color: #1d1c1d;
            transition: opacity 0.25s;
        }

@media (min-width: 768px) {

.store-locator-wrapper .locator-results a:hover {opacity: .5}
    }

.store-locator-wrapper .locator-results a span {
                display: block;
            }

.store-locator-wrapper .locator-results a span.resultName {
                font-weight: 700;
            }

.store-locator-wrapper .locator-results a span.results {}

.store-locator-wrapper .locator-results a span.resultsPhone {}

.rep-info-wrapper .row {
        padding: 0px 20px;
    }

.rep-info-wrapper a.accordion-toggle {
        width: 100%;
        display: block;
        border-radius: 0;
        outline: 0;
        padding-left: 20px;
        position: relative;
        transition: all .3s ease;
        cursor: pointer;
        font-size: 1.3rem;
        line-height: 4rem;
        border: solid 2px #1d1c1d;
        margin-bottom: 20px;
        color: #1d1c1d;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight: 700;
        text-transform: capitalize;
    }

.rep-info-wrapper a.accordion-toggle:hover {
            background-color: #1d1c1d;
            color: #ffffff;
        }

.rep-info-wrapper a.accordion-toggle.active {
            background-color: #1d1c1d;
            color: #ffffff;
        }

.rep-info-wrapper .section {
        margin-bottom: 2em;
    }

.rep-info-wrapper h4.sub-region{
        color: #1d1c1d;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight: 700;
        font-size: 1.2rem;
    }

.rep-info-wrapper p {
        color: #1d1c1d;
        font-size: 1rem;
        line-height: 1rem;
        margin-bottom: .5rem;
    }

.fa-ul {
    list-style-type: none;
    margin-left: 4em;
    padding-left: 0;
}

.fa-ul>li {
    position: relative;
}

.fa-li {
    left: -3.7em;
    position: absolute;
    text-align: center;
    width: 2em;
    margin-top: -.2em;
    line-height: inherit;
}

.scam-info {
    overflow-wrap: break-word;
    word-wrap: break-word;

   

}

.scam-info a {color: #339d76;}

.scam-info h3.resources__subhead {
        font-weight: 700;
        margin-bottom: 1em;
    }

.scam-info p {
        font-size: 1.2rem;
        line-height: 1.8rem;
        font-weight: 200;
    }

.scam-info li {
        font-size: 1.2rem;
        line-height: 1.8rem;
        font-weight: 200;
        padding-top: 0;
        padding-bottom: 1.5em;
    }

.scam-info li i {
            font-size: 2.5rem;
        }

.scam-info .icon-check {
        color: #339d76;
    }

.scam-info .icon-check-x {
        color: #9d3833;
    }

.scam-info .green {color: #339d76;}

.scam-info .red {color: #9d3833;}

.scam-info .bold {font-weight: 700;}

#split_box {

}

.split-box__image-full {
        padding: 0px;
    }

.split-box__text-middle {
        display:flex;
        align-items: center;
        padding: 3em 3em;
    }

@media (min-width: 992px) {

.split-box__text-middle {
            padding: 4em 4em
    }
    }

.split-box__icons-middle {
        display:flex;
        align-items: center;
        padding: 3em 1em;
    }

@media (min-width: 992px) {

.split-box__icons-middle {
            padding: 3em 3em
    }
    }

.split-box__title {
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 13vw; 
        line-height: 12vw;
    }

@media (min-width: 576px) {

.split-box__title {
            font-size: 7vw; /* 7rem  ~ 112px */
            line-height: 6vw /* 6rem ~ 96px */
    }
    }

.split-box__title--medium {
        font-size: 11vw; 
        line-height: 10vw;
    }

@media (min-width: 576px) {

.split-box__title--medium {
            font-size: 5vw; /* 7rem  ~ 112px */
            line-height: 5vw /* 6rem ~ 96px */
    }
    }

.split-box__title--small {
        font-size: 11vw; 
        line-height: 10vw;
    }

@media (min-width: 576px) {

.split-box__title--small {
            font-size: 5vw; /* 7rem  ~ 112px */
            line-height: 4vw /* 6rem ~ 96px */
    }
    }

.split-box__subhead {
        font-size: 5vw;
        line-height: 5vw;
        font-weight: 300;
        margin-bottom: 2em;
    }

@media (min-width: 576px) {

.split-box__subhead {
            font-size: 2vw;
            line-height: 2.3vw
    }
    }

.split-box__icons-row {
        align-items: center;
        margin-bottom: 1em;
    }

.split-box__icons-text {
        color:#ffffff;
        font-size: 4vw;
        line-height: 5.5vw;
        font-weight: 300;
    }

@media (min-width: 768px) {

.split-box__icons-text {
            font-size: 1.5vw;
            line-height: 2.1vw
    }
    }

@media (min-width: 992px) {

.highlight_section--imagebox {width: 33%;
    }
    }

@media (min-width: 992px) {

.highlight_section--imagebox {
            /* border-right:solid 20px #ffffff; */
    }
    }

.highlight_section--imagebox {
        padding:20px;
}

.highlight_section--imagebox-wrapper {
      
        padding:40px 30px 40px 8%;
    }

@media (min-width: 1200px) {

.highlight_section--imagebox-wrapper {
            max-width: 1100px
    }
    }

@media (min-width: 992px) {

.highlight_section--textbox {width: 66%
        
    }
    }

.highlight_section--headline {
        font-size: 2.7rem;
        line-height: .8em;
        margin-bottom: .2em;
        
    }

@media (min-width: 768px) {

.highlight_section--headline {
            font-size: 4rem
        
    }
    }

@media (min-width: 1200px) {

.highlight_section--headline {
            font-size: 6rem
        
    }
    }

.highlight_section--copy {
        font-size: 1.4rem;
        line-height: 1.2em;
    }

@media (min-width: 768px) {

.highlight_section--copy {
            font-size: 1.4rem
    }
    }

@media (min-width: 1200px) {

.highlight_section--copy {
            font-size: 1.8rem;
            line-height: 1.4em
    }
    }

.highlight_section--link {
      
    }

#centered_box {}

.centered-box {
    text-align: center;
    padding: 5em 3em;
}

@media (min-width: 768px) {

.centered-box--with-headline {padding-top:8em
    }
    }

.centered-box__text {
        color: #ffffff;
        font-size: 4vw;
        line-height: 5.5vw;
    }

@media (min-width: 768px) {

.centered-box__text {
            font-size: 2.5rem;
            line-height: 4rem;
    }
    }

.centered-box__text--small {
            font-size: 4vw;
            line-height: 5.5vw;
        }

@media (min-width: 768px) {

.centered-box__text--small {
                font-size: 2rem;
                line-height: 3.5rem
        }
    }

.centered-box__text {
        font-weight: 300;
        margin-top: 1.5em;
}

.centered-box__text a {transition:all 0.25s;}

@media (min-width: 768px) {

.centered-box__text a:hover {opacity: .5
        }
    }

.centered-box__text br {
            display: none;
        }

@media (min-width: 1200px) {

.centered-box__text br {display: inline
        }
    }

.centered-box__headline {
        font-size: 7vw;
        line-height: 7vw;
    }

@media (min-width: 768px) {

.centered-box__headline {
            font-size: 3.8rem;
            line-height: 3.8rem
    }
    }

.centered-box__headline-icon img {
        max-width: 50%;
    }

@media (min-width: 768px) {

.centered-box__headline-icon img {
            max-width: 20%
    }
    }

.centered-box__full-image {
        padding:0px;
    }

.centered-box__full-image-content{
        position: relative;
        overflow: hidden;
    }

.centered-box__full-image-img{
        width: 300%;
        max-width: 300%;
        margin-left: -100%;
    }

@media (min-width: 768px) {

.centered-box__full-image-img{
            width: 100%;
            max-width: 100%;
            margin-left: 0%
    }
    }

.centered-box__full-image-text{
        position: absolute;
        
    }

.centered-box__icon-holder {
        padding: 20px 0;
    }

.centered-box--single {
        padding: 2em 0;
    }

@media (min-width: 768px) {

.centered-box--single {padding: 3em 0
    }
    }

.centered-box-full {
    text-align: center;
}

.centered-box-full img {
        width: 100%;
        height: auto;
    }

.checkout #shopping-cart {
        max-width: 100%;
    }

.checkout .product .row {
        align-items: top;
    }

.checkout .product {
        padding-bottom: 1em;
        border-bottom: solid 1px #1d1c1d;
        margin-bottom: 20px;
    }

.checkout .product .image {}

.checkout .product .details div:nth-child(1) { /*Name*/
                font-size: 1.4rem;
                line-height:1.2rem;
                font-weight:700;
                padding-bottom: .2em;
            }

.checkout .product .details div:nth-child(2) { /*Colour*/
                font-size: 1rem;
                line-height:1.4rem;
            }

.checkout .product .details div:nth-child(3) { /*Sku*/
                font-size: .8rem;
                line-height:1.5rem;
                font-weight: 400;
                font-style: italic;
            }

.checkout .product .details div:nth-child(3):before {
                    content: 'SKU: ';
                }

.checkout .product .details div:nth-child(3) {
                padding-bottom: .2em;
}

.checkout .product .details div:nth-child(4) {
                font-size: 1rem;
                line-height:1.5rem;
            }

.checkout .product .price {
            font-size: 1.5rem;
            line-height: 1.2rem;
            margin-bottom: .9em;
        }

.checkout .product .quantity {
            display:flex;
        }

.checkout .product .quantity div:nth-child(1) { /*Name*/
                font-size: 1rem;
                line-height:1.5rem;
                font-weight:400;
                margin-right: 10px;
            }

.checkout .product .quantity div:nth-child(1):after {content: ':'}

.checkout .product .quantity select {
                display:inline-block;
                border: 1px solid #D1D1D1;
                border-radius: 0;
                background: #fff;
                width: 50px;
                padding: 3px 10px 5px 6px;
                -moz-text-align-last: center;
                     text-align-last: center;
                line-height: 1;
                height: 27px;
                -webkit-appearance: none;
                   -moz-appearance: none;
                        appearance: none;
                text-indent: 1px;
                cursor: pointer;
                margin: 0;
                font-size: 1rem;
            }

.checkout .product .remove a {
                display: flex;
                align-items: center;
            }

.checkout .product .remove a:hover img {
                    transform: rotate(90deg);
                    
                }

.checkout .product .remove img {
                height: 10px;
                width: 10px;
                display:flex;
                margin-left: 10px;
                transition: all 0.25s;
            }

.checkout .product .remove div {
                line-height: 20px;
                height: 25px;
                display:flex;
                text-transform: capitalize;
                font-weight: 700;
            }

.checkout .promo {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        /* margin-right: -15px;
        margin-left: -15px; */
        padding-right: 0px;
        padding-left: 0px;
    }

@media (min-width: 992px) {

.checkout .promo {
            padding-right: 15px;
            padding-left: 15px;
    }
    }

.checkout .promo input {
            -moz-text-align-last: center;
                 text-align-last: center;
            position: relative;
            width: 100%;
        }

/* padding-right: 15px;
            padding-left: 15px; */

@media (min-width: 768px) {

.checkout .promo input {width: 48%;
        }
    }

.checkout .promo input {  
            border: solid 2px #1d1c1d;
            border-radius: 0px;
            height: 4.5rem;
            margin-bottom: .8em;
            font-family: 'trade-gothic-next', Arial, sans-serif;
            font-weight: 700;
            text-transform: capitalize;
            font-size: 1.5rem;
            text-align: center;
            transition: all 0.25s;
            background-color: #ffffff;
}

@media (min-width: 768px) {

.checkout .promo input:hover {
                    background: #1d1c1d;
                    color: #ffffff
            }
    }

.checkout .promo input.input {
                color: #f58026;
                text-transform:uppercase;
            }

.checkout .promo input.input::-moz-placeholder {
                    color: #1d1c1d;
                    text-transform:capitalize;
                }

.checkout .promo input.input:-ms-input-placeholder {
                    color: #1d1c1d;
                    text-transform:capitalize;
                }

.checkout .promo input.input::placeholder {
                    color: #1d1c1d;
                    text-transform:capitalize;
                }

.checkout .promo input.input:focus::-moz-placeholder {
                    opacity: .1;
                }

.checkout .promo input.input:focus:-ms-input-placeholder {
                    opacity: .1;
                }

.checkout .promo input.input:focus::placeholder {
                    opacity: .1;
                }

@media (min-width: 768px) {

.checkout .promo input.input:hover {
                        background: #ffffff;
                        color: #f58026
                }
    }

.checkout .msgAllCart {
        width: 100%;
        background-color: #f54f4f;
        color: #ffffff;
        text-align: center;
        font-weight: 700;
        height: 60px;
        margin-top: -19px;
        transition: all 0.25s;
        opacity: 1;

    }

.checkout .cost {
        display: flex;
        justify-content: space-between;
        font-weight: 700;
        font-size: 1.2rem;
        line-height: 1.4rem;
        margin-bottom: .6em;
        margin-top: 1em;
    }

.checkout .cost .value {
            text-align: right;
        }

.checkout .cost.discount {
        color: #f58026;
    }

.checkout .cost.total {
        margin-top: 0;
    }

.checkout .cost.total hr {
            border-top:solid 1px #1d1c1d;
        }

.checkout .checkout input {
            align-items: center;
            display: inline-flex;
            background-color: transparent;
            color: #1d1c1d;
            padding: 0;
            text-decoration: none;
            border: solid 2px #1d1c1d;
            border-radius: 0px;
            height: 3.8rem;
            margin-top: 1rem;
            margin-bottom: 1rem;
            width: 100%;
            justify-content: center!important;
            font-size: 1.3rem;
            font-family: 'trade-gothic-next', Arial, sans-serif;
            font-weight: 700;
            text-transform: capitalize;

        }

@media (min-width: 768px) {

.checkout .checkout input {
                height: 2.6em;
                font-size: 2rem

        }
                .checkout .checkout input:hover {
                    background-color: #1d1c1d;
                    color: #ffffff;
                }
    }

.checkout .paypal {
        text-align: center;
    }

.checkout .paypal img {
            width: 100%;
            height: auto;
            max-height: none!important;
            margin-bottom: 1rem;
            border:solid 2px #1d1c1d;
        }

@media (min-width: 768px) {
                .checkout .paypal img:hover {
                background-color: #e4e4e4;
                }
    }

.checkout .continue a {
            align-items: center;
            display: inline-flex;
            background-color: transparent;
            color: #1d1c1d;
            padding: 0;
            text-decoration: none;
            border: solid 2px #1d1c1d;
            border-radius: 0px;
            height: 3.5rem;
            margin-bottom: 1rem;
            width: 100%;
            justify-content: center!important;
            font-size: 1.3rem;
            font-family: 'trade-gothic-next', Arial, sans-serif;
            font-weight: 700;
            text-transform: capitalize;
            background-color: #1d1c1d;
            color: #ffffff;
        }

@media (min-width: 768px) {

.checkout .continue a {
                height: 4.5rem;
                font-size: 1.5rem
        }
                .checkout .continue a:hover {
                    background-color: #ffffff;
                    color: #1d1c1d;
                }
    }

.checkout .row {
        
    }

.checkout .row.top {
        background-color: #ffffff;
        padding-top: 90px;
        margin-right: -65px;
        margin-left: -65px;
        padding-right:50px;
        padding-left:50px;
        padding-bottom: 80px;
    }

.checkout .row.bottom {
        margin-right: -65px;
        margin-left: -65px;
        padding-right:0px;
        padding-left:0px;
        margin-top: 20px;
    }

.checkout .row.bottom .title {
            font-size: 1.8rem;
            text-transform: uppercase;
            font-weight: 700;
            margin-top: 1em;
            margin-bottom: 1em;
            text-align:center;
        }

.checkout .row.bottom .leftColumn {
            padding:0px;
            /* border: solid 1px $black; */
            text-align: center;
        }

.checkout .row.bottom .leftColumn .bg {
                margin: 1em 0;
            }

.checkout .row.bottom .leftColumn .bg .wrapper {
                    background-color:#ffffff;
                    padding: 20px 0px 40px;
                }

.checkout .row.bottom .leftColumn .shoe-image {
                max-width: 160px;
            }

@media (min-width: 1200px) {

.checkout .row.bottom .leftColumn .shoe-image {max-width: 220px
            }
    }

.checkout .row.bottom .leftColumn .name {
                /* float: left; */
                /* text-align: left; */
                font-weight: 700;
                font-size: 1.3rem;
            }

.checkout .row.bottom .leftColumn .price {
                /* float: right; */
                /* text-align: right; */
                font-weight: 700;
                font-size: 1.2rem;
            }

.checkout .row.bottom .leftColumn .price .old {
                    font-size: 0.7em;
                    opacity: 0.6;
                    text-decoration: line-through;
                }

.checkout .row.bottom .rightColumn {
            text-align: center;
            padding:0px;
        }

.checkout .row.bottom .rightColumn div {width: 100%;}

.checkout .row.bottom .rightColumn .row {margin: 0;}

.checkout .row.bottom .rightColumn hr {
                border-top: 1px solid #1d1c1d;
            }

.checkout .col-12 {
        padding-left:0;
        padding-right: 0;
    }

@media (min-width: 992px) {

.checkout .col-12 {
            padding-left:15px;
            padding-right: 15px
    }
    }

#zero_results {
    background-color: #f7f7f7;
    padding-bottom: .5em;
}

.zero-results__wrapper {
        max-width: 1340px;
        padding: 25px 34px 30px 22px;
        background-color:#ca0b20;
        color: #ffffff;
        text-align: center;
        
        
    }

.zero-results__header {
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 2rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom:0;
    }

.zero-results__text {
        margin-bottom:0;
    }

.zero-results__link {
        color: #ffffff;
        transition: all 0.25s;
    }

.zero-results__link:hover {
            color:#ffffff;
            opacity: .7;
        }

.zero-results__slide {
        background-repeat: no-repeat;
    }

.zero-results__content {
        text-align:center;
        bottom: 50%;
    }

.zero-results__title {
        color: #ffffff;
        text-align:center;
        margin: 0 auto;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 3em;
        letter-spacing: 1px;
        font-weight: normal;
        text-transform: uppercase;
        
    }

.zero-results__title a {
            color:#ffffff;
        }

.zero-results__tag {
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight:400;
        display: block;
    }

#landing_pages { }

/* LANDING PAGES */

.landing_pages__headline-wrapper {
        display:flex;
        display:block;
        align-items: center;
        justify-content: center;
        min-height: 5rem;
        padding: 10vw 15vw 10vw;
        text-align:center;
    }

@media (min-width: 576px) {

.landing_pages__headline-wrapper {
            padding: 3em 5vw
    }
    }

/* DESIGN A BOOT LANDING PAGE */

/* Landing Page Slider Styles */

.design_a_boot__slide .large-hero__add-text {
            font-size: 1.5rem;
            line-height: 1.2rem;
            margin-bottom: .3em;
            padding-left: 2px;
        }

/* FIX SAFARI & IOS BUG */

@media (min-width: 768px) {

.design_a_boot__slide .large-hero__add-text {
                font-size: 2rem;
                line-height: 1.5rem;
                margin-bottom: .5em
        }
    }

.design_a_boot__slide .large-hero__title {
            font-size: 4.5rem;
            line-height: 3.5rem;
            letter-spacing: 3px;
            margin-bottom:4px;
            margin-left: 1px;
            /* text-shadow: 4px -3px 0px rgba(0,0,0,0.1); */
            padding-left: 6px;
        }

/* FIX SAFARI & IOS BUG */

@media (min-width: 576px) {

.design_a_boot__slide .large-hero__title {
                font-size: 5.5rem;
                line-height:4.5rem
        }
    }

@media (min-width: 768px) {

.design_a_boot__slide .large-hero__title {
                font-size: 7.5rem;
                line-height: 6rem
        }
    }

@media (min-width: 992px) {

.design_a_boot__slide .large-hero__title {
                font-size: 10rem;
                line-height: 8rem
        }
    }

.design_a_boot__slide .large-hero__mobile-btns {
            padding: 0 0 2em 0;
            text-align: center;
        }

/* Landing Page Content Styles */

.design_a_boot__col1 {
        background-color:#784285; 
        margin-bottom: 30px;
        padding:0px;
        background-image: url("/assets/images/design-a-boot/pencils.png");
        /* background-position: bottom -16px left 318px; */
        background-position: bottom -16px center;
        background-repeat:repeat-x;
        background-size:300px;
        min-height: 25em;
    }

@media (min-width: 992px) {

.design_a_boot__col1 {
            min-height: none;
            background-position: bottom -2px left 4rem;
            background-repeat:no-repeat;
            background-size: inherit
    }
    }

.design_a_boot__col2 {
        padding:0px;
    }

@media (min-width: 992px) {

.design_a_boot__col2 {padding-right:0px;padding-left:30px
    }
    }

.design_a_boot__step1 {
        padding-top:0rem;
        height: 100%;
    }

@media (min-width: 992px) {

.design_a_boot__step1 {padding-top:5rem
    }
    }

.design_a_boot__step2 {
        background-color:#9985ba; 
        margin-bottom:30px;
        padding-top:0rem;
        padding-bottom:6rem;
        background-image: url("/assets/images/design-a-boot/lightbulb.png");
        background-position: top -2px right -70px;
        background-repeat:no-repeat;
        background-size:250px;
    }

@media (min-width: 576px) {

.design_a_boot__step2 {
            background-position: top -2px right
    }
    }

@media (min-width: 992px) {

.design_a_boot__step2 {
            padding-top:5rem;
            background-position: top -2px right;
            background-size:20em
    }
    }

.design_a_boot__step3 {
        background-color:#9884bb; 
        margin-bottom: 30px;
        padding-top:0rem;
        padding-bottom:6rem;
        padding-left: 0rem;
        min-height: 25em;


    }

@media (min-width: 576px) {

.design_a_boot__step3 {padding-left: 12rem;min-height: inherit;


    }
    }

@media (min-width: 992px) {

.design_a_boot__step3 {
            padding-left: 6rem;
            padding-top:5rem;


    }
    }

@media (min-width: 1200px) {

.design_a_boot__step3 {padding-left: 9rem;


    }
    }

@media (min-width: 1445px) {

.design_a_boot__step3 {padding-left: 18rem;


    }
    }

.design_a_boot__step3 {

        background-image: url("/assets/images/design-a-boot/computer.png");
        background-position: bottom -2px right -100px;
        background-size:300px;
}

@media (min-width: 576px) {

.design_a_boot__step3 {background-position: bottom -2px left -150px;background-size:350px;


    }
    }

@media (min-width: 768px) {

.design_a_boot__step3 {background-position: bottom -2px left -100px;background-size:300px;


    }
    }

@media (min-width: 992px) {

.design_a_boot__step3 {background-position: bottom -2px left -230px;background-size:inherit;


    }
    }

@media (min-width: 1200px) {

.design_a_boot__step3 {background-position: bottom -2px left -220px;


    }
    }

@media (min-width: 1445px) {

.design_a_boot__step3 {background-position: bottom -2px left -130px;


    }
    }

.design_a_boot__step3 {
        background-repeat:no-repeat;
}

.design_a_boot__step4 {
        background-color:#44abb0; 
        margin-bottom: 30px;
        padding:0px;
        padding-top:0rem;
        padding-bottom:2rem;
    }

.design_a_boot__text {
        color: #ffffff;
        /* width: 30rem; */
        margin-top: 2rem;
        margin-left: 2rem;
        margin-right: 2rem;
    }

@media (min-width: 992px) {

.design_a_boot__text {
            margin-top: 2rem;
            margin-left: 5rem
    }
    }

.design_a_boot__headline {
        font-size: 5.5rem;
        line-height: 5.5rem;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase; 
    }

/* text-shadow: 4px -3px 0px rgba(0,0,0,0.1); */

.design_a_boot__headline sup {
            font-size: .5em;
            top: -.8em;
        }

@media (min-width: 1200px) {

.design_a_boot__headline {
            display:inline-block;
    }
    }

.design_a_boot__headlineDate {
        font-size: 4rem;
        line-height: 4rem;
        
    }

@media (min-width: 768px) {

.design_a_boot__headlineDate {
            font-size: 7rem;
            line-height: 7rem
        
    }
    }

.design_a_boot__sub-headline {
        font-size: 2.2rem;
        line-height: 2.4rem;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase; 
    }

@media (min-width: 1200px) {

.design_a_boot__sub-headline {
            display:inline-block 
    }
    }

@media (min-width: 1200px) {

.design_a_boot__textWrap {
            display:inline-block;
            padding-top: .5rem;
            /* padding-left: 3rem; */
    }
    }

.design_a_boot__textWrap .design_a_boot__copy {
            /* @mixin atXLarge {font-size: 1.5rem;} */
        }

.design_a_boot__copy {
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-size: 1.2rem;
        line-height: 1.4rem;
        margin-bottom: .5rem;
        
        
    }

@media (min-width: 992px) {

.design_a_boot__copy {
            font-size: 1.4rem;
            line-height: 2.4rem;
            margin-bottom: 1rem;
        
        
    }
    }

.design_a_boot__copy strong {font-weight: bold;}

.design_a_boot__eyebrow {
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

/* text-shadow: none; */

@media (min-width: 576px) {

.design_a_boot__eyebrow {
            font-size: 1.5rem;
            line-height: 2rem;
    }
    }

.design_a_boot__eyebrow {
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight:400;
        text-transform: none;
        display:block;
}

.design_a_boot__rule {
        border:solid 1px #7ac5d2;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

.design_a_boot__doc-link {
        display: inline-flex;
        justify-content: center;
        font-size: 2.2rem;
        line-height: 2.4rem;
    }

.design_a_boot__doc-link .btn__icon {
            font-size: 1.7rem;
        }

.design_a_boot__small-doc {
        width: 18%;
        display: inline-block;
        
    }

@media (min-width: 768px) {

.design_a_boot__small-doc {width: 10%
        
    }
    }

/* Home Page centered box section */

.centered_box__design-a-boot {
    background-image: url("/assets/images/design-a-boot/pencils-2.png");
    background-position: bottom -70px center;
    background-repeat:repeat-x;
    background-size:600px;
    min-height: 33em;
    border-bottom: solid 20px #5a2d64;
}

@media (min-width: 576px) {

.centered_box__design-a-boot {min-height: 30em
}
    }

@media (min-width: 768px) {

.centered_box__design-a-boot {min-height: 32em
}
    }

@media (min-width: 1200px) {

.centered_box__design-a-boot {
        background-repeat:no-repeat;
        background-size:1000px;
        min-height: 40em
}
    }

@media (min-width: 1445px) {

.centered_box__design-a-boot {
        background-repeat:no-repeat;
        background-size:1200px;
        min-height: 45em
}
    }

.design_a_boot {
    /* margin: 0px; */
    padding: 3em 3em;

}

/* max-width: inherit; */

.design_a_boot.container {
        text-align:left;
    }

@media (min-width: 992px) {

.design_a_boot.container {max-width: 780px
    }
    }

@media (min-width: 1445px) {

.design_a_boot.container {max-width: 1000px
    }
    }

.design_a_boot .centered-box__add-text {
        font-weight: 400;
        color:#ffffff;
        text-align:left;
        font-size: 1.5rem;
        line-height: 1.2rem;
        margin-bottom: .3em;
        margin-top:0em;
        padding-left: 5px;
    }

/* FIX SAFARI & IOS BUG */

@media (min-width: 768px) {

.design_a_boot .centered-box__add-text {
            font-size: 2rem;
            line-height: 1.5rem;
            margin-bottom: .5em
    }
    }

.design_a_boot .centered-box__text {
        font-weight: 400;
        text-align:left;
        font-size: 1rem;
        line-height: 1.4rem;
        margin-bottom: .5em;
        margin-top:2em;
        padding-left: 5px;
    }

/* FIX SAFARI & IOS BUG */

@media (min-width: 768px) {

.design_a_boot .centered-box__text {
            font-size: 1.2rem;
            line-height: 1.6rem;
            /* margin-bottom: .5em; */
    }
    }

.design_a_boot .centered-box__text br {display:block;}

.design_a_boot .centered-box__headline {
        color: #ffffff;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase;
        text-align:left;
        font-size: 4.5rem;
        line-height: 3.5rem;
        letter-spacing: 3px;
        margin-bottom:4px;
        margin-left: 1px;
        /* text-shadow: 4px -3px 0px rgba(0,0,0,0.1); */
        padding-left: 5px;
    }

/* FIX SAFARI & IOS BUG */

@media (min-width: 576px) {

.design_a_boot .centered-box__headline {
            font-size: 5.2rem;
            line-height:4.5rem
    }
    }

@media (min-width: 768px) {

.design_a_boot .centered-box__headline {
            font-size: 7.5rem;
            line-height: 6rem
    }
    }

@media (min-width: 992px) {

.design_a_boot .centered-box__headline {
            font-size: 8.2rem;
            line-height: 7rem
    }
    }

@media (min-width: 1445px) {

.design_a_boot .centered-box__headline {
            font-size: 11rem;
            line-height: 8rem
    }
    }

.design_a_boot .btn {
        margin-top: 1em;
        
    }

@media (min-width: 576px) {

.design_a_boot__learn-more {text-align: right
    }
    }

/* Home Page centered box section */

.centered_box__testing-machine {
    padding-top:10vh;

}

@media (min-width: 768px) {

.centered_box__testing-machine {
        padding-top:2vh;

}
    }

.centered_box__testing-machine .feature_slider__headline-wrapper {
        /* padding: 10vw 0vw 3vw; */
    }

.centered_box__testing-machine h3 {
        font-size: 10vw;
        line-height: 9vw;

    
        
    }

@media (min-width: 768px) {

.centered_box__testing-machine h3 {
            font-size: 3.8rem;
            line-height: 3.8rem

    
        
    }
    }

@media (min-width: 992px) {

.centered_box__testing-machine h3 {
            font-size: 7vw;
    line-height: 6vw /* 6rem ~ 96px */

    
        
    }
    }

/* Our Impact Landing Page */

.ourimpact__container {
        padding: 0 4em;
        padding-bottom: 2em;
    }

@media (min-width: 992px) {

.ourimpact__container {padding: 2em 4em
    }
    }

@media (min-width: 1200px) {

.ourimpact__container {padding: 0em 4em
    }
    }

.ourimpact__head-wrapper {
        background-repeat: repeat;
        background-position: center;
        /* background-size: cover */
        padding-bottom: 4em;
        background:linear-gradient( rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url(/assets/images/our-impact/cardboard-background.jpg);
    }

@media (min-width: 992px) {

.ourimpact__head-wrapper {
            background:linear-gradient( rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), url(/assets/images/our-impact/cardboard-background.jpg)
    }
    }

.ourimpact__head-section {
        width: 80%;
        padding: .5em;
        padding-top: 80px;
    }

@media (min-width: 992px) {

.ourimpact__head-section {
            width: 45%;
            padding: .5em;
            padding-top: 130px
    }
    }

.ourimpact__icon-top {
        width: 70%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 3em;
        
    }

@media (min-width: 576px) {

.ourimpact__icon-top {
            width: 40%
        
    }
    }

.ourimpact__head-content {
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.5;
        color: #1d1c1d;
        
    }

@media (min-width: 576px) {

.ourimpact__head-content {
            text-align: justify;
            font-size: 1.2rem;
            line-height: 1.7
        
    }
    }

.ourimpact__grey {background-color:#eeeeee;}

.ourimpact__blue {background-color:#9cd1db;}

.ourimpact__white {background-color:#ffffff;}

.ourimpact__green {background-color:#9dbe6b;}

.ourimpact__yellow {background-color:#faf7af;}

.ourimpact__video {}

.ourimpact__icon-large {
        font-size: 180px;
        line-height: 0;
        margin-bottom: .2em;
        display: inline-block;
    }

.ourimpact__text-wrap {
        display:flex;
        align-items: center;
        padding: 0 0em;
    }

@media (min-width: 768px) {

.ourimpact__text-wrap {padding: 0 4em
    }
    }

.ourimpact__title {
        display:flex;
        /* font-size: 5rem; */
        font-size: 10.5vw;
    }

@media (min-width: 992px) {

.ourimpact__title {
            font-size: 5.5vw;
    }
    }

.ourimpact__title {
        line-height: .9;
        text-transform: uppercase;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        margin-bottom: .3em;
        color: #1d1c1d;
}

.ourimpact__subtitle {
        display:flex;
        font-size: 3rem;
        text-transform: uppercase;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        margin-bottom: .3em;
        letter-spacing:1px;
    }

.ourimpact__logo {
        display:flex;
        display:block;
        margin-bottom: .8em;
    }

.ourimpact__text {
        display:flex;
        font-size: 1.2rem;
        line-height: 2rem;
        font-weight: 300;
        padding-bottom: .1em;
    }

/* Our Impact 2021 update */

.ourimpact__container {
        padding: 0 0em;
        padding-bottom: 2em;
    }

@media (min-width: 992px) {

.ourimpact__container {padding: 2em 0em
    }
    }

@media (min-width: 1200px) {

.ourimpact__container {padding: 0em 0em
    }
    }

.ourimpact__container-two {
        padding: 0 1em;
        padding-bottom: 2em;
    }

@media (min-width: 768px) {

.ourimpact__container-two {padding: 2em 5em
    }
    }

@media (min-width: 992px) {

.ourimpact__container-two {padding: 2em 5em
    }
    }

@media (min-width: 1200px) {

.ourimpact__container-two {padding: 0em 5em
    }
    }

.ourimpact__head-wrapper {
        background-repeat: repeat;
        background-position: center;
        /* background-size: cover */
        padding-bottom: 4em;
        background: #c8edf6;
    }

.ourimpact__head-section {
        width: 93%;
        padding: .5em;
        padding-top: 100px;
    }

@media (min-width: 992px) {

.ourimpact__head-section {
            width: 93%;
            padding: .5em;
            padding-top: 180px
    }
    }

.ourimpact__icon-top {
        width: 100%;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 0;
    }

@media (min-width: 576px) {

.ourimpact__icon-top {
            width: 100%;
            padding:15px
    }
    }

.ourimpact__icon-top-drop {
        margin-top: -1em;
        margin-bottom: 2em;
    }

@media (min-width: 768px) {

.ourimpact__icon-top-drop {margin-top: 5em; margin-bottom:0
    }
    }

.ourimpact__icon-top-rise {
        margin-top: -5em;
    }

.ourimpact__head-content {
        font-weight: 300;
        font-size: 1rem;
        line-height: 1.5;
        color: #1d1c1d;
    }

@media (min-width: 576px) {

.ourimpact__head-content {
            text-align: justify;
            font-size: 1.2rem;
            line-height: 1.7
    }
    }

.ourimpact__video {
        width: 60%;
        margin-bottom: 2em;
    }

@media (min-width: 768px) {

.ourimpact__video {margin-bottom:0
    }
    }

.ourimpact__subtitle {
        font-size: 1.5rem;
        font-weight: 700;
        text-transform: none;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        margin-bottom: .3em;
        letter-spacing:0px;
        padding-left:0em;
        padding-right:0em;
    }

@media (min-width: 768px) {

.ourimpact__subtitle {
            padding-left:0em;
            padding-right:0em
    }
    }

.ourimpact__text {
        display:flex;
        font-size: 1.2rem;
        line-height: 2rem;
        font-weight: 300;
        padding-bottom: .1em;
        text-align: justify;
    }

.ourimpact__text-right {
        padding-left:0em;
        padding-right:0em;
    }

@media (min-width: 768px) {

.ourimpact__text-right {
            padding-left:0em;
            padding-right:7em
    }
    }

.landing_pagesII {
    background-color:#f7f7f7;
}

.landing_pagesII__container {
        max-width: 1400px;
        padding: 0 20px;
    }

.landing_pagesII__container.swiper-container {
            padding-top:0;
        }

.landing_pagesII__wrapper {
        background-color:#ffffff; 
        padding: 2em 2em;
        text-align: center;
        margin: 1em 0em;
        
    }

@media (min-width: 576px) {

.landing_pagesII__wrapper {
            padding: 2em 2em;
            margin: 1em 2em
        
    }
    }

@media (min-width: 992px) {

.landing_pagesII__wrapper {
            margin:0;
            padding: 2em 4em
        
    }
    }

.landing_pagesII__wrapper-shoe {
        background-color:#ffffff; 
        padding: 2em 0em;
        text-align: center;
        margin-bottom: 2em;
        /* margin: 1em 2em;
        @mixin atLarge {
            margin:0;
            margin-bottom: 2em;
        } */
    }

@media (min-width: 576px) {

.landing_pagesII__wrapper-shoe {
            padding: 2em 2em
    }
    }

.landing_pagesII__box {
        width: 100%;
    }

.landing_pagesII__boxes-headline {
        text-transform: uppercase;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 2rem;
        letter-spacing: .02em;
    }

.landing_pagesII__boxes-text {
        font-weight: 900;
        font-size: 1.2rem;
    }

.landing_pagesII__step4 {
        margin-bottom: 0px;
        padding: 0px;
        padding-top: 0rem;
        padding-bottom: 2rem;
    }

.landing_pagesII__text {
        display:flex;
        align-items: center;
        font-size: 1.2rem;
        line-height: 2rem;
        font-weight: 300;
        padding-bottom: .1em;

        color: #ffffff;
        /* width: 30rem; */
        margin-top: 2rem;
        margin-left: 0;
        margin-right: 0;
    }

@media (min-width: 992px) {

.landing_pagesII__text {
            /* margin-top: 2rem; */
            /* margin-left: 5rem; */
    }
    }

.landing_pagesII__text-icon {
        display: none;
        text-align: right;
    }

@media (min-width: 1200px) {

.landing_pagesII__text-icon {
            display:block;
    }
    }

.landing_pagesII__text-icon img {
            width: 60%;
        }

.landing_pagesII__container .best_sellers_slider__slide-category {
            font-size: 1.2rem;
            line-height: 1.5rem;
        }

@media (min-width: 992px) {

.landing_pagesII__container .best_sellers_slider__slide-category {
                font-size: 1.2rem;
                line-height: 1.5rem
        }
    }

.landing_pagesII__container .best_sellers_slider__slide-headline {
            font-size: 1.6rem;
            line-height: 2rem;
            min-height: 4rem;
        }

@media (min-width: 576px) {

.landing_pagesII__container .best_sellers_slider__slide-headline {
                font-size: 1.5rem;
                line-height: 1.5rem
        }
    }

@media (min-width: 1200px) {

.landing_pagesII__container .best_sellers_slider__slide-headline {
                font-size: 1.8rem;
                line-height: 1.5rem;
                min-height: inherit
        }
    }

.landing_pagesII__container .swiper-pagination {
        bottom: 20px!important;
    }

/* Design a Boot -- FORM */

.designBoot_form__container {
        padding: 0 0 2em 0;
    }

.designBoot_form__container .col-12 {
            margin-top: 30px;
        }

.designBoot_form__container img {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

.designBoot_form__container span {
            display: inline-block;
            font-size: 1.3rem;
            line-height: 1.5rem;
            /* margin-bottom: 2em; */
        }

.designBoot_form__container input[type="radio"] {
            margin-left: 20px;
            margin-right: 10px;
            margin-bottom: 10px;
            float: left;
            margin-top: 5px;
            padding: 0px;
            -webkit-appearance:radio;
        }

.designBoot_form__container .btn {
            font-family: 'bogs_headlineregular', Arial, sans-serif;
            font-size: 2rem;
            letter-spacing: 1px;
            margin-top:1.5rem;
        }

.designBoot_form__subhead {
        display: block;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 3rem;
        line-height: 3rem;
        margin-bottom: .5em;
    }

/* Gets rid of the comments text that pops up after submitting */

#qp_rb_2887212, #qp_rb_2887458, #qp_rb_3175752, #qp_rb_3176263, #qp_rb_3704171, #qp_rb_3704189 {display:none;}

/* Warm Guide */

.warmguide__hero {
        background-image: url('/assets/images/landing-pages/warm-guide/bogsquatch-snow.png'),
                          url('/assets/images/landing-pages/warm-guide/bogsquatch-trees.png'),  
                          url('/assets/images/landing-pages/warm-guide/slider-background.jpg');
        background-size: cover, cover, cover;
        background-position: 24% 113vh, 24% 113vh, center;

    }

@media (min-width: 576px) {

.warmguide__hero {
            background-size: cover, cover, cover;
            background-position: center, center, center

    }
    }

@media (min-width: 576px) {

.warmguide__hero-text {
            width:45%;
            padding-bottom:20vh;
    }
    }

.warmguide__hero-text .large-hero__add-text {margin-bottom: 0px;color: #ec6643;}

.warmguide__hero-text .large-hero__title {margin-top: 0px;color: #ec6643;}

@media (min-width: 768px) {

.warmguide__hero-text .large-hero__title {font-size: 6.5vw}
    }

.warmguide__hero-text .large-hero__button {color: #ec6643;font-size: 2.2rem;}

@media (min-width: 768px) {

.warmguide__hero-text .large-hero__button {font-size: 3rem}
    }

.warmguide__offer-ends {
        position: absolute;
        
        width: 100%;
        /* text-align: center; */
        bottom:-13px;
        left: 24vw;

    }

@media (min-width: 576px) {

.warmguide__offer-ends {
            width: initial;
            bottom:0;
            left: initial;
            right:20px

    }
    }

.warmguide__container {
        padding: 2.5em 2em;
        padding-bottom: 6em;
        margin-bottom:250px;
        position: relative;
        /* background-color: #78b8a6; */
        /* @mixin atXLarge {background-size: 80%;} */

    }

@media (min-width: 1200px) {

.warmguide__container {
            padding: 2.5em 10vw;
            padding-bottom: 6em;
            margin-bottom:250px

    }
    }

.warmguide__container {
        background: #78b8a6 url("/assets/images/landing-pages/warm-guide/trail.png") no-repeat top;

        background-size: 300% 100%;
}

/* background-image: url("/assets/images/landing-pages/warm-guide/trail.png"); */

@media (min-width: 768px) {

.warmguide__container {background-size: 100% 100%

    }
    }

.warmguide__wrap {
        padding: 2.5em 0em;
        position: relative;
        /* background-color: blue; */
        
    }

.warmguide__text-wrap {
        color: #ffffff;
        /* background-color: green; */
        /* max-width: 400px; */

    }

@media (min-width: 768px) {

.warmguide__centered {
            text-align: center;
            max-width: 800px;
            margin: 0 auto
    }
            .warmguide__centered .warmguide__text {
                padding: 0;
                max-width: 735px;
            }
    }

.warmguide__subtitle {
        font-size: 3rem;
        text-transform: uppercase;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        margin-bottom: .3em;
        letter-spacing: 1px;
        padding-left: 1.3em;
        text-indent:-1.3em;
        position: relative;
    }

/* background-color: red; */

.warmguide__subtitle span {
            color: #b8e0d4;
            padding-right: .2em;
        }

.warmguide__text {
        font-size: 1.5rem;
        line-height: 2.3rem;
        font-weight: 300;
        -webkit-hyphens: auto;
            -ms-hyphens: auto;
                hyphens: auto;
        padding: 0 2.5em;
        max-width: 610px;
    }

/* background-color: pink; */

.warmguide__text span {
            font-weight: 700;
        }

.warmguide__icon {
        position: absolute;
        /* top:0;
        right: 0; */
        width: 8em;
    }

.warmguide__icon img {
            /* max-width: inherit; */
        }

.warmguide__icon-01 {
        left: 10px; 
        top: -40px;
    }

@media (min-width: 768px) {

.warmguide__icon-01 {
            left:inherit;
            top:13px;
            text-align:center;
            width:100%;
            padding-left:680px
    }
    }

.warmguide__icon-02 {
        left: 10px; 
        top: -40px;
    }

@media (min-width: 768px) {

.warmguide__icon-02 {
            left: 320px; 
            top: -25px
    }
    }

.warmguide__icon-03 {
        left: 10px; 
        top: -40px;
    }

@media (min-width: 768px) {

.warmguide__icon-03 {
            left:inherit;
            right: 5%; 
            top: -70px
    }
    }

@media (min-width: 1200px) {

.warmguide__icon-03 {
            left: 400px;
            right: inherit
    }
    }

.warmguide__icon-04 {
        left: 10px; 
        top: -40px;
    }

@media (min-width: 768px) {

.warmguide__icon-04 {
            left: 300px; 
            top: -60px;
    }
    }

@media (min-width: 1200px) {

.warmguide__icon-04 {
            left: 380px; 
            top: -66px;
    }
    }

@media (min-width: 1349px) {

.warmguide__icon-04 {
            left: 435px; 
            top: -30px
    }
        }

.warmguide__icon-05 {
        left: 10px; 
        top: -40px;
    }

@media (min-width: 768px) {

.warmguide__icon-05 {
            left:inherit;
            right: 5%; 
            top: -30px
    }
    }

@media (min-width: 1200px) {

.warmguide__icon-05 {
            left: 360px;
            right: inherit
    }
    }

.warmguide__bogsquatch {
        position: absolute;
        bottom:-247px;
        margin-left: -2em;
        text-align:center;
        width:100%;

    }

.warmguide__bogsquatch img {max-width: 320px;}

@media (min-width: 768px) {

.warmguide__bogsquatch {
            bottom:-196px;
    }
    }

@media (min-width: 1200px) {

.warmguide__bogsquatch {
            bottom:-200px;
            margin-left: -10vw;
    }
    }

/* Gift Guide 2020 */

.gift-guide-2020 {
    background-color:#6c7c86;
    background-image: url('/assets/images/landing-pages/gift-guide/GiftGuide-sliderMobile.gif');
    background-repeat: no-repeat;
    background-position: top center; 
    background-size: 100% auto;

}

@media (min-width: 992px) {

.gift-guide-2020 {
        background-image: url('/assets/images/landing-pages/gift-guide/GiftGuide-sliderNoText.gif');
        background-position: center center; 
        background-size:cover

}
    }

/* Free SHipping Graphic */

.free_shipping_home {
    padding-top:50px;
    padding-bottom:50px;
    display:flex;
    
    flex-direction: column;
}

@media (min-width: 992px) {

.free_shipping_home {
        padding-top:100px;
        padding-bottom:100px;
        justify-content: center;
        flex-direction: row;
}
    }

.free_shipping_home--boxes {
        display:flex;
        justify-content: center;
    }

.free_shipping_home--box {
        position: relative;
        margin-left:10px;
        margin-right:10px;
    }

@media (min-width: 992px) {

.free_shipping_home--box {margin-left:0px;margin-right:20px
    }
    }

.free_shipping_home--box-image {
        /* position: absolute; */
        width: 100px;
        height: auto;
    }

@media only screen and (max-width: 336px) {

.free_shipping_home--box-image {
            width: 100%
    }
        }

@media (min-width: 992px) {

.free_shipping_home--box-image {
            width: 185px;
            height: auto;
    }
    }

.free_shipping_home--box-text {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }

.free_shipping_home--box-text div {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

.free_shipping_home--box-text div > div {
            }

.free_shipping_home--box-text {
        padding-top:6px;
        padding-bottom:6px;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        color:#ffffff;
}

@media (min-width: 992px) {

.free_shipping_home--box-text {
            padding-top:20px;
            padding-bottom:20px;
    }
    }

.free_shipping_home--box-top{
        font-size: .7rem;
        line-height: .7rem;
    }

@media only screen and (max-width: 336px) {

.free_shipping_home--box-top{
            font-size: 4vw;
            line-height:4vw
    }
        }

@media (min-width: 992px) {

.free_shipping_home--box-top {
            font-size: 1.3rem;
            line-height: 1.4rem;
    }
    }

.free_shipping_home--box-middle{
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 5rem;
        line-height:4rem;
    }

@media only screen and (max-width: 336px) {

.free_shipping_home--box-middle{
            font-size: 18vw;
            line-height:15vw
    }
        }

@media (min-width: 992px) {

.free_shipping_home--box-middle {
            font-size: 8.5rem;
            line-height:8rem;
    }
    }

.free_shipping_home--box-bottom{
        text-transform: uppercase;
        font-size: .7rem;
        line-height: .7rem;

    }

@media only screen and (max-width: 336px) {

.free_shipping_home--box-bottom{
            font-size: 4vw;
            line-height:5vw

    }
        }

@media (min-width: 992px) {

.free_shipping_home--box-bottom {
            font-size: 1.3rem;
            line-height: 1.4rem;
    }
    }

.free_shipping_home--text {
        color:#ffffff;
        
        display:flex;
        justify-content: center;
        
    }

.free_shipping_home--text > div {
            
            width:330px;
        }

@media (min-width: 992px) {

.free_shipping_home--text > div {
                width:100%
        }
    }

@media (min-width: 992px) {

.free_shipping_home--text {
            padding-right: 50px;
            /* padding-bottom:1em; */
            align-items: flex-end;
    }
    }

.free_shipping_home--text .get-boots {
            position: relative;
            font-size: 1rem;
            padding-left: 4px;
        }

/* for tiny phones */

@media only screen and (max-width: 336px) {

.free_shipping_home--text .get-boots {
                padding: 0px 10px
        }
            }

@media (min-width: 992px) {

.free_shipping_home--text .get-boots {
                font-size: 1.5rem;
                padding-left:0px;
    }
    }

.free_shipping_home--text .order-by {
            position: relative;
            font-size: 1rem;
            text-align: right;
            margin-bottom: 1rem;
        }

/* for tiny phones */

@media only screen and (max-width: 336px) {

.free_shipping_home--text .order-by {
                padding: 0px 10px
        }
            }

@media (min-width: 992px) {

.free_shipping_home--text .order-by {
                font-size: 1.5rem;
                padding-left:0px;
                margin-bottom: 0rem;
    }
    }

.free_shipping_home--text .in-time {
            text-align: center;
            font-family: 'bogs_headlineregular', Arial, sans-serif;
            font-size: 2.8rem;
            line-height: 2.8rem;
            margin-bottom: 0px;
            
        }

/* for tiny phones */

@media only screen and (max-width: 336px) {

.free_shipping_home--text .in-time {
                font-size: 13vw;
                line-height: 2rem;
                text-align: left;
                padding: 0px 10px
            
        }
            }

@media (min-width: 992px) {

.free_shipping_home--text .in-time {
                text-align:left;
                font-size: 4rem;
                line-height:3rem;
    }
    }

@media (min-width: 1445px) {

.free_shipping_home--text .in-time {
                font-size:5rem;
                line-height:4rem;
    }
    }

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

.free_shipping_home--text .in-time {
                /* font-size: 2.6rem; */
                font-size: 4.2vw;
                line-height:3rem
            
        }
            }

.free_shipping_home--text i {
            font-size: 5rem;
            display: inline;
            
            line-height: 0;
            position: absolute;
            right: 6px;
            bottom: -16px;

            /* @mixin atLarge {display:none} */



        }

@media (min-width: 576px) {

.free_shipping_home--text i {
                bottom: -16px;



        }
    }

@media (min-width: 992px) {

.free_shipping_home--text i {
                font-size: 10rem;



        }
    }

@media (min-width: 1445px) {

.free_shipping_home--text i {
                font-size: 12rem;
                right: 0;
                bottom: -55px;



        }
    }

.free_shipping_home--text i:before {
                padding: 0;
                margin:0;
            }

@media (min-width: 1445px) {

.free_shipping_home--text i {
                display: inline;
                font-size:15rem;
    }
    }

/* REVIEWS SLIDER (should make a scss file for this...)*/

#review_slider .swiper-container {
        padding: 30px 0px;
    }

#review_slider .swiper-pagination-bullets {
        bottom: 0px!important;
    }

/* Roots Landing Page */

.roots__container {
        max-width: 1400px;
        padding-bottom: 1em;
    }

.roots__hero-coloured-bar {
       background-color: #a1e3c8;
       /* box-shadow: 0px -200px 50px -11px rgba(0,0,0,0.15), inset 0px 0px 8px 0px rgba(0,0,0,0.3); */
       box-shadow: inset 0px 8px 8px 0px rgba(0,0,0,0.06);
       min-height: 25%;
       min-width: 130%;
       position: absolute;
       bottom:0;
   }

@media (min-width: 576px) {

.roots__hero-coloured-bar {min-height: 40%
   }
    }

@media (min-width: 768px) {

.roots__hero-coloured-bar {min-height: 40%
   }
    }

@media (min-width: 992px) {

.roots__hero-coloured-bar {min-height: 37%
   }
    }

@media (min-width: 1200px) {

.roots__hero-coloured-bar {min-height: 35%
   }
    }

@media (min-width: 1445px) {

.roots__hero-coloured-bar {min-height: 33%
   }
    }

@media (min-width: 1900px) {

.roots__hero-coloured-bar {min-height: 29%
   }
    }

.roots__hero-image {
       bottom:15%;
       position: absolute;
   }

@media (min-width: 576px) {

.roots__hero-image {
           position: relative;
           bottom:inherit
   }
    }

.roots__hero-mobile-btns {
        bottom:12%;
        position: absolute;
        padding: 0 15vw;
   }

.roots__large-hero-title {
       padding-top: 50px;
   }

@media (min-width: 576px) {

.roots__large-hero-title {padding-top: 0px
   }
    }

.roots__content-header {
    font-size: 2.4rem;
    line-height: 2.7rem;

   }

@media (min-width: 1200px) {

.roots__content-header {
        font-size: 3.2rem;
        line-height: 3.4rem

   }
    }

.roots__subheadline {
       padding-top: 40px;
       text-align: justify; 
       -moz-text-align-last: center; 
            text-align-last: center;
       font-size: 1.2rem;
       line-height: 2rem;
       font-weight: 300;
       max-width: 1100px;
   }

@media (min-width: 768px) {

.roots__subheadline {text-align: center
   }
    }

.roots__best-sellers-icon {
       width: 40%;
       position: absolute;
       top:20%;
       right:10%;
   }

.roots__shoes-row {
    padding-top: 4em;
    padding-bottom: 6em;
    padding: 0 5vw;
    }

@media (min-width: 992px) {

.roots__shoes-row {
        padding-bottom: 4em;
        padding:inherit
    }
    }

.roots__shoe-row-container {
        padding-top: 3em;
        padding-bottom: 3em;
    }

.roots__shoes-boot {
        text-align: center;
    }

.roots__shoes-boot-name {
        text-align: left;
        font-size: 1rem;
        padding-bottom: 2em;
    }

@media (min-width: 992px) {

.roots__shoes-boot-name {
            padding-left: 2em;
            margin-top: -1em;
            padding-bottom:inherit
    }
    }

.roots__shoes-header {
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform:uppercase;
        font-size: 2rem;
        letter-spacing:1px;
    }

.btn--roots {color:#58a89f!important;}

.text-roots-blue {color:#343f54;}

/* SMS Landing page */

.sms__title {
        color: #ffffff;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 8vw; 
        line-height: 7.5vw; 
        padding-left: 6px; /* FIX SAFARI & IOS BUG */
        margin-top: 0px;
        margin-bottom: 10px;
    }

@media (min-width: 576px) {

.sms__title {
            font-size: 7vw; /* 7rem  ~ 112px */
            line-height: 6vw /* 6rem ~ 96px */
    }
    }

.sms__topText{
        margin-bottom: 10px;
        font-size: 1.5rem;
        line-height: 1.3em;
        font-size: 3vw; 
        line-height: 4vw; 
        font-weight: 200;  
        padding-left: 8px;
    }

.sms__topText strong {
            font-weight: bold;
        }

.sms__topText br {
            display: none;
        }

@media (min-width: 768px) {

.sms__topText br {display:inline-block
        }
    }

@media (min-width: 768px) {

.sms__topText {
            padding-left: 15px;
    }
    }

@media (min-width: 768px) {

.sms__topText {
            font-size: 2vw; 
            line-height: 2vw;
    }
    }

.sms__textWrapper {
        margin: 0;
        position: absolute;
        max-width: 48%;
        top: 50%;
        transform: translateY(-50%);
        right:0%;
        text-align:left;
    }

@media (min-width: 576px) {

.sms__textWrapper {
            max-width: 50%;
            top: 50%;
            transform: translateY(-50%)
    }
    }

.sms__headline-wrapper {
        display:flex;
        display:block;
        align-items: center;
        justify-content: center;
        min-height: 5rem;
        padding: 10vw 10vw 10vw;
        text-align:center;
    }

@media (min-width: 576px) {

.sms__headline-wrapper {
            padding: 3em 5vw
    }
    }

.sms__icon {
        display: flex;
        justify-content: center;
        margin-top: 0em;
       
    }

@media (min-width: 768px) {

.sms__icon {justify-content: flex-end;margin-top:0
       
    }
    }

.sms__icon i {
        font-size: 6rem;
        opacity: 1;
        cursor: pointer;
        color: #ffffff;
        width: 100%;
        height: auto;
        
    }

@media (min-width: 576px) {

.sms__icon i {font-size: 6rem;
        
    }
    }

@media (min-width: 1200px) {

.sms__icon i {font-size: 8rem;
        
    }
    }

.sms__icon i:hover {
            opacity: .5;
        }

.sms--email-field {
        margin-right: 0px;
        border:none;
        border-bottom: solid 2px #ffffff;
        border-radius: 0px;
        color: #ffffff;
        background-color: transparent;
        padding-left: 0px;
        
        
        width: 100%;
        padding: 5px;
        padding-bottom:2px;
        font-family: 'trade-gothic-next', Arial, sans-serif;
        font-weight: 300;
        font-size: 1rem;
        text-transform: inherit;
       
    }

.sms--email-field::-moz-placeholder {
            color: #ffffff;
        }

.sms--email-field:-ms-input-placeholder {
            color: #ffffff;
        }

.sms--email-field::placeholder {
            color: #ffffff;
        }

@media (min-width: 768px) {

.sms--email-field {
            /* width: 66%; */
            font-size: 1.2rem;
            padding-left: 0px;
    }
    }

.sms--email-btn {
        line-height: 0;
        cursor: pointer;
        font-size: 1.4rem;
        color: #ffffff;
        /* margin-left: .9em; */
        margin-left: 0;
        margin-top:14px;
    }

@media (min-width: 768px) {

.sms--email-btn {
            font-size: 1.8rem;
            /* margin-right: 1.8em; */
    }
    }

@media (min-width: 992px) {

.sms--email-btn {
            margin-left: .9em;
    }
    }

.sms--email-btn i.btn__icon {
            font-size:1rem;
            margin-top: -1px;
        }

@media (min-width: 992px) {

.sms--email-btn i.btn__icon {
                font-size:1.4rem;
                margin-top: -2px
        }
    }

.sms--email-btn:hover {color: #ffffff;}

.sms__subheadline {
        padding-top: 20px;
        text-align: left; 
        padding-left: 0;
        padding-right: 0;
        /* text-align-last: center; */
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 300;
        margin-bottom: 2em;
    }

@media (min-width: 576px) {

.sms__subheadline {
            padding-left: 6%;
            padding-right: 6%
    }
    }

@media (min-width: 768px) {

.sms__subheadline {
            font-size: 1.3rem;
            line-height: 2rem
    }
    }

.newLanding__header {
        background-color:#ffffff;
        /* background-image: url('/assets/images/landing-pages/gift-guide/GiftGuide-sliderMobile.gif'); */
        /* background-repeat: no-repeat; */
        /* background-position: top center;  */
        /* background-size: 100% auto; */
        margin-top: 70px;
    }

@media (min-width: 992px) {

.newLanding__header {
            /* background-image: url('/assets/images/landing-pages/gift-guide/GiftGuide-sliderNoText.gif'); */
            /* background-position: center center;  */
            /* background-size:cover; */
            margin-top: 120px
    }
    }

.newLanding__textWrapper--middle {
            margin: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            padding-left:10%;
        }

.newLanding__textWrapper--right {
            margin: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right:0%;
            text-align:center;
            max-width: 100%;
        }

@media (min-width: 992px) {

.newLanding__textWrapper--right {max-width: 50%
        }
    }

.newLanding__textWrapper--rightLeft {
            margin: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right:0%;
            text-align:left;
            max-width: 100%;
        }

@media (min-width: 992px) {

.newLanding__textWrapper--rightLeft {
                max-width: 40%;
                text-align:left
        }
    }

.newLanding__textWrapper--rightLeftTop {
            margin: 0;
            position: absolute;
            max-width: 65%;
            top: 25%;
            transform: translateY(-25%);
            right:0%;
            text-align:left;
        }

@media (min-width: 576px) {

.newLanding__textWrapper--rightLeftTop {
                max-width: 55%;
                top: 25%;
                transform: translateY(-25%)
        }
    }

.newLanding__logo--img {
        margin-top: -1%;
        width: 40%;
    }

@media (min-width: 576px) {

.newLanding__logo--img {
            width: 25%
    }
    }

@media (min-width: 992px) {

.newLanding__logo--img {
            width: 40%
    }
    }

@media (min-width: 1200px) {

.newLanding__logo--img {
            width: 40%
    }
    }

.newLanding__giftCard {
        width: 25%;
        margin-bottom: 15px;
    }

@media (min-width: 576px) {

.newLanding__giftCard {
            width: 20%
    }
    }

@media (min-width: 992px) {

.newLanding__giftCard {
            width: 10%
    }
    }

@media (min-width: 1200px) {

.newLanding__giftCard {
            width: 12%
    }
    }

.newLanding__topText {
        font-size: 1.3rem;
        line-height: 1em;
        margin-bottom: 10px;
    }

.newLanding__topText--01 {
            font-size: 1.5rem;
                line-height: 1.3em;

           
           
        }

.newLanding__topText--02 {
            font-size: 1.8rem;
            line-height: 1em;
           
        }

@media (min-width: 576px) {

.newLanding__topText--02 {
                font-size: 1.8rem;
                line-height: 1em
           
        }
    }

@media (min-width: 992px) {

.newLanding__topText--02 {
                font-size: 2.4rem;
                line-height: 1em
           
        }
    }

.newLanding__title {
        color: #ffffff;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        text-transform: uppercase;
        font-size: 10vw; 
        line-height: 11vw; 
        padding-left: 6px; /* FIX SAFARI & IOS BUG */
        margin-top: 0px;
        margin-bottom: 10px;
    }

@media (min-width: 992px) {

.newLanding__title {
            font-size: 7vw; /* 7rem  ~ 112px */
            line-height: 6vw; /* 6rem ~ 96px */
    }
    }

.newLanding__title--1 {
            font-size: 13vw; 
            line-height: 12vw; 
            letter-spacing: 1px;
            padding-left:0px;
        }

@media (min-width: 576px) {

.newLanding__title--1 {
                font-size: 8vw;
                line-height: 7vw
        }
    }

@media (min-width: 992px) {

.newLanding__title--1 {
                font-size: 4.5vw;
                line-height: 4vw
        }
    }

.newLanding__title--2 {
            font-size: 15vw; 
            line-height: 14vw;
        }

@media (min-width: 576px) {

.newLanding__title--2 {
                font-size: 10vw;
                line-height: 8vw
        }
    }

.newLanding__reviews {
        background-color: #f7f7f7;
        padding: 4em 0 1em 0;
    }

@media (min-width: 992px) {

.newLanding__reviews {padding: 6em 0 3em 0
    }
    }

.newLanding__review-container {
        max-width: 1390px;
        padding: 0px 15px;
    }

.newLanding__review-tab {
        width: 33.33%;
        text-align: center;
        border-bottom: solid 2px #e9e5e5;
        
    }

.newLanding__review-tab img {
            width: 100%; /* Safari 6.0 - 9.0 */
        }

@media (min-width: 992px) {

.newLanding__review-tab img {width: 60%;
        }
    }

.newLanding__review-tab img {
            opacity: .2;
            filter: grayscale(100%);
}

.newLanding__review-tab.active {
            border-bottom: solid 2px #959393;

        }

.newLanding__review-tab.active img {
                opacity: 1 !important; /* Safari 6.0 - 9.0 */
                filter: grayscale(0%);
            }

.newLanding__slide-wrapper {
        padding: 3em 20px 6em;
    }

@media (min-width: 992px) {

.newLanding__slide-wrapper {padding: 3em 25% 6em;
    }
    }

.newLanding__slide-wrapper {
        text-align: center;
}

.newLanding__quote {
        font-size: 1.5rem;
    }

@media (min-width: 992px) {

.newLanding__quote {font-size: 1.8rem;
    }
    }

.newLanding__quote {
        font-weight: 100;
}

.newLanding__quote2 {
        font-size: 1.2rem;
    }

@media (min-width: 992px) {

.newLanding__quote2 {font-size: 1.2rem;
    }
    }

.newLanding__quote2 {
        font-weight: 500;
}

.newLanding__image-slider {

    }

.newLanding__best-sellers .best_sellers_slider__slide-category {
            color: #000000;
            font-size:1rem;
            line-height:1em;
            font-weight: 100;

        }

.newLanding__best-sellers .best_sellers_slider__slide-headline {
            color: #000000;
            font-size:1.2rem;
        }

@media (min-width: 992px) {

.newLanding__best-seller-slider {padding: 0 10%
    }
    }

.newLanding__best-seller-slide {
        padding: 0 0vw
    }

.newLanding__largeImage {
        position: relative;
    }

.newLanding__best-seller-headline-wrapper {
        min-height: 5rem;
        padding: 5vw 0vw;
        
        position:absolute;
        bottom: 0;
        z-index:2;
        width:100%;
    }

@media (min-width: 992px) {

.newLanding__best-seller-headline-wrapper {
            padding: 6em 5vw
    }
    }

.newLanding__best-seller-headline {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

@media (min-width: 768px) {

.newLanding__best-seller-headline {
            font-size:3.2rem;
            line-height:3.2rem
    }
    }

@media (min-width: 992px) {

.newLanding__best-seller-headline {
            font-size: 6rem;
            line-height: 6rem
    }
    }

.newLanding__detail#detail_view {
            padding-top: 50px;
            background-color:#ffffff;
        }

.newLanding__detail-title {
        text-transform: uppercase;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        color:#1d1c1d;
        font-size: 1.6rem;
        line-height: 1;
        letter-spacing: .5px;
        margin-bottom: 0;
    }

@media (min-width: 768px) {
    }

.newLanding__detail-category {
        font-family: 'trade-gothic-next', Arial, sans-serif;
        text-transform: none;
        font-size: .9rem;
        letter-spacing: 0;
        display: block;
        font-weight: 400;
        padding-top: .4em;
    }

.newLanding__detail-review {
        padding: 0px 0px 10px;
    }

.newLanding__detail-price {
        text-transform: uppercase;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        font-size: 1.6rem;
        line-height: 1;
        letter-spacing: .5px;
        margin-bottom: 0;
        text-align: right;
    }

.newLanding__detail-price--old {
          font-size: 0.9em;
          margin-right: 0.5em;
          opacity: 0.6;
          text-decoration: line-through;
        }

@media (min-width: 768px) {

.newLanding__detail-price--old {
            font-size: 1rem
        }
    }

@media (min-width: 768px) {

.newLanding__detail-price {
          font-size: 1.5rem;
          line-height: 1.5;
          margin-top: -.2em;
    }
    }

.newLanding__detail-afterpay-icon {
        font-size: 1.2rem;
        
    }

@media (min-width: 992px) {

.newLanding__detail-afterpay-content {
          background-color: rgba(0, 0, 0, 0.05);
          padding: 0px 10px
    }
    }

.newLanding__detail-section-content {
        font-size: .9rem;
        line-height: 2em;
        font-weight: 400;
        
    }

.newLanding__detail-section-content ul {
          padding:0;
          margin:0;
          padding-left: 1.1em;
        }

.newLanding__detail-section-content ul li {
            padding:0;
            margin:0;
          }

.newLanding__detail-purchase {
        width: 100%;
        /* @mixin atSmall {width:41.666667%;} */
        /* padding: 0px 30px;
            @mixin atSmall {padding: 30px 0px 0px 30px;} */
    
        padding: 20px 10px 3.5em;
    }

@media (min-width: 576px) {

.newLanding__detail-purchase {
          padding: 30px 0px 3.5em 20px
    }
    }

@media (min-width: 992px) {

.newLanding__detail-purchase {
          padding: 0px 0px 3.5em 30px
    }
    }

.newLanding__detail-text {
        margin-top: 4px;
        margin-bottom: 5px;
        font-size: .9rem;
    }

.newLanding__detail-color {
        font-size: .9rem;
    }

.newLanding__detail-colors {
        padding-left: 10px;
        width: 100%;
    }

.newLanding__detail-bullet {
        display: inline-block;
        border-radius: 100%;
        width: 28px;
        height: 28px;
        margin: 5px 3px 5px !important;
        border: solid 9px;
        cursor: pointer;
        transition: background-color 0.25s;
    }

@media (min-width: 992px) {
    }

@media (min-width: 768px) {

.newLanding__detail-bullet:hover {
          background-color: #ffffff !important
    }
    }

.newLanding__detail-bullet--active {
        background-color: #ffffff !important;
    }

.newLanding__detail-select-label {
        font-size: .9rem;
        text-align: left;
        padding: 25px 0px 5px 0px;
    }

.newLanding__detail-sizes {
        margin-bottom: 3em;
    }

.newLanding__detail-size-block {
        font-size: 1rem;
        line-height: 2.7rem;
        display: inline-flex;
        align-items: center;
        text-transform: uppercase;
        text-decoration: none;
        border: solid 2px #1d1c1d;
        border-radius: 0px;
        height: 2.7rem;
        width: 2.7rem;
        margin-bottom: 5px;
        /* padding:1em; */
        text-align: center;
        color: #1d1c1d;
        justify-content: center!important;
        cursor:pointer;
    }

.newLanding__detail-size-block.disabled {
            opacity: .3;
            cursor: not-allowed;
        }

.newLanding__detail-size-block.disabled:hover {
            background-color: inherit;
            color: inherit;
            }

.newLanding__detail-size-block.selected {
            background-color: #1d1c1d;
            color: #ffffff;
        }

.newLanding__detail-size-block:hover {
            background-color: #1d1c1d;
            color: #ffffff;
        }

.newLanding__detail-chart-text {
        font-size: .9rem;
        line-height: 1.3;
        text-align: left;
        padding: 15px 0px 5px 0px;
    }

.newLanding__detail-chart-text a {
          text-decoration: underline;
        }

.newLanding__detail-section-content {
        font-size: .9rem;
        line-height: 2em;
        font-weight: 400;
        
    }

.newLanding__detail-section-content ul {
          padding:0;
          margin:0;
          padding-left: 1.1em;
        }

.newLanding__detail-section-content ul li {
            padding:0;
            margin:0;
          }

.newLanding__detail-free-shipping {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0em 0px 2.5em 0px;
        text-transform: uppercase;
        font-family: 'bogs_headlineregular', Arial, sans-serif;
        color:#1d1c1d;
        font-size: 2rem;
        line-height: 1;
        letter-spacing: .5px;
        margin-bottom: 0;
      }

@media (min-width: 576px) {

.newLanding__detail-free-shipping {font-size: 3rem
      }
    }

.newLanding__detail-free-shipping-exclude {
        display: block;
        font-size: 1rem;
        line-height: .9;
        font-weight: 600;
        text-transform: none;
        font-family: 'trade-gothic-next', Arial, sans-serif;
  
      }

@media (min-width: 576px) {

.newLanding__detail-free-shipping-exclude {font-size: 1.3rem
  
      }
    }

.newLanding__detail-free-shipping-icon {
        margin-right: -10px;
        font-size: 5rem;
      }

@media (min-width: 576px) {

.newLanding__detail-free-shipping-icon {font-size: 7rem
      }
    }

.newLanding__subheadline {
        padding-top: 20px;
        text-align: left; 
        padding-left: 0;
        padding-right: 0;
        /* text-align-last: center; */
        font-size: 1.2rem;
        line-height: 2rem;
        font-weight: 300;
        margin-bottom: 2em;
    }

@media (min-width: 576px) {

.newLanding__subheadline {
            padding-left: 6%;
            padding-right: 6%
    }
    }

.newLanding__disclaimer {
        font-size: .8em;
        padding: 2em 0 0 0;
    }

.newLanding__disclaimer br {display: none;}

@media (min-width: 768px) {

.newLanding__disclaimer br {display:inline-block}
    }

.review-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 8px!important;
        background-color: #000000;
        opacity: .2;
        border: none;
    }

.review-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            opacity: 1;

        }

.sweetpea-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 8px!important;
        background-color: #ffffff;
        opacity: .4;
        border: none;
    }

.sweetpea-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            opacity: 1;

        }

.landing-listview-pagination {
    visibility: visible!important;
    bottom:0px!important;
}

@media (min-width: 768px) {

.landing-listview-pagination {
        visibility: hidden!important;
}
    }

.landing-listview-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0 8px!important;
        background-color: #000000;
        opacity: .2;
        border: none;
    }

.landing-listview-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity:1;
    }

/* 4h Design a boot landing page */

.headline-logo-4h {
    max-width:12%;margin-bottom:15px;
}

@media (min-width: 576px) {

.headline-logo-4h {max-width:12%;margin-bottom:10px
}
    }

@media (min-width: 768px) {

.headline-logo-4h {max-width:11%;margin-bottom:15px
}
    }

@media (min-width: 992px) {

.headline-logo-4h {max-width:10%;margin-bottom:20px
}
    }

.contest-box-4h {
    padding: 3em 10vw;
}

.contest-box-p {
    padding: 0em 3vw;
    line-height: 1.5em!important;
}

@media (min-width: 576px) {

.contest-box-p {padding: 0em 8vw
}
    }

/* POWER REVIEWS STYLE FIXES */

.newLanding__detail-review .pr-snippet-stars-container {
    width: auto;
  }

.newLanding__detail-review .pr-snippet-read-and-write {
    width: auto;
    margin-left: 0px !important;
  }

.newLanding__detail-review .p-w-r {
      margin: 0;
  }

.newLanding__detail-review .p-w-r .pr-snippet div {
    vertical-align: middle !important;
  }

.newLanding__detail-review .p-w-r .pr-star-v4 {
    height: 13px !important;
    width: 13px !important;
  }

.newLanding__detail-review
    .p-w-r
    .pr-snippet-read-and-write
    .pr-snippet-review-count {
    font-family: trade-gothic-next, Arial, sans-serif !important;
    font-weight: 300 !important;
    font-size: .8rem !important;
    line-height: 1.7rem !important;
    color: #1d1c1d !important;
    text-decoration: none !important;
  }

.p-w-r
    .pr-snippet-stars-reco-inline.pr-snippet-compact
    .pr-snippet-read-and-write
    a {
    margin-right: 0px;
  }

.newLanding__detail-review
    .p-w-r
    .pr-snippet-read-and-write
    a.pr-snippet-write-review-link {
    font-family: trade-gothic-next, Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    color: #1d1c1d !important;
    text-decoration: none !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
  }

.newLanding__detail-review a.pr-snippet-write-review-link {
    display:none;
  }

/*Yulex Landing Page */

.section__headline__small-green {
    color: #5c7648;
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-bottom: .5em;
    text-align: left;
}

@media (min-width: 1200px) {

.section__headline__small-green {padding-right: 3em
}
    }

.section__headline__smaller-green {
    color: #a7bf81;  
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: left;
}

@media (min-width: 1200px) {

.section__headline__smaller-green {padding-right: 3em
}
    }

.yulex-logo {
    text-align: center;
}

@media (min-width: 992px) {

.yulex-logo {text-align:right
}
    }

.section__subheadline__2 {
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.textWrapper-mobile-bottom {
    bottom:9.5%;
    top:inherit;
    /* @mixin atLarge {bottom:inherit;top:30%;} */
}

.four-h__header--raised {
        background-color: #0f8e43;
        background: url() #0f8e43 repeat-x center 98% scroll;
        
    }

@media only screen 
    and (max-width : 415px) 
    and (min-height : 812px)  {

.four-h__header--raised {
        background: url() #0f8e43 repeat-x center 130% scroll
        
    }
    }

@media (min-width: 992px) {

.four-h__header--raised {
        background: url() #0f8e43 repeat-x center 47% scroll
        
    }
    }

.four-h__header h3 {
            font-size: 2rem;
        }

.four-h__header br {
            display: none;
        }

@media (min-width: 992px) {

.four-h__header br {
                display:inline
        }
    }

.four-h__headline div.icon {
        margin-bottom: 2em;
    }

@media (min-width: 768px) {

.four-h__headline div.icon {
            width: 20%;
            margin-bottom:0;
            margin-right:2em
    }
    }

.four-h__headline div.text {
        text-align: left;
    }

.four-h__container {
        max-width: 1400px;
        padding-bottom: 4em;
    }

.four-h__container .landing_pagesII__wrapper-shoe {
            margin-bottom: 0;
        }

.four-h__container .shoe-box {
            margin-bottom: 2em;
        }

.four-h__container .locator-form.row {
            margin: 0;
        }

.four-h__container .locator-form.row h3 {
                padding:0 20px 10px 0;
                font-size:1.5rem;
            }

.four-h__container .locator-form.row .btn {
                line-height: 20px;
            }

@media (min-width: 576px) {

.four-h__container .locator-form.row .btn {
                    line-height: 33px;
            }
    }

.four-h__container .locator-form.row .btn {
                text-align: left;
                padding-left: 5px;
}

.four-h__container .locator-form.row #select_size {
                /* text-transform: uppercase;
                font-family: 'bogs_headlineregular', Arial, sans-serif;
                font-size:2rem; */
            }

.four-h__headline-wrapper {
        display:flex;
        display:block;
        align-items: center;
        justify-content: center;
        min-height: 5rem;
        padding: 2em 15vw;
        text-align:center;
        
    }

@media (min-width: 768px) {

.four-h__headline-wrapper {
            padding: 5em 15vw 4em
        
    }
    }

.four-h__ad-box {
        
        padding-bottom: 0;
    }

.four-h__ad-box .wrap {
            background-color:#0f8e43;
            height: 100%;
            justify-content: center;
            align-items: center;
        }

.four-h__ad-box img {
            width: 90%;
            height:auto;
        }

/* NEW LIST VIEW FULL IMAGES */

.list-view__full-slide-container {
        
        position: relative;
        overflow: hidden;
        margin-left: 2px;
    }

@media (min-width: 576px) {

.list-view__full-slide-container {
            width: 100%;
            height: 100%;
            margin-left:0
    }
    }

.list-view__full-slide {
     

        position: absolute;
        left: 50%;
        top: 50%;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%,-50%);
        z-index: 0;
        -o-object-fit: cover;
           object-fit: cover;



    }

.list-view__full-slide-content {
            
            margin-top: 8px;
            width: 100%;
            position: absolute;
            bottom: inherit;
            top:0px;
            height:100%;
            z-index: 1;
        }

.list-view__full-slide-headline {
            color: #ffffff;
            font-family: 'bogs_headlineregular', Arial, sans-serif;
            text-transform: uppercase;
            font-size: 3rem;
            line-height: 3rem;
            margin-top: 40px;
            margin-bottom: 20px;
            padding: 0px 40px;
        }

.list-view__full-slide-bottom {
            position: absolute;
            bottom: 45px;
            width: 100%;
            padding: 0px 40px;
        }

.list-view__full-slide-centered {
            text-align: center;
        }

.list-view__full-slide-lockup {
            width: 40%;
        }

/* END NEW */

/*For Disclosure Modal*/

#disclosure .modal-content {
    background-color: #231f20;
    border-radius: 10px 10px 0 0 !important;
}
#disclosure .modal-header {
    border-bottom: 0px;
}
#disclosure .modal-title {
    font-size: 11px;
    color: #fff;
        font-family: 'trade-gothic-next', Arial, sans-serif;
    text-align: center;
}
#disclosure a {
    color: #fff;
    text-decoration: underline;
}
#disclosure .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 100%;
}
#disclosure .close:hover {
    color: #fff;
    text-decoration: none;
}
#disclosure .modal-header .close {
    padding: 9px 9px 5px;
    margin: -1rem -1rem -1rem auto;
}

.modal-backdrop {
   background-color: transparent !important;
}

@media (min-width:991px) {
#disclosure .modal-dialog {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
	height:auto;
}
	#disclosure .modal-title span {
		font-size: 9px;
	}
}

@media (max-width:992px) {
#disclosure .modal-dialog {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-right: 6vw;
    margin-left: 6vw;
		height:auto;
}
	#disclosure .modal-title span {
		font-size: 8px;
		line-height:1.25;
		display:block;
	}
}

@media (min-width: 576px) {
#disclosure .modal-dialog {
    max-width: 800px;
}
}