@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700|Open+Sans:400,600,700|Playball|Roboto:300,400,500,900|Ubuntu:400,700");


.item-box h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.part-exchange input {
    margin-bottom:0 !important;
}

header .header__currency label:before {
  background: #00a5cb;
  color: #ffffff;
  width: 12px;
  display: inline-block;
  height: 12px;
  font-size: 9px;
  text-align: center;
  border-radius: 10px;
  line-height: 1.25;
  vertical-align: middle;
  margin-right: .1em;
}

.title, .breadcrumb-container {
  position: relative;
}
.title > :first-child, .breadcrumb-container > :first-child {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  padding-right: 1rem;
  width: auto;
  display: inline-block;
}
.title:after, .breadcrumb-container:after {
  content: '';
  display: block;
  width: 100%;
  border-top: 1px solid #f5f5f5;
  position: absolute;
  top: 50%;
}

.cross-hair {
  position: relative;
}
.cross-hair:before, .cross-hair:after {
  position: absolute;
  display: block;
  width: 3rem;
  height: 3rem;
  background-image: url(/images/cross-hair.png);
  background-position: center;
  background-size: contain;
}
.cross-hair:before {
  content: '';
  background-image: url(/images/cross-hair.png);
  position: absolute;
  top: -1.5rem;
  right: -1.5rem;
  -moz-transform: scale(-1, -1);
  -o-transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}
.cross-hair:after {
  content: '';
  background-image: url(/images/cross-hair.png);
  position: absolute;
  bottom: -1.5rem;
  left: -2em;
}

.two-cols {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}
.two-cols li {
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
}

.warn {
  color: #ffc000;
}

.danger {
  color: #e32435;
}

.v-center {
  display: table;
}
.v-center > * {
  display: table-cell;
  vertical-align: middle;
}

.box {
  text-transform: uppercase;
  margin-bottom: .5rem;
}
.box > :first-child {
  padding-right: .25rem;
}
.box span {
  font-weight: 500;
}

.image-container {
  position: relative;
  height: 0;
  padding-bottom: 100%;
}

.image-container img {
  width: 100%;
  max-width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
}

.title {
  font-family: "Roboto", sans-serif;
  font-size: 1.85rem;
  text-transform: uppercase;
  font-weight: 900;
  margin: 1rem 0 .5rem;
}

.sub-title {
  font-family: "Roboto", sans-serif;
  font-size: 1.125rem;
  text-transform: uppercase;
  font-weight: 900;
  margin: 1rem 0 .5rem;
}

.header {
  font-family: "Roboto", sans-serif;
  font-size: 1.85rem;
  text-transform: uppercase;
  font-weight: 900;
  margin: 1rem 0 .5rem;
}

@media screen and (max-width: 39.9375em) {
    .header {
        font-size: 1.35rem;
    }
}

.block-header {
  font-family: "Roboto", sans-serif;
  background-color: #00a5cb;
  border: 1px solid #00738e;
  background-image: url("/images/chevron.png");
  background-size: cover;
  text-align: center;
  margin-bottom: 1rem;
}
.block-header > span {
  color: #ffffff;
  font-weight: 900;
  text-transform: uppercase;
  display: block;
  margin: auto;
  padding: 2rem 0;
  line-height: 1;
  font-size: 2.25rem;
}
.block-header.style-2 {
  background-image: url("/images/polygons.png");
  background-color: #545454;
  border: 0;
  position: relative;
}
.block-header.style-2:after {
  content: '';
  display: block;
  position: absolute;
  top: .5rem;
  bottom: .5rem;
  right: .5rem;
  left: .5rem;
  border: 1px solid #f5f5f5;
}

.header-blockout {
  color: #00a5cb;
  background-color: #f5f5f5;
  margin-top: 0;
}
.header-blockout span {
  background-color: #ffffff;
  display: inline-block;
  height: 100%;
  padding-right: .75rem;
}

.rule-header {
  font-family: "Roboto", sans-serif;
  color: #000000;
  text-align: center;
  position: relative;
  height: 4rem;
  margin-bottom: 2rem;
  font-size: 2rem;
}
.rule-header span {
  font-weight: 900;
  text-transform: uppercase;
  display: inline;
  margin: auto;
  position: relative;
  background-color: #ffffff;
  padding: 0 4rem;
  z-index: 2;
  top: .5rem;
}
.rule-header:after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  top: 2rem;
  border-top: 6px double #f5f5f5;
}

.header-cursive {
  font-family: "Playball", cursive;
  color: #00a5cb;
  font-size: 3.5rem;
  line-height: 1;
  margin-bottom: .5em;
}

.header-tab {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  background-color: #f5f5f5;
  padding: .5rem 1rem;
  text-transform: uppercase;
  margin: 1rem 0;
}

a.decorate {
  text-decoration: underline;
}

.block-link {
  display: block;
  background-color: #f5f5f5;
  margin: .5rem 0;
  padding: .5rem;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 500;
}
.block-link .svg--download {
  height: 1.5rem;
  width: 1.5rem;
}

.row--inner {
  max-width: 65rem;
  margin-left: auto !important;
  margin-right: auto !important;
}

.border-box {
  border: 1px solid #d5d5d5;
  padding: 1rem 3rem;
  margin-bottom: 1rem;
}

.display-box {
  background-color: #f5f5f5;
  padding: 1rem;
  margin-bottom: 1rem;
}

.callout {
  background-color: #00a5cb;
  border:  0;
  color: white;
  font-weight: 600;
}

.callout .close-button {
  color: white;
}

.callout-box {
  background-color: #f5f5f5;
  padding: 1.5rem;
  margin-bottom: .75rem;
  overflow: hidden;
}
.callout-box button {
  font-size: 1.25rem;
  margin-bottom: 0;
  height: 4rem;
}
.callout-box select {
  margin-bottom: 0;
}
.callout.alert {
    background-color: #ea6262 !important;
}
.qty-input > * {
  display: inline-block;
  width: auto;
}
.qty-input label {
  padding-right: .5rem;
  text-transform: uppercase;
  font-weight: 500;
}
.qty-input input {
  max-width: 3rem;
  text-align: center;
}

table.unstriped tbody {
  background-color: #ffffff;
}
table.unstriped tbody tr {
  border-bottom: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #f1f1f1;
}

/* Font list
  Lato-Bold
  Lato-Light
  Lato-Regular

  OpenSans
  OpenSans-Bold
  OpenSans-Semibold

  Playball-Regular

  Roboto-Black
  Roboto-Light
  Roboto-Medium
  Roboto-Regular

  Ubuntu-Bold

*/
body {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
}

