@charset "UTF-8";
/* Import settings.scss with all of the colours etc */
/* Template dir */
/* Images version */
/* Colour scheme */
/* Get fonts */
/* Loading this in header.css for speed */

@font-face {
  font-family: 'StagMedium';
  src: url("/templates/gooutdoors.co.uk/_css/font/Stag-Sans/StagSans-Medium.otf");
  src: local("☺"),
  url('/templates/gooutdoors.co.uk/_css/font/Stag-Sans/StagSans-Medium.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

.video-container .video {
  clear: both;
  display: block;
  width: 98.5%; }

.video-container .youtube-player {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer; }

.video-container .youtube-player .vid-title {
  position: absolute;
  color: #fff;
  font-size: 1.143em;
  display: block;
  transform: perspective(1px) translateY(-50%);
  width: 100%;
  text-align: center;
  top: 50%; }

.video-container .youtube-player .vid-title span {
  display: inline-block;
  clear: both;
  width: 90%;
  font-size: 1.286em;
  padding: 0 5%;
  margin: 7px 0 6px; }

.video-container .youtube-player .vid-title .play-vid {
  width: 75px;
  display: inline-block;
  clear: both;
  margin-bottom: 5px; }

.video-container .youtube-player.iframe {
  padding-bottom: 56.25%; }

.video-container .youtube-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.video-container .youtube-thumb {
  width: 100%;
  vertical-align: bottom; }

#mobile-nav li.banner {
  display: none; }

#mobile-nav > .scroll > ul > li > ul {
  overflow: hidden;
  display: none; }

#mobile-nav > .scroll a {
  padding: 1em 10%;
  display: block;
  font-size: 1em;
  line-height: 1;
  text-decoration: none;
  color: #fff; }

#mobile-nav > .scroll a.banner {
  display: none; }

#mobile-nav > .scroll a#stockists-mobile {
  border-top: 1px solid #ddd; }

#mobile-nav .ui-accordion .ui-accordion-header {
  margin: 0;
  padding: 1em 10%;
  font-size: 1em;
  line-height: 1;
  background: transparent;
  border: 0;
  font-family: "effra", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }

#mobile-nav .ui-accordion .ui-accordion-header:before {
  content: '›';
  position: absolute;
  top: 33%;
  right: 9%;
  font-size: 1.25em;
  line-height: .6;
  transition: all 0.5s; }

#mobile-nav .ui-accordion .ui-accordion-header.ui-state-active:before {
  top: 40%;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

#mobile-nav .ui-accordion .ui-icon {
  display: none;
  background: none; }

#mobile-nav .ui-accordion .ui-accordion-content {
  padding: 0;
  border: none;
  overflow: initial; }

#mobile-nav .main-accordion > li {
  border-left: 0px solid transparent;
  transition: border 0.2s; }

#mobile-nav .main-accordion .sub-menu-active {
  border-left: 3px solid #FFFFFF; }

#mobile-nav ul.main-accordion>li>ul>a,
#mobile-nav ul.main-accordion > li > ul > a.ui-accordion-header,
#mobile-nav ul.main-accordion > li > ul > li > a.ui-accordion-header,
#mobile-nav ul.main-accordion > li > ul > li > span.ui-accordion-header {
  padding: 1em 20%;
  color: #fff;
  background: #849086;
  border: none; }

#mobile-nav .main-accordion .sub-menu-active ul > li > div > a {
  padding: 1em 10% 1em 30%;
  background: #6c756d;
  font-family: "effra", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif; }

#mobile-nav .ui-accordion .ui-accordion-content-active>hr,
#mobile-nav .dropdown_image_promotion {
  display: none; }

