/* 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: 120px;
  }
}

.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('resources/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: 10vw 15vw 10vw;
}

@media (min-width: 576px) {

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

.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: 30px;
  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;
    margin-bottom: 20px;
  }
}

/* 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 3.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: 60%;
  /* font-family: $tradeGothic; */
  /* font-size: 1rem; */
}

.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(resources/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;
}
@media (max-width: 768px) {
  .checkout .row.top {
    background-color: #ffffff;
    padding-top: 90px;
    margin-right: -45px;
    margin-left: -45px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 80px;
  }

  .checkout .row.bottom {
    margin-right: -30px;
    margin-left: -30px;
    padding-right: 20px;
    padding-left: 20px;
    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("resources/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("resources/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("resources/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("resources/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(resources/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(resources/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('resources/images/landing-pages/warm-guide/bogsquatch-snow.png'),
    url('resources/images/landing-pages/warm-guide/bogsquatch-trees.png'),  
    url('resources/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("resources/images/landing-pages/warm-guide/trail.png") no-repeat top;

  background-size: 300% 100%;
}

/* background-image: url("resources/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('resources/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('resources/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('resources/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('resources/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 */
/*# sourceMappingURL=styles.css.map */