[class^='svg--'] {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  margin-right: .5em;
}
[class^='svg--'][class$='--bell'] {
  background-image: url("/images/icon__bell.svg");
}
[class^='svg--'][class$='--box'] {
  background-image: url("/images/icon__box.svg");
}
[class^='svg--'][class$='--cards'] {
  background-image: url("/images/icon__cards.svg");
}
[class^='svg--'][class$='--grid'] {
  background-image: url("/images/icon__grid.svg");
}
[class^='svg--'][class$='--list'] {
  background-image: url("/images/icon__list.svg");
}
[class^='svg--'][class$='--plane'] {
  background-image: url("/images/icon__plane.svg");
}
[class^='svg--'][class$='--support'] {
  background-image: url("/images/icon__support.svg");
}
[class^='svg--'][class$='--tag'] {
  background-image: url("/images/icon__tag.svg");
}
[class^='svg--'][class$='--circle-arrow'] {
  background-image: url("/images/icon__circle-arrow.svg");
}
[class^='svg--'][class$='--download'] {
  background-image: url("/images/icon__download.svg");
}
[class^='svg--'][class$='--play'] {
  background-image: url("/images/icon__play.svg");
}

address {
  font-style: normal;
}

a {
  color: #00a5cb;
}

.button {
  text-transform: uppercase;
  background-color: #00a5cb;
}
.button.button--ghost {
  color: #000000;
  border: 1px solid #f5f4f4;
  background-color: #ffffff;
}
.button.button--ghost:hover {
  background-color: #ffffff;
  color: #ffc000;
}
.button.button--dark {
  background-color: #000000;
}
.button.button--round {
  border-radius: 5px;
  padding: 1.25em;
  line-height: 0;
  font-weight: 500;
}
.button:hover {
  background-color: #007c98;
}

.item-grid, .item-list {
  padding-left: 1.75rem;
  height: 2rem;
  margin-right: .75rem;
  font-size: .9rem;
}
.active.item-grid, .active.item-list {
  color: #00a5cb;
}

.item-grid {
  background: url("/images/icon__grid.svg") no-repeat left center/1.25rem;
}

.item-list {
  background: url("/images/icon__list.png") no-repeat left center/1.25rem;
}

.form-label {
  font-weight: 500;
  padding-bottom: .12rem;
  display: block;
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea {
  box-shadow: none;
  border-color: #E1E1E1;
  color: #727272;
  font-size: .9rem;
}
[type=color]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=datetime]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus {
  border-color: #00a5cb;
}

.home-carousel-container {
  background: #f5f5f5 url("/images/carousel-bg.png") no-repeat center;
  background-size: cover;
  padding-top: 2rem;
  padding-bottom: 4rem;
}
.home-carousel-container .home-carousel .image-container {
  position: relative;
}
.home-carousel-container .home-carousel .odd-slide .image-container {
  padding-bottom: 30%;
}
.home-carousel-container .home-carousel .slick-arrow {
  top: 50%;
}
@media screen and (max-width: 39.9375em) {
    .home-carousel-container {
        background: none;
        padding-top: .75rem;
        padding-bottom: 2.75rem;
    }
}
@media only screen and (min-width: 1180px) {
    .home-carousel-container .home-carousel .slick-arrow.slide-back {
      left: -3.5rem;
    }
    .home-carousel-container .home-carousel .slick-arrow.slide-forward {
      right: -3.5rem;
    }
}
.home-carousel-container .home-carousel .slide-inner h3 {
  margin-top: .25rem;
  text-align: center;
}
.home-carousel-container .home-carousel .slide-inner .item__data {
  margin-top: .25rem;
}
.home-carousel-container .home-carousel .slide-inner .item-box {
  margin-bottom: .5rem;
}
.home-carousel-container .home-carousel .slide-inner .video-container {
  max-width: 800px;
  margin: auto;
}
/*
.home-carousel-container .home-carousel .slide-video-container {
  width: 100%;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
*/

.home-carousel-container .home-carousel .slide-video-container {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 48.25%;
    max-width: 900px;
    margin: auto;
}