/*
#mobile-basket h2 {
  text-align: center;
  margin: 0;
  font-size: 1.25em;
}

#mobile-basket .mini-bag-item {
  width: 90%;
  min-height: 90px;
  margin: 1em auto 0;
  display: block;
  position: relative;
}

#mobile-basket .mini-bag-item:first-child{margin-top:0;}
#mobile-basket .mini-bag-item .mini-bag-item-image{
  position:absolute;
  top:0;
  left:0;
}

#mobile-basket .mini-bag-item .item-details {
  float: left;
  margin: 0 10px 0 90px;
  text-decoration: none;
}

#mobile-basket .mini-bag-item .item-details.mini_basket_remove_item{
  font-size: .65em;
  margin-top: .5em;
}

#mobile-basket .mini-bag-item .mini-bag-name-size {
  display: block;
  margin: 0 0 1em;
  font-size: .8em;
  line-height: 1.4;
}

#mobile-basket .mini-bag-item .mini-bag-name-size > span {
  display: block;
  margin: 0 0 .25em;
}

#mobile-basket .mini-bag-item .mini-bag-name-size > span:first-of-type {

}

#mobile-basket .mini-bag-item .mini-bag-price {
  font-size: .8em;
  line-height: 1.4;
  margin: .25em 0 0.5em;
  padding: 0;
}

#mobile-basket .mini-bag-item .was-price {
  font-size: 0.64em;
  line-height: 1;
  display: block;
  padding-right: 3px;
}

#mobile-basket .mini-bag-totals {
  padding: 0 1em 1em;
  text-align: right;
}

#mobile-basket .mini-bag-totals-items {
  display: none;
}

#mobile-basket .mini-bag-totals-costs {
  text-align: left;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid $secondary-grey;
}

#mobile-basket .total-subtotal-label {
  display: inline-block;
  width: 85px;
  line-height: 1;
  text-align: right;
  padding-right: 10px;
  vertical-align: top;
}

#mobile-basket .total-subtotal-total {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  line-height: 1;
}

#mobile-basket .mini-bag-delivery {
  padding: 0.8em;
  text-align: center;
  border-bottom: 2px solid $white;
  border: 2px solid $primary-colour;
  margin-bottom: 2px;
  display: none;
}

#mobile-basket .mini-bag-buttons a {
  font-size: 1em;
  border: 0;
  border-bottom: 2px solid $white;
  background: $primary-colour;
  color: $white;
  text-align: center;
}
*/
/* Loading icon */
.loading-fade {
  background: #fff;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  z-index: 2; }

.loading-spinner {
  width: 200px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2;
  padding: 20px 10px;
  background: #fff;
  transform: translate(-50%, -50%); }

.loading-spinner p.loader {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -20px;
  opacity: 1;
  filter: alpha(opacity=100);
  background-color: rgba(255, 255, 255, 0.70196);
  -webkit-animation: rotation .7s infinite linear;
  animation: rotation .7s infinite linear;
  border-left: 4px solid rgba(0, 0, 0, 0.2);
  border-right: 4px solid rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  border-top: 4px solid #00559d;
  border-radius: 100%; }

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0); }
  to {
    -webkit-transform: rotate(359deg); } }
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0); }
  to {
    -moz-transform: rotate(359deg); } }
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0); }
  to {
    -o-transform: rotate(359deg); } }
@keyframes rotation {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(359deg); } }
.loading-spinner p.loading-message {
  margin-top: 60px;
  text-align: center; }

/* Fix to hide broken Bing tracking image in footer */
img[src*="//bat.bing.com/action/"] {
  display: none; }

@media only screen and (min-width: 1280px) {
  #preFooter h1 {
    width: auto;
    text-align: left;
    font-size: 1.563em;
    line-height: 46px; }

  #preFooter h2 {
    width: auto;
    /* padding:14px 10px 13px 0; */ }

  #preFooter ul#socialIcons {
    float: right;
    margin: 0;
    /* padding:0 10px 0 0; */ }

  #preFooter ul#socialGrid {
    /* width:1170px; */ }

  #preFooter ul#socialGrid li a img {
    /* width:100%; */
    /* height:226px; */ }

  #preFooter .blog ul li a {
    display: block; }

  #preFooter .blog h3 {
    font-size: 1.286em;
    line-height: 22px; }

  #preFooter .blog p {
    display: block; } }
@media only screen and (min-width: 1440px) {
  #preFooter h2 {
    width: auto;
    /* padding:14px 10px 13px 0; */ }

  #preFooter ul#socialIcons {
    /* float:right; */
    /* margin: 0 0 22px 0; */
    /* padding: 0; */ }

  #preFooter ul#socialGrid {
    /* width:1380px; */ }

  #preFooter ul#socialGrid li a img {
    /* width:100%; */
    /* height:267px; */ } }
@media only screen and (min-width: 1680px) {
  #preFooter h2 {
    width: auto;
    /* padding:14px 10px 13px 0; */ }

  #preFooter ul#socialIcons {
    /* float:right; */
    /* margin: 0 0 22px 0; */
    /* padding:0 10px 0 0; */ }

  #preFooter ul#socialGrid {
    /* width:1590px; */ }

  #preFooter ul#socialGrid li a img {
    /* width:100%; */
    /* height: auto; */ } }
/* Stop the Monetate bar being covered by the Google customer reviews tab */
monetatepreview.mt-pb {
  width: calc(100% - 175px) !important; }

/*# sourceMappingURL=styles-deferred.css.map */