.slide-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-carousel-container .home-carousel .overlay {
  width: 100%;
  position: absolute;
  padding: 2.5rem;
  top: 0;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.home-carousel-container .home-carousel .overlay span:first-child {
  font-size: 1.5em;
  left: -4rem;
  position: relative;
}
.home-carousel-container .home-carousel .overlay span:nth-child(2) {
  font-size: 3.5em;
  position: absolute;
  top: 2.125rem;
  left: 15rem;
}
.home-carousel-container .home-carousel .overlay div:first-of-type {
  margin-top: 1rem;
  font-size: 2em;
  line-height: 1.2;
}
.home-carousel-container .home-carousel .overlay div:nth-of-type(2) {
  margin: .75em 0;
}
.home-carousel-container .home-carousel .overlay div.callout {
  background-color: rgba(0, 0, 0, 0.61);
  color: #ffffff;
  border: 1px dashed #ffffff;
  text-align: center;
  font-size: 1.75em;
}

.slide-back {
  background-color: rgba(0, 0, 0, 0.7);
  width: 3rem;
  height: 3rem;
  color: #FFF;
  font-size: 1.5rem;
  left: 0;
  position: absolute;
  top: 0;
  margin-top: -1.5rem;
  z-index: 10;
}

.slide-forward {
  background-color: rgba(0, 0, 0, 0.7);
  width: 3rem;
  height: 3rem;
  color: #FFF;
  font-size: 1.5rem;
  right: 0;
  position: absolute;
  top: 0;
  margin-top: -1.5rem;
  z-index: 10;
}

@media only screen and (max-width: 1180px) {
  .slide-back {
  left: 0;
  }

  .slide-forward {
  right: 0;
  }
}
.info-boxes-wrapper {
  margin-top: -2rem;
  margin-bottom: 2.5rem;
}
.info-boxes-wrapper .column-block .info-box {
  background-color: #f5f5f5;
  color: #000000;
  padding: 1rem;
  display: block;
  margin-bottom: 1rem;
}
.info-boxes-wrapper .column-block .info-box .image-container2 {
  width: 4rem;
  height: 4rem;
  margin: 1rem auto;
  font-size: 3.5rem;
}
.info-boxes-wrapper .column-block .info-box strong {
  font-size: 1rem;
  font-weight: 500;
}
.info-boxes-wrapper .column-block .info-box:hover {
  background-color: #00a5cb;
  color: #ffffff;
}
.info-boxes-wrapper .column-block .info-box:hover .svg--plane {
  background-image: url(/images/icon__plane--white.svg);
}
.info-boxes-wrapper .column-block .info-box:hover .svg--cards {
  background-image: url(/images/icon__cards--white.svg);
}
.info-boxes-wrapper .column-block .info-box:hover .svg--box {
  background-image: url(/images/icon__box--white.svg);
}
.info-boxes-wrapper .column-block .info-box:hover .svg--support {
  background-image: url(/images/icon__support--white.svg);
}

.info-section {
  background-color: #f5f5f5;
  padding: 2rem 0;
}
.info-section:last-child {
  margin-bottom: -2rem;
}
@media screen and (max-width: 39.9375em) {
    .info-boxes-wrapper {
        margin-bottom: .5rem;
    }
}

.collection-desc {
  color: #727272;
  border-bottom: 1px solid #f5f4f4;
  margin-bottom: 1rem;
}

.sort-bar {
  border-bottom: 1px solid #f5f5f5;
  overflow: hidden;
  margin: -.5rem 0 1rem 0;
}
.sort-bar select {
  width: auto;
  float: right;
  margin-bottom: .5rem;
  font-size: .8rem;
  height: auto;
  background-image: url(/images/dropdown-arrow.png);
}
.sort-buttons {
  display: inline-block;
  float: right;
}

.sort-buttons a {
  background-color: #00a5cc;
  padding: .5rem;
  color: white;
  margin-left: .75rem;
  font-size: .85rem;
  line-height: 1;
  vertical-align: bottom;
}

.sort-buttons a.current {
  background-color: #000;
}

@media screen and (max-width: 64em) {
    .sort-buttons {
        margin-top: 1rem;
        display: block;
        clear: both;
        width: 100%;
    }
    .sort-buttons a {
        display: inline-block;
        margin: 0 .5rem .5rem 0;
    }
}

@media screen and (max-width: 39.9375em) {
    .sort-bar {
        margin: 1rem 0;
        overflow: auto;
    }
}

select {
  background-image: url(/images/dropdown-arrow.png);
}

.item-box {
  margin-bottom: 2rem;
  position: relative;
}
.item-box .image-container {
  border: 1px solid #f5f5f5;
  background-color: #FFFFFF;
  position: relative;
}
.item-box h3 {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  font-size: .9rem;
  font-weight: 500;
  margin: .5rem 0;
}
.item-box h3 a {
  color: #0a0a0a;
}
.item-box .item__desc, .item-box .desc {
  color: #545454;
  height: 2.5rem;
  overflow: hidden;
  margin-bottom: .5rem;
}
.item-box .item__data {
  margin-top: 1rem;
}
.item-box .price {
  font-size: 1rem;
  font-weight: 500;
  padding-right: .5rem;
}
.item-box .price--rrp {
  color: #b0a6a6;
  text-decoration: line-through;
}
.item-box .button-group {
  display: flex;
}
.item-box .button-group .item__wishlist {
  margin-right: .5rem;
}
.item-box .button-group .item__view {
  flex: 1;
  font-weight: 600;
}
.item-box.item--cat h3 a {
  color: #000000;
}
.item-box.item--cat .image-container {
  padding-bottom: 60%;
}
@media screen and (max-width: 39.9375em) {
    .item-box .item__desc, .item-box .desc {
        display: none;
    }
}
.list-view .item-box {
  border: 1px solid #f5f5f5;
  padding: 1rem;
  overflow: hidden;
}
.list-view .item-box .image-container {
  width: 20%;
  float: left;
  margin-right: 3%;
  padding-bottom: 20%;
}
.list-view .item-box .price {
  color: #00a5cb;
  font-weight: 900;
  font-size: 1.125rem;
}
.list-view .item-box .button-group {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: block !important;
}
.list-view .item-box .button-group .button {
  display: block;
  margin-bottom: .5rem;
}
.list-view .item-box .button-group .button:last-child {
  width: 80%;
  margin: .75rem auto;
}
.list-view .item-box .item__desc {
  margin-top: 4.25rem;
  height: auto;
}
.grid-items:not(.list-view) .item-box {
  text-align: center;
}
.grid-items:not(.list-view) .item-box h3 {
  white-space: normal;
  height: 2.25rem;
  margin: 2.5rem 0 1.25rem 0;
}
.grid-items:not(.list-view) .item-box .item__desc {
  display: none;
}
.grid-items:not(.list-view) .item-box .item__data {
  position: relative;
  padding: 0 .5rem .5rem;
}
.grid-items:not(.list-view) .item-box .price {
  color: #00a5cb;
  font-weight: 900;
}
.grid-items:not(.list-view) .item-box .button-group {
  display: block;
}
.grid-items:not(.list-view) .item-box .button-group .button {
  position: absolute;
  top: -3.75rem;
  right: 0;
  left: 0;
  font-size: 0;
  width: 3rem;
  height: 3rem;
  margin: auto;
  border-radius: 3rem;
  background: transparent url("/images/product-basket.png") no-repeat center;
  background-size: 3rem;
}
.grid-items:not(.list-view) .item-box .button-group .button:last-child {
  display: none;
}
.grid-items:not(.list-view) .item-box:hover {
  background-color: #00a5cb;
}
.grid-items:not(.list-view) .item-box:hover h3 a,
.grid-items:not(.list-view) .item-box:hover .price,
.grid-items:not(.list-view) .item-box:hover .price--rrp {
  color: #ffffff;
}

.free-gift p {
  color: #c60000;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 1.5em;
  position: relative;
  display: inline-block;
  margin: .75rem 0;
}

.free-gift p:before {
  content: '';
  background: url(../images/gift.png) left center / contain no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1.125em;
  display: block;
  margin-top: -2px;
}

.list-view > .column {
  width: 100%;
}

[class^="flag"] {
  position: absolute;
  top: 4px;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  z-index: 2;
}
[class^="flag"][class$="--offer"] {
  left: 4px;
  background-color: #00a5cb;
  padding: 1px 3px;
}
[class^="flag"][class$="--new"] {
  right: 0;
  background: transparent url("/images/icon__tag.svg") no-repeat center;
  background-size: contain;
  width: 60px;
  text-indent: 10px;
}

.item__raiting {
  font-size: .9rem;
  display: inline-block;
  float: right;
  color: #00a5cb;
}
.item__raiting i + i {
  padding-left: .15rem;
}
.item__raiting .faded {
  opacity: .4;
}

.breadcrumb-container {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}
.breadcrumb-container .breadcrumbs {
  margin-bottom: 0;
}
.breadcrumb-container .breadcrumbs li {
  font-size: .85rem;
}
.breadcrumb-container .breadcrumbs li:not(:last-child):after {
  content: '//';
}
.breadcrumb-container .breadcrumbs a {
  color: #000000;
}

h1 + .breadcrumb-container {
  margin-top: 0;
}


/* product page breadcrumb */
.alt-breadcrumb {
    font-size: 0 !important;
}

.alt-breadcrumb.breadcrumb-container > :first-child {
    padding-right: 0;
}

.alt-breadcrumb a {
    color: #000;
}

.alt-breadcrumb a:hover {
    text-decoration: underline;
}

.alt-breadcrumb > * {
    font-size: .85rem;
    background-color: #FFF;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    color: #000;
}

.alt-breadcrumb > span:after {
    content: '//';
    color: #cacaca;
    margin: 0 .75rem;
    position: relative;
    top: 1px;
    opacity: 1;
}

.alt-breadcrumb .breadcrumb-here {
    color: #cacaca;
    cursor: not-allowed;
}

.alt-breadcrumb .breadcrumb-here:after {
    content: '';
}


.side-header {
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #000000;
  color: #ffffff;
  padding: .5rem 1rem;
  margin-bottom: 0;
}

.side-navigation .menu a {
  font-size: .90rem;
  text-transform: none;
  border-bottom: 1px solid #f5f4f4;
  color: black;
}
.side-navigation .menu .is-accordion-submenu-parent > a:after {
  color: #C9C9C9;
  content: '+';
  border: 0;
  font-size: 1.25rem;
  font-weight: 900;
  top: .85rem;
}
.side-navigation .menu .is-accordion-submenu-parent[aria-expanded=true] > a:after {
  content: '-';
  top: 2.125rem;
}
.side-navigation .menu .submenu {
  margin-left: 0;
}
.side-navigation .menu .submenu li a:before {
  content: '';
  background-color: #00a5cb;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  margin-top: .3rem;
  margin-right: .75rem;
  margin-bottom: 1rem;
  float: left;
}

.dash-menu > li > a {
  text-transform: uppercase;
}
.dash-menu a {
  color: #545454;
  position: relative;
  padding-left: 1.5rem !important;
}
.dash-menu a:after {
  display: none;
}
.dash-menu a:before {
  position: absolute;
  left: 0;
  content: '-';
  font-size: 2rem;
  font-weight: 500;
  top: 0;
}

.pagination .pagination-previous:before {
  display: none;
}
.pagination .pagination-previous a:before,
.pagination .pagination-next a:after,
.pagination-next.disabled:after {
  display: none;
}
.pagination-previous.disabled:before, .pagination-previous a:before
.pagination .pagination-next :after {
  display: none;
}
.pagination li {
  background-color: #f5f5f5;
}
.pagination .current {
  background-color: #E1E1E1;
  color: #000000;
}

.filters fieldset {
  overflow: hidden;
  margin-top: 1.5rem;
}
.filters fieldset legend {
  margin-bottom: .75rem;
}
.filters fieldset label {
  width: 50%;
  float: left;
}

.price-range-slider {
  height: .25rem;
  margin: 1rem .5rem;
  border-radius: 0;
  border: 0;
}
.price-range-slider .ui-widget-header {
  background: #00a5cb;
}
.price-range-slider .ui-state-default {
  top: -.35rem;
  background-color: #ffffff;
  border: 4px solid #00a5cb;
  border-radius: 100%;
}

.slider-values {
  margin: .5rem 0;
  font-weight: 500;
}

.meta__field {
  text-transform: uppercase;
  padding-right: 1rem;
}
.meta__field .meta__label {
  color: #C9C9C9;
  padding-right: .5rem;
}
.meta__field .meta__data {
  color: #00a5cb;
}

@media screen and (max-width: 39.9375em) {
    .meta__field {
        display: block;
    }
}

.contact__info {
  margin-top: 2rem;
}

.sub-heading {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  margin-bottom: .125rem;
  font-weight: 500;
}

.contact-form input {
  padding-left: .75rem;
  padding-right: .75rem;
  height: 3.5rem;
}
.contact-form textarea {
  height: 15rem;
  padding: .75rem;
}

header .logo {
  max-width: 320px;
  display: block;
}
header .logo img {
  padding: .75rem 0;
}
header .header__top {
  padding: 0.5rem 0;
  border-bottom: 1px solid #f5f5f5;
  background-color: black;
}
header .header__top p {
  margin: 0;
  text-transform: uppercase;
  color: white;
}
header .header__right > .column {
  padding-top: .75rem;
  padding-bottom: .75rem;
}
header .header__info a {
  font-size: .9rem;
}
header .header__info strong {
  display: block;
  margin-bottom: .25rem;
}
header .header__contact a {
  font-size: 1.125rem;
  font-weight: 600;
}
header .header__contact a i {
  padding-right: .25rem;
}
header .header__contact p {
  margin-bottom: 0;
}
header .header__basket .basket__text {
  display: inline-block;
  vertical-align: top;
  padding-right: .25em;
}
header .header__basket strong {
  text-transform: uppercase;
}
header .header__basket a {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  background-color: #f5f5f5;
  color: #000000;
  background-image: url("/images/header-basket.png");
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
  position: relative;
}

header .header__currency {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}
header .header__currency label {
  font-size: .8rem;
  display: inline-block;
  width: auto;
  margin-bottom: 0;
  padding: 0;
}
/*header .header__currency label:before {
  content: '£';
}*/
header .header__currency select {
  font-size: .7rem;
  padding: 2px 15px 2px 2px;
  height: auto;
  display: inline-block;
  margin-bottom: 0;
  border: 0;
  display: inline-block;
  width: auto;
}
header .main-nav-wrapper {
  background-color: #f5f5f5;
  color: #ffffff;
}
.main-nav-wrapper .mob-search-toggle {
    font-size: 1.25rem;
    color: #000;
    margin: .35rem 0;
    display: inline-block;
    padding-right: 1rem;
}
header .main-nav-wrapper > div {
  position: relative;
}
header .main-nav-wrapper .main-navigation > li {
  position: static;
}
header .main-nav-wrapper .main-navigation > .compact-drop {
  position: relative;
}
header .main-nav-wrapper .main-navigation > .compact-drop > ul {
  padding: 1rem;
  border: 1px solid #f5f5f5;
  z-index: 99;
}
header .main-nav-wrapper .main-navigation > .compact-drop > ul > li {
    min-width: 170px;
}
header .main-nav-wrapper .main-navigation > li > a {
  text-transform: uppercase;
  color: #000000;
  padding: 0 .75rem !important;
  line-height: 5;
  font-weight: 500;
}
header .main-nav-wrapper .main-navigation > li > a > span {
    white-space: nowrap;
}
header .main-nav-wrapper .main-navigation > li.is-dropdown-submenu-parent > a:after {
  display: none;
}
header .main-nav-wrapper .main-navigation > li:hover > a {
  background-color: #ffffff;
  box-shadow: inset 0 2px 0 0 #00a5cb;
  position: relative;
}
header .main-nav-wrapper .main-navigation > li:hover > a:before {
  position: absolute;
  top: -1px;
  content: '';
}
header .main-nav-wrapper .main-navigation .mega-menu {
  width: 100%;
  top: 100%;
  z-index: 999;
  padding-left: .9375rem;
  padding-right: .9375rem;
  background-color: transparent;
  border: 0;
}
header .main-nav-wrapper .main-navigation .mega-menu .column-block > h3 {
  color: #00a5cb;
  font-size: .9rem;
  font-weight: 600;
  margin-top: 15px;
}
header .main-nav-wrapper .main-navigation .mega-menu .column-block > ul {
  list-style: none;
  margin: 0;
}
header .main-nav-wrapper .main-navigation .mega-menu .column-block > a {
  color: #00a5cb;
}
header .main-nav-wrapper .main-navigation .mega-menu > li {
  background-color: #ffffff;
  border: 1px solid #f5f5f5;
  color: #000000;
  padding: 1rem 0;
}
header .main-nav-wrapper .main-navigation .mega-menu .header {
  color: #00a5cb;
  font-size: .9rem;
}
header .main-nav-wrapper .main-navigation .mega-menu:not(.basic) a {
  color: #545454;
}
header .main-nav-wrapper .main-navigation .mega-menu .mega-menu__cats {
  border-right: 2px solid #f5f5f5;
  position: relative;
  float: left;
}
header .main-nav-wrapper .main-navigation .mega-menu .mega-menu__cats li:last-child a {
  color: #00a5cb;
}
header .main-nav-wrapper .main-navigation .mega-menu .mega-menu__cats:after {
  content: '>>';
  position: absolute;
  right: -1rem;
  top: 50%;
  background-color: #f5f5f5;
  color: #545454;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  border-radius: 2rem;
}
header .header__add {
  position: relative;
  top: -1.3rem;
  text-align: right;
  margin-right: 2.5rem;
}
header .header__search {
  margin-bottom: 0;
  position: relative;
}
header .header__search input {
  height: 100%;
  border: 0;
  box-shadow: none;
  font-size: .85rem;
  padding-left: .75rem;
  position: absolute;
  top: 0;
}
header .header__search input:focus {
  border: 0;
  box-shadow: none;
}
header .header__search .input-group-button {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}
header .header__search .input-group-button button {
  background-color: #ffffff;
  color: #1e1e1e;
  font-size: 2rem;
  padding: 0 .75rem;
}


.heading-strap {
  background-color: #00a5cb;
  color: #ffffff;
  padding: 1rem 0;
}
.heading-strap .svg--bell {
  width: 2rem;
  height: 2rem;
  margin-right: .75rem;
}

@media screen and (max-width: 39.9375em) {
    header .header__middle {
        padding: .5rem 1rem;
    }
    header .logo {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    header .logo img {
        padding: 0;
    }
    header .header__add {
        position: static;
        float: right;
        margin-right: .75rem;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    header .header__basket {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        float: right;
    }
    header .header__basket a {
        background-image: url("/images/basket-white.png");
        background-color: #00a5cb;
        background-position: left .5rem center;
        color: #fff;
        width: auto;
        padding-left: 2.5rem;
        position: static;
        float: right;
    }
    header .header__basket .header__basket--items {
        font-size: 1rem;
        line-height: 2.25rem;
        padding-right: .5rem;
    }
    header .header__currency select {
        font-size: 1rem;
        font-weight: 600;
        background: none;
        padding-right: 0;
    }
    header .header__wishlist {
        font-size: 1rem;
    }
}

@media screen and (min-width: 40em) {
    header .header__basket {
      margin-top: 1rem;
    }
    header .header__basket a .header__basket--items {
        color: #ffffff;
        background-color: #00a5cb;
        text-align: center;
        width: 1rem;
        height: 1rem;
        font-size: .7rem;
        display: inline-block;
        z-index: 99;
        position: absolute;
        top: -.25rem;
        border-radius: 1rem;
        right: -.25rem;
    }
}

@media screen and (max-width: 64em) {
  header .header__top {
      padding: 0;
  }
  header .button-group {
      margin: 0;
  }
  header .button-group a {
      font-size: 1.25rem !important;
      color: #00a5cb;
      background-color: #ffffff;
      border-right: 1px solid #f5f5f5;
      margin: 0 !important;
  }
}
@media screen and (min-width: 64em) {
    header .header__right > .column + .column {
      border-left: 1px solid #f5f5f5;
    }
}

.mobile-search {
  background-color: #00a5cb;
  padding: .25rem;
  margin-bottom: 0;
}
.mobile-search input {
  border: 0;
}

.mob-menu-toggle {
  margin-bottom: 0;
  text-align: left;
  background-color: #f5f5f5;
  color: #000000;
  font-size: 1rem;
}
.mob-menu-toggle:hover, .mob-menu-toggle:focus {
  background-color: #f5f5f5;
  color: #00a5cb;
}

.mobile-search-container,
.mobile-navigation {
  display: none;
}

.mob-currency-list {
  padding: 0;
  width: auto;
  border: 0;
  background-color: #00a5cb;
}
.mob-currency-list a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.mobile-navigation > ul > li > a {
  border-top: 1px solid #C9C9C9;
}
.mobile-navigation .menu a {
  font-size: .95rem;
  text-transform: uppercase;
  border-bottom: 1px solid #f5f4f4;
  color: #727272;
}
.mobile-navigation .menu .is-accordion-submenu-parent > a:after {
  color: #C9C9C9;
  content: '+';
  border: 0;
  font-size: 1.25rem;
  font-weight: 900;
  top: .85rem;
}
.mobile-navigation .menu .is-accordion-submenu-parent[aria-expanded=true] > a:after {
  content: '-';
  top: 2.125rem;
}
.mobile-navigation .menu .submenu {
  margin-left: 0;
}
.mobile-navigation .menu .submenu li a:before {
  content: '';
  background-color: #00a5cb;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: top;
  margin-top: .3rem;
  margin-right: .75rem;
}

footer {
  background-color: #1e1e1e;
  margin-top: 2rem;
  padding: 2.75rem 0;
}
footer h4 {
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 500;
}
footer .menu a {
  padding-left: 0;
  padding-right: 0;
  color: #b0a6a6;
}
footer .menu.no-header {
  margin-top: 2.125rem;
}
footer .footer__suplement .tp-promo {
  width: 200px;
  display: block;
  margin-top: 1.25rem;
}
footer .footer__suplement .footer__cards {
  margin-top: 1.25rem;
}
footer .footer__suplement .footer__social {
  margin-top: 1.25rem;
  font-size: 1.5rem;
}
footer .footer__suplement .footer__social a {
  color: #ffffff;
  margin-right: .5rem;
}
footer .footer__suplement .footer__social a:hover {
  color: #b0a6a6;
}
footer .footer-bottom {
  margin-top: 1.75rem;
  color: #b0a6a6;
}
footer .footer-bottom .header {
  text-transform: uppercase;
  font-weight: 600;
  color: #ffffff;
  font-size: inherit;
  margin: inherit;
}
footer .footer-bottom:before {
  content: '';
  margin-left: .9375rem;
  margin-right: .9375rem;
  border-top: 4px double #ffffff;
  display: block;
  padding-bottom: 1.5rem;
}

/* small only */
@media screen and (max-width: 39.9375em) {
    footer {
        padding-top: 0;
    }
    .footer-menu-toggle,
    .footer-menu-toggle:focus,
    .footer-menu-toggle:active {
        background-color: #545454;
        color: #fff !important;
        display: block;
        width: auto;
        text-align: left;
        padding: .5rem 1rem;
        font-size: 1.125rem;
        font-weight: 800;
        text-transform: uppercase;
        margin: 0 -.625rem;
    }
    footer .menu.no-header {
        margin-top: 0;
    }

}

.below-footer {
  padding: .75rem 0 4rem;
  font-size: .7rem;
}
.below-footer .footer__copyright {
  margin: .5rem 0;
}
.below-footer p {
  margin-bottom: 0;
}

.footer__accred {
  position: relative;
}
.footer__accred .form {
  position: absolute;
  top: 48%;
  right: 24%;
  width: 75px;
  height: 14px;
}
.footer__accred .form input[type='text'] {
  padding: 0;
  height: auto;
  font-size: 10px;
  width: 40px;
  margin: 0;
  display: inline;
  position: absolute;
  left: 0;
}
.footer__accred .form input[type='submit'] {
  font-size: 8px;
  vertical-align: top;
  position: absolute;
  left: 39px;
}


@media screen and (max-width: 64em) {
  footer .footer__suplement {
  text-align: center;
  }
  footer .footer__social {
  width: auto;
  margin: auto;
  display: inline-block;
  }
  footer .footer__cards {
  max-width: 300px;
  margin: 1rem auto;
  }
  footer .two-cols {
  columns: 1;
  }
}
@media screen and (max-width: 39.9375em) {
  footer .menu.vertical a {
  border-bottom: 1px solid #545454;
  font-size: 1rem;
  }
  footer .tp-promo {
  margin: auto;
  }
  footer .footer-bottom {
  text-align: center;
  }

  .below-footer {
  text-align: center;
  }
}
.bottom-logos {
    font-size: 0;
    position: fixed;
    left: 0;
    right: 0;
    padding: 0 30px 10px;
    bottom: 0;
    z-index: 99;
}
.bottom-logos img {
    display: inline-block;
    vertical-align: top;
    margin-right: 2px
}

#google-trusted-store-logo {
    display: inline-block;
    vertical-align: top;
    margin-right: 2px
}
.product__images {
  position: relative;
}
.product__images .flag--offer {
  top: 1rem;
  right: 1rem;
  left: inherit;
  width: 3.5rem;
}
.product__images .flag--new {
  right: inherit;
  width: 90px;
  height: 45px;
  left: .5rem;
  top: .5rem;
  display: block;
  line-height: 2.75rem;
  font-size: 1.25rem;
}

.images__thumbs {
  margin: 1rem -1rem;
  overflow: hidden;
}
.images__thumbs .image-container {
  border: 1px solid #f5f5f5;
  margin: 0 1rem;
  height: 0;
  padding-bottom: 150px;
}
.images__thumbs .slick-arrow {
  background-color: rgba(0, 0, 0, 0.5);
  width: 1.75rem;
  z-index: 2;
  height: 100%;
}
.images__thumbs .slick-arrow.slick-prev {
  left: 1rem;
}
.images__thumbs .slick-arrow.slick-prev:before {
  content: '\f104';
  font-family: 'FontAwesome';
}
.images__thumbs .slick-arrow.slick-next {
  right: 1rem;
}
.images__thumbs .slick-arrow.slick-next:before {
  content: '\f105';
  font-family: 'FontAwesome';
}

.product__info section {
  border-top: 1px solid #f5f5f5;
  padding-top: 1rem;
}
.product__info .info__price {
  position: relative;
  margin-top: 1.75rem;
}
.product__info .price {
  font-size: 1.5rem;
  color: #00a5cb;
  font-weight: 600;
  padding-right: .5rem;
}
.product__info .header {
  margin: 0 0 1rem 0;
  line-height: 1.25;
}
.product__info .reward {
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.product__info .free-shipping {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    padding-left: 28px;
    background: url(/css/images/free-delivery-checkmark.png) 0 center no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
    color: #369a49;
    text-transform: uppercase;
}
.product__info .block-link {
  margin-bottom: 1rem;
}
.product__info .product-options {
  margin-top: 1rem;
}
.product__info .reward .reward__pts {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  display: block;
  color: #555555;
}
.product__info .product-options .button {
  padding: .85em 1em;
}
.product__info .product-options .button + .button {
  margin-left: .5rem;
}
.product__info .product-options select {
  text-transform: uppercase;
  border-color: #f5f5f5;
}
.product__info .danger {
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
}
.product__info .gift-box .header {
  font-size: 1.25rem;
}
.product__info .gift-box em {
  color: #e32435;
  text-transform: uppercase;
  font-style: normal;
  font-size: 1.25em;
}
.product__info .promo-container {
  display: inline-block;
  float: right;
}
.product__info .promo {
  background-color: #f9f9f9;
  display: inline-block;
  margin-left: 10px;
  padding: 8px 8px 8px 56px;
  color: #549955;
  text-transform: uppercase;
  font-weight: 500;
  font-size: .75rem;
  background-size: 144px;
  line-height: 1.3;
}
.product__info .f-delivery {
  background: #f9f9f9 url("/images/fast-delivery.png") center left 10px / 33px no-repeat;

}
.product__info .ww-delivery {
  background: #f9f9f9 url("/images/ww-delivery.png") center left 10px / 33px no-repeat;
}

@media screen and (max-width: 63.9375em) {
    .product__info .promo-container {
        float: none;
        display: block;
        text-align: center;
    }
}

@media screen and (max-width: 39.9375em) {
    .product-options .button {
        display: block;
        width: 100%;
        margin-left: 0 !important;
    }
}

.danger-box {
  background-color: #b90000;
  color: #FFF;
  padding: 1rem;
  margin-bottom: 1rem;
  font-weight: 500;
}
.product-tabs {
  margin-top: 2rem;
}
.product-tabs .tabs {
  border: 0;
  background-color: #f5f5f5;
}
.product-tabs .tabs-content {
  border: 0;
}
.product-tabs .tabs h2 {
  margin: 0;
}
.product-tabs h2 a {
  color: #0a0a0a;
}
.product-tabs .tabs .is-active h2 {
  background-color: #e7e7e7;
}
.product-tabs .tabs-content .tabs-panel {
  padding: 1rem 0;
}
.product__reviews {
  padding-bottom: 2rem;
}
.product__reviews .image-container {
  max-width: 200px;
  margin: auto;
  margin-top: 2.5rem;
}
.product__reviews .review__meta {
  text-align: center;
  border-bottom: 1px solid #E1E1E1;
  margin: 1rem 0;
  padding-bottom: 1rem;
  color: #545454;
}
.product__reviews .review__meta span {
  text-transform: uppercase;
  padding-right: .5rem;
}
.product__reviews .reviews-slider {
  max-width: 600px;
  margin: 2rem auto;
  text-align: left;
}
.product__reviews .reviews-slider {
  padding-bottom: 1rem;
}
.product__reviews .review__date {
  color: #b0a6a6;
}
.product__reviews .review__author {
  font-size: 1.25rem;
  font-weight: 600;
}
.product__reviews .slick-dots li button:before {
  font-size: 1rem;
}

.product__description {
  margin-top: 2.75rem;
}

.trustpilot-widget iframe {
    /*height: auto !important;*/
}

.video-link {
  text-transform: uppercase;
  font-weight: 500;
  background: url("/images/icon__play.png") no-repeat left center;
  background-size: 1.75rem;
  padding: .75rem 0 .75rem 2rem;
  display: inline-block;
  vertical-align: top;
  margin-right: 1rem;
}

.promo--f-delivery {
  display: inline-block;
  width: 30%;
  height: 2.5rem;
  margin-right: 1rem;
  margin-left: 1rem;
  background: url("/images/fast-delivery.png") no-repeat center;
  background-size: contain;
}

.promo--ww-delivery {
  display: inline-block;
  width: 40%;
  height: 2.5rem;
  float: right;
  background: url("/images/world-delivery.png") no-repeat center;
  background-size: contain;
}

.finance-box {
  padding: 18px 15px;
  background: #f9f9f9 url("/images/finance-logo.png") 97% center no-repeat;
  background-size: 144px;
  margin-top: 12px;
}

.finance-box .inner {
  background: url("/images/finance-icon1.png") left center no-repeat;
  background-size: 22px;
  line-height: 32px;
  padding-left: 32px;
  font-weight: 700;
  font-size: 13px;
}

.product__share {
  margin-bottom: .75rem;
}
.product__share a {
  font-size: 1.75rem;
  color: #ffffff;
  background-color: #545454;
  margin-right: 2px;
  width: 2.75rem;
  height: 2.75rem;
  text-align: center;
  padding: 0 !important;
  line-height: 2.5rem !important;
}
.product__share li:nth-child(1) a {
  background-color: #4d70ac;
}
.product__share li:nth-child(2) a {
  background-color: #2aaae1;
}
.product__share li:nth-child(3) a {
  background-color: #d63733;
}
.product__share li:nth-child(4) a {
  background-color: #de4837;
}
.product__share li:nth-child(5) a {
  background-color: #33455c;
}

.related-slider {
  padding-left: 2rem;
  padding-right: 2rem;
  overflow: hidden;
}
.related-slider .slick-arrow {
  background-color: #000000;
  height: 100%;
  width: 2rem;
}
.related-slider .slick-arrow.slick-prev {
  left: 0;
}
.related-slider .slick-arrow.slick-next {
  right: 0;
}

@media screen and (max-width: 64em) {
  .product__images,
  .product__info {
  max-width: 700px;
  margin: auto;
  }

  .product__info {
  margin-top: 1rem;
  }
}
.basket__items table tbody {
  border: 0;
}
.basket__items table tbody th {
  text-align: left;
  font-size: .9rem;
  font-weight: 500;
}
.basket__items table tbody tr {
  border: 0;
  border-bottom: 1px solid #E1E1E1;
}
.basket__items table tbody tr:first-child {
  border-top: 1px solid #E1E1E1;
}
.basket__items table .basket__product td {
  padding: 1.2rem .625rem 1.2rem;
}
.basket__items table .basket__product td:first-child {
  padding-left: 0;
}
.basket__items table .basket__product .product__price {
  font-size: .85rem;
  font-weight: 900;
}
.basket__items table .basket__product .product__title {
  font-size: .95rem;
  font-weight: 500;
}
.basket__items table .basket__product .image-container {
  position: relative;
  display: block;
  width:90px;
  height:90px;
}

.product__qty {
  border: 1px solid #E1E1E1;
  width: 4.75rem;
  overflow: hidden;
}
.product__qty input {
  font-weight: 500;
  text-align: center;
  display: inline-block;
  width: 3rem;
  margin: 0;
  height: 3.5rem;
  float: left;
  border: 0;
  box-shadow: none;
}
.product__qty input:focus {
  border: 0;
  background-color: #E1E1E1;
}
.product__qty .qty__control {
  float: right;
}
.product__qty .qty__control button {
  font-size: 1rem;
  font-weight: 600;
  width: 1.5rem;
  display: block;
  border-left: 1px solid #E1E1E1;
  height: 1.75rem;
}
.product__qty .qty__control button:first-child {
  border-bottom: 1px solid #E1E1E1;
}
.product__qty .qty__control button:focus {
  outline: none;
  color: #00a5cb;
}

.qty--update {
  width: 4.75rem;
  padding: .35rem;
  font-size: .8rem;
}

@media screen and (max-width: 39.9375em) {
    .product__qty + button {
        display: inline-block;
        vertical-align: top;
        margin-top: 1.25rem;
    }
    .product__qty {
        display: inline-block;
    }
    .product__remove {
        font-size: .9rem !important;
        border: 1px solid #e1e1e1;
        border-width: 1px 0;
        padding: .25rem 0;
        display: block;
        width: 100%;
        text-align: left;
    }
    .basket__product > td {
        padding-top: .75rem !important;
        padding-bottom: .75rem !important;
    }
}

.product__remove {
  color: #000000;
  font-size: 1.125rem;
  float: right;
}

.basket__info section {
  border-top: 1px solid #E1E1E1;
  padding-top: 1rem;
  margin-bottom: 1rem;
}
.basket__info section > strong {
  font-size: .9rem;
  font-weight: 500;
  display: block;
  margin-bottom: .5rem;
}
.basket__info section .promo {
  margin-bottom: 1rem;
  display: block;
}
.ups-access-point {
    font-size: 13px;
    margin-top: -10px;
    display: none
}
#ups-access-point-modal-overlay {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-color: rgba(0, 0, 0, 0.7)
}

#ups-access-point-modal {
    position: absolute;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 940px;
    z-index: 2001;
    background-color: #fff
}

#ups-access-point-modal * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#ups-access-point-modal h2 {
    line-height: 46px;
    color: #fff;
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    padding: 0 15px;
    background-color: #2291bb
}

#ups-access-point-modal .inner {
    padding: 15px
}

#ups-access-point-modal p {
    margin: 0;
    color: #6e6e6e;
    font-size: 12px
}

#ups-access-point-modal .content {
    border: 4px solid #cdcdcd;
    margin-top: 15px;
    width: 100%;
    overflow: hidden
}

#ups-access-point-modal iframe {
    display: block;
    vertical-align: top;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 370px
}

#ups-access-point-modal .close {
    background: url('images/close-button2.png') 0 0 no-repeat;
    width: 32px;
    height: 32px;
    -webkit-background-size: 100%;
    background-size: 100%;
    position: absolute;
    right: -16px;
    top: -16px;
    font-size: 0;
    display: block;
    cursor: pointer
}

#product .ups {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #3b140d url('images/ups-access-point2.png') 15px center no-repeat;
    color: #fff;
    font-size: 12px;
    -webkit-background-size: 164px;
    background-size: 164px;
    padding: 7px 50px 11px 195px;
    margin: 8px 0
}

#product .ups h2 {
    font-weight: 700;
    font-size: 14px;
    margin: 0
}

#product .ups p {
    margin: 1px 0 0;
    font-size: 12px;
    line-height: 1.2
}
.basket__totals tr {
  border: 0 !important;
}
.basket__totals tr:last-child {
  font-size: .95rem;
  font-weight: 500;
}
.basket__totals tr:last-child span {
  border-bottom: 0;
}
.basket__totals span {
  border-bottom: 1px solid #E1E1E1;
  display: block;
  padding-bottom: .5rem;
}
.basket__totals td {
  padding: .5rem 0 0 0;
}
.basket__totals td:first-child {
  padding-left: 0.5rem;
}
.basket__totals td:last-child {
  padding-right: .5rem;
}

.product__var {
  font-size: .7rem;
  color: #545454;
}
.product__var .var__name {
  float: left;
  width: 6rem;
}
.product__var .var__val {
  color: #555555;
}

.promo-code {
  border: 2px dotted #E1E1E1;
  padding: 1rem;
  margin: 1rem 0;
}
.promo-code .header {
  font-size: 1.25rem;
  margin-top: 0;
}
.promo-code .input-group {
  margin-bottom: 0;
}

@media screen and (max-width: 64em) {
  .basket__items th {
  display: none;
  }
  .basket__items .basket__product {
  width: 100%;
  }
  .basket__items .basket__product td {
  display: inline-block;
  float: left;
  }
  .basket__items .basket__product td:nth-child(1) {
  width: 30%;
  }
  .basket__items .basket__product td:nth-child(2) {
  width: 70%;
  }
  .basket__items .basket__product td:nth-child(3), .basket__items .basket__product td:nth-child(4), .basket__items .basket__product td:nth-child(5) {
  width: 20%;
  height: 8rem;
  }
  .basket__items .basket__product td:nth-child(6) {
  width: 10%;
  height: 8rem;
  text-align: center;
  }
  .basket__items .basket__product:nth-child(2) {
  border-top: 1px solid #f5f5f5;
  }
}
@media screen and (min-width: 64em) {
    .basket__info .paypal,
    .basket__info .amazon {
        width: 50%;
        display: block;
        margin: 0 auto 1rem auto;
    }
}

@media screen and (max-width: 39.9375em) {
    .basket__items .basket__product td:nth-child(3),
    .basket__items .basket__product td:nth-child(4),
    .basket__items .basket__product td:nth-child(5),
    .basket__items .basket__product td:nth-child(6) {
        width: 70%;
        height: auto;
        display: block;
        float: right;
    }
    .product__remove {
        float: left;
    }
}

@media screen and (max-width: 63.9375em) {
    .basket__info .paypal, .basket__info .amazon {
        width: auto;
        display: block;
        margin: 0 auto 1rem auto;
        max-width: 200px;
    }
}


.checkout-form .paypal {
  width: 200px;
  margin-right: 1rem;
  background-color: rgba(0, 0, 0, 0) !important;
}
.checkout-cards {
  width: 240px;
  height: 40px;
  background-image: url(/images/card-logos.png);
  background-position: center;
  background-size: contain;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  margin-left: 1rem;
}
.checkout-button {
  padding-right: 2rem;
  padding-left: 2rem;
  font-weight: 500;
}

.same-address-container {
  margin: .25rem 0 0;
  display: inline-block !important;
}
.checkout-form .button-group button:first-child {
  margin-bottom: 1rem;
}
.or-seperator {
  display: inline-block;
  margin-right: 1rem;
  height: 40px;
  font-size: .8rem;
  line-height: 40px;
  vertical-align: top;
}

@media screen and (max-width: 39.9375em) {
    .border-box {
        padding: 0;
        border: none;
    }
    .checkout-form .button-group .button {
        width: 100%;
    }
    .checkout-form .paypal {
        margin: auto;
        display: block;
    }
    #account-form .button {
        width: 100%;
    }
}

@media screen and (max-width: 63.9375em) {
    .callout-box button[name='finance_button'] {
        font-size: 1rem;
    }
}


.blog-post {
  margin-bottom: 1.5rem;
  box-shadow: 0px 0px 12px #E1E1E1;
}
.blog-post .post-img img {
  width:95%;
  margin:0 auto;
}
.post-img {
  padding: 1rem;
}
.post-img .image-container {
  padding-bottom: 35%;
}
.blog-img {
  height:250px;
  width:100%;
}
.blog-post .blog-img img {
  max-height: 200px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.blog-post .header {
  font-size: 1.5rem;
  letter-spacing: .05rem;
  font-weight: 700;
}
.blog-post .blog__meta {
  margin-bottom: .75rem;
}
.blog-post .button {
  margin-bottom: 2.5rem;
}

.blog__list .blog-post {
  box-shadow: none;
}

.blog__wrapper {
  margin: 1rem auto;
  max-width: 830px;
}

.blog__wrapper .header {
  font-size: 3rem;
  border-bottom: 1px solid #f5f5f5;
  letter-spacing: .1rem;
  margin-bottom: 2rem;
}

.blog-menu .header {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 .75rem 0;
}
.blog-menu .dash-menu {
  margin-bottom: 2rem;
}

@media screen and (max-width: 63.9375em) {
    .blog-post {
        box-shadow: none;
    }
    .blog-post .button {
        margin: 2rem 0 1rem;
    }
    .blog__wrapper .header {
        font-size: 1.15rem;
    }
}

@media screen and (max-width: 39.9375em) {
    .blog-img {
        height: auto;
        clear: both;
    }
    .blog-post .blog-img img {
        position: static;
        height: auto;
        transform: none;
    }
}

.control-group {
  display: inline-block;
  vertical-align: top;
  background: #ffffff;
  text-align: left;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 30px;
  width: 200px;
  height: 210px;
  margin: 10px;
}

.control {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control input:checked ~ .control__indicator {
  background: #2aa1c0;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control input:checked:focus ~ .control__indicator {
  background: #0e647d;
}
.control input:focus ~ .control__indicator {
  background: #ccc;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.control:hover input ~ .control__indicator {
  background: #ccc;
}
.control:hover input:not([disabled]):checked ~ .control__indicator {
  background: #0e647d;
}

.control__indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}
.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}

.control--radio .control__indicator {
  border-radius: 50%;
}
.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #ffffff;
}
.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

.control--checkbox .control__indicator:after {
  left: 8px;
  top: 5px;
  width: 5px;
  height: 8px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

.select {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.select select {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  padding: 10px 15px;
  outline: 0;
  border: 0;
  border-radius: 0;
  background: #e6e6e6;
  color: #7b7b7b;
  appearance: none;
}
.select select:hover {
  color: #000000;
  background: #ccc;
}
.select select:hover ~ .select__arrow {
  border-top-color: #000000;
}
.select select:focus {
  color: #000000;
  background: #ccc;
}
.select select:focus ~ .select__arrow {
  border-top-color: #000000;
}
.select select:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.select select:disabled ~ .select__arrow {
  border-top-color: #ccc;
}
.select select::-ms-expand {
  display: none;
}

.select__arrow {
  position: absolute;
  top: 16px;
  right: 15px;
  width: 0;
  height: 0;
  pointer-events: none;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #7b7b7b transparent transparent transparent;
}

/*# sourceMappingURL=main.css.map */
.product__info .product-type {
    background-color: #2291bb;
    color: #fff;
    font-size: 13px;
    padding: 15px 0 15px 15px;
    margin: 5px 0
}

header .header__search {
border-radius: 25px;
border: 1px solid #dcdcdc;
}
header .header__search input {
border-radius: 25px 0 0 25px;
position: static;
}
header .header__search .input-group-button {
border-radius: 0 25px 25px 0;
}
header .header__search .input-group-button button {
margin-right: 1px;
}
header .input-group.header__search > :first-child {
border-radius: 25px 0 0 25px;
}