/**
 *   Bigcommerce Blueprint
 *   Style Variables
 */
/**
 *   Bigcommerce Blueprint
 *   Style Initialisation
 */
.SortBox,
.AddToWishlistLink .wishlist-button {
  color: #000000;
}
.TopMenu {
  color: #f3f3f3;
  background: #25aae1;
}
.TopMenu li {
  /*border-right: 1px solid lighten(@top-header-background-color,25%);*/
}
.TopMenu a {
  color: #f3f3f3;
}
.TopMenu a:hover {
  color: #000000;
}
#SearchForm input.Textbox {
  color: #f3f3f3;
}
.CartLink {
  color: #f3f3f3;
  background: none;
}
.CartLink:hover {
  background: #000000;
}
.CartLink .icon {
  color: #f3f3f3;
}
.PageMenu .inner {
  background: #cccccc;
}
.PageMenu li ul {
  background: #25aae1;
}
.PageMenu a {
  color: #f3f3f3;
}
.PageMenu li ul li a {
  color: #f0f9ef;
}
.header {
  background: #f3f3f3;
}
.page {
  background: #f3f3f3;
}
.footer {
  background: #000000;
}
.footer-links {
  background: #000000;
  color: #666666;
}
.footer-links a {
  color: #666666;
}
.footer-links a:hover {
  color: #25aae1;
}
.footer-main,
.footer-main a {
  color: #666666;
  font-size: 12px;
}
.footer-main .treeview li a {
  color: #666666;
}
.newsletter-subscription {
  background-color: #444444;
 
}
body,
input,
select,
textarea,
input.Textbox,
input[type="text"],
#SearchForm input,
.HorizontalFormContainer dd .selector span,
.fastCartTop div,
.list-icon li {
  color: #444444;
}
#ModalContent,
.ModalContent,
.CurrencyChooser a span {
  color: #000000 !important;
}
a,
.Left li li a,
.Left #SideCategoryList li a,
.Left .slist li a,
.Left .afterSideShopByBrand a,
.Left #GiftCertificatesMenu li a,
.Left #SideAccountMenu li a,
.Left #SideCategoryList li li a,
.Left .slist li li a,
.TabNav li.Active a,
.ModalContent h4 a:hover,
p a:hover {
  color: #000000;
}
.header-logo a {
  color: #f3f3f3;
}
.page-content #LayoutColumn2 a.pname,
#ModalContent a,
.ModalContent a,
.recaptchatable a {
  color: #000000;
}
.ModalContent a.btn {
  color: #f3f3f3 !important;
}
.ModalContent a.btn:hover {
  color: #666666 !important;
}
.ModalContent a.btn.cta:hover:hover {
  color: #25aae1 !important;
}
.Left li a.active:hover {
  border-color: #000000;
}
.icon-add:hover {
  /* background-color: @link-color !important;*/
}
.multiStep li a {
  color: #404040;
}
.Left li a.active,
a:hover,
a.alt,
p a,
a.NextLink,
.BulkDiscountLink a,
.currency-converter p span,
.BlockContent.PageContent a,
.Left #SideCategoryList li a:hover,
.Left .slist li a:hover,
.Left .afterSideShopByBrand a:hover,
.Left #GiftCertificatesMenu li a:hover,
.Left #SideAccountMenu li a:hover,
.PageMenu li ul li a:hover,
.footer a:hover,
.TabNav li.Active a:hover {
  color: #25aae1;
}
.recaptchatable a:hover,
.page-content #LayoutColumn2 a.pname:hover,
#ModalContent a:hover,
.ModalContent a:hover {
  color: #25aae1;
}
a.alt:hover {
  color: #000000;
}
.multiStep li.ActivePage h4 {
  border-bottom: 4px solid #25aae1;
}
.icon-add {
  /*background: @link-color-alt url("../images/add.png") no-repeat scroll 50% 50%;*/
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: 'Raleway', sans-serif;
  color: #000000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
h2,
.h2,
h3,
.h3,
h4,
.h4,
 {
  color: #25aae1;
}
.CartContents .SubTotal.OrderGrandTotalColor div {
  color: #444;
}
h1,
.h1 {
  color: #25aae1;
}
.productOptionViewProductPickListWithImage td {
  border-bottom: 1px dotted #e4e4e4;
}
.TopMenu li.Flag img.Selected {
  border: 2px solid #e4e4e4;
}
.productOptionViewRectangle .option.selectedValue label {
  border: 1px solid #b1b1b1 !important;
}
.productOptionPickListSwatch .selectedValue .textureContainer,
.productOptionPickListSwatch .selectedValue .swatchColours {
  border: 1px solid #e4e4e4 !important;
  border-color: #3e3e3e !important;
}
.productOptionPickListSwatch .textureContainer,
.productOptionPickListSwatch .swatchColours,
.productOptionViewRectangle .option label,
.recaptchatable #recaptcha_response_field,
.zoomWrapper {
  border: 1px solid #e4e4e4 !important;
}
.CurrencyList dd,
#SearchForm .Button,
#SearchForm input.Textbox,
select,
hr,
input.Textbox,
textarea,
input[type="text"],
input[type="password"],
.QuickSearch,
.SharePublicWishList,
.ExpressCheckoutBlock .ExpressCheckoutTitle,
.TabNav li a,
.HowToPay,
.NotifyMessage,
.QuickSearchResult .QuickSearchResultImage,
.CurrencyChooser,
.selected-currency,
div.uploader,
div.selector,
.recaptchatable {
  border: 1px solid #e4e4e4;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent,
div.uploader span.action {
  border-left: 1px solid #e4e4e4;
}
.TitleHeading,
.TabNav {
}
.ProductList.List .ProductDetails {
  border-top: 1px solid #e4e4e4;
}
.btn {
  background-color: #000000;
  color: #f3f3f3;
  border: 2px solid #000000;
  font-family: 'Raleway', sans-serif;
}
.btn:hover {
  background-color: #999999;
  color: #000000;
}
.btn.alt {
  background-color: #ccc;
  color: #444;
  border: 0;
}
a.btn.alt {
  color: #444;
}
.btn.alt:hover {
  background-color: #999999;
  color: #444;
}
.btn.cta {
  background-color: #25aae1;
  color: #f3f3f3;
  border:0;
}
a.btn.cta {
  color: #f3f3f3;
}
.btn.cta:hover {
  opacity:.8;
  color: #fff;
}
.btn.text {
  color: #000000;
}
.TopMenu > .inner,
#Header > .inner,
.PageMenu > .inner,
.main > .inner,
.footer-main > .inner,
.footer-links > .inner,
.newsletter-subscription > .inner {
  max-width: auto;
  width: 90%;
}
#home .ProductList li,
.productPage .ProductList li,
.ProductList li {
  /*width: @product-column-width;*/
  width: 240px;
  /*background:@page-background-color;*/
}
table {
  border: 1px solid #f3f3f3;
}
.CartCode .CouponCode,
.CartCode .GiftCertificate {
  border: 1px solid #e4e4e4;
}
.CartCode .CouponCode h4,
.CartCode .GiftCertificate h4 {
  background: #e4e4e4;
}
.CheckoutRedeemCouponWrapper {
  background: #f3f3f3;
  border: 1px solid #000000;
}
.ExpressCheckoutBlock .ExpressCheckoutTitle {
  background: #e4e4e4;
}
.StepNumber {
  background: #25aae1;
  border: 3px solid #25aae1;
  color: #f3f3f3;
}
.ExpressCheckoutBlock.ExpressCheckoutBlockCollapsed .StepNumber {
  background: #e4e4e4;
  color: #25aae1;
}
.ExpressCheckoutBlockCompleted .ExpressCheckoutCompletedContent {
  color: #000000;
}
.fastCartSummaryBox {
  background: #e4e4e4;
}
.ToggleSearchFormLink a:hover,
.ToggleSearchFormLink:hover a {
  color: #000000;
}
.AdvancedSearch h3 {
  border-bottom: solid 1px #e4e4e4;
}
.ProductReviewForm h5 {
  border-bottom: solid 1px #e4e4e4;
}
.Left h4,
.Right h4 {
  background: none;
  border-bottom: 1px solid #25aae1;
}
.Right li {
  border-bottom: 1px solid #ededed;
}
.ReturnsList li {
  border-bottom: solid 1px #e4e4e4;
}
#share-product ul li.active {
  background: #e4e4e4;
}
#share-product ul li:hover {
  color: #25aae1;
}
#QuickViewProductDetails h4 a:hover {
  color: #25aae1;
}
/* --- Responsive --- */
/* 768px */
@media screen and (max-width: 768px) {
  .TabNav li.Active a {
    border-bottom: 1px solid #e4e4e4;
  }
  .slide-button .btn {
    background: #e4e4e4;
  }
  ul#ProductTabsList.TabNav li a,
  .TabNav li a {
    background: #f3f3f3;
  }
  ul#ProductTabsList.TabNav li.Active a,
  .TabNav li.Active a {
    background: #e4e4e4;
  }
  #ToggleMenu.active {
    background: #000000;
    color: #f3f3f3;
  }
  .slide-show .slide-overlay {
    background: #e4e4e4;
    color: #f3f3f3;
  }
  .header-secondary {
    background: #000000;
  }
  #ModalContainer,
  div#fancy_outer {
    background: #f3f3f3;
  }
  #Header {
    background: #e4e4e4;
  }
  #cart-amount .Cart .total {
    color: #f3f3f3;
  }
  .Breadcrumb li a {
    color: #000000;
  }
  .Breadcrumb li a:hover {
    color: #25aae1;
  }
  #SideAccountMenuMobile:after,
  #GiftCertificatesMenuMobile:after {
    border-bottom: 1px solid #e4e4e4;
  }

  .TitleHeading,
  .TabNav {
    border-bottom: 1px solid #e4e4e4;
  }
  .CartLink .icon {
    color: #f3f3f3;
  }
}
/* 600px */
@media screen and (max-width: 600px) {
  .BillingDetails,
  .ShippingDetails {
    border-top: 1px solid #e4e4e4;
  }
}
/* 480px */
@media screen and (max-width: 480px) {
  #cart-amount .Cart .total {
    background: #000000;
    color: #f3f3f3;
  }
  #cart-amount .Cart .bag-handle {
    border: 2px solid #000000;
  }
  #Header {
    background: #e4e4e4;
  }
  .PageMenu .inner {
    background: #f3f3f3;
  }
  .header-secondary #SearchForm input.Textbox {
    color: #999999;
  }
}
@media screen and (max-width: 767px) {
  #ProductDetails .ProductTinyImageList ul li {
    background: #000000;
  }
  .header-secondary {
    background: #000000;
  }
  #cart-amount .Cart .total {
    color: #f3f3f3;
  }
  .footer-links > .inner {
    border-top: 1px solid #000000;
  }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
  .OrderContents .CartContents.General tbody tr:after,
  #OrderConfirmationForm .CartContents tr:after {
    color: #f3f3f3;
  }
}
@media screen and (min-width: 769px) and (max-width: 839px) {
  .BillingDetails {
    border-bottom: 1px solid #e4e4e4;
  }
}
#ModalContent a,
.ModalContent a {
  color: #25aae1 !important;
}
#Header {
  background: #444444;
  margin-bottom: 50px;
}
/* --- Faceted Search --- */
.facet-container {
  border-top: 1px solid #dcdcdc;
}
.facet-container [class^="js-facet-clear"] {
  color: #1a1a1a;
}
.facet-container [class^="js-facet-clear"]:hover {
  color: #0d0d0d;
}
.facet-container .btn-facet-more-options.more {
  color: #000000;
}
.facet-container .btn-facet-more-options.more:hover {
  color: #25aae1;
}
.facet-container .facet-option a {
  color: #000000;
}
.facet-container .facet-option .facet-option-product-count {
  color: #1a1a1a;
}
.js-faceted-showing-container .facet-container {
  border-top: 0;
}
.js-faceted-search-container > [class^='js-facet-']:last-of-type .facet-container {
  border-bottom: 1px solid #dcdcdc;
}


/********************************************************************/
/************** Product Detail Small View ***************************/
/********************************************************************/
.AddCartButton #uniform-qty_ {max-width: 100px;}
.QuickSearchResultImage img {max-height: 250px;}
.ProductPrice strike {color:#888;font-weight: 400;}
.m-0 {margin-bottom:0!important;}
.BrandName a {color: #606060;}

.productListPage .ProductThumbImage a {height: auto!important;}
.productListPage .page .Content {overflow:inherit;}
.productListPage .page {background: #fff;}
.productListPage .page .sticky {position:sticky;top:0;}
.productListPage #Header {margin-bottom: 0;}
.productListPage .detaillist-left {background: #f3f3f3;}

.small-product-detail h3 {font-size: 14px;}
.small-product-detail .ProductPrice {padding:0 15px 0 0;}
.small-product-detail .ProductDescriptionContainer p {margin-bottom: 10px;}
.small-product-detail .Breadcrumb.desktop ul {padding:2em 10em;}
.small-product-detail .Breadcrumb.mobile ul {padding:1em;}
.small-product-detail .combined-details {padding:50px;}
.small-product-detail .btn.cta {
    height: 50px;
    box-shadow: 3px 4px 3px #ccc;
    width: 90%!important;
    color: #000;
    font-weight: 400;
    font-family: arial;
    font-size: 16px;
    }

.ProductThumb-listView {}
.ProductThumb-listView li {list-style: none;}
.ProductThumb-listView li a {cursor: default;}
.ProductThumb-listView img {margin: 0 auto;text-align: center;display: block;width:100%;}
.mobile-addCart {display: none;}
@media screen and (max-width: 767px){
	.productListPage #Header {margin-bottom: 0;}
	.small-product-detail .TinyOuterDiv img {display: block;width: 100%;}
	.small-product-detail .ProductDescription{padding:25px;}
	.mobile-addCart {   
	display:block;
	background: #333;
    padding: 25px;
    position: sticky;
    bottom: 0;
    z-index: 2;
    }
    .mobile-addCart .Label {
    color: #fff;}
    .desktop-addCart {display:none;}
}
.SideRelatedProducts {background: #333;padding:50px;}
.SideRelatedProducts h2 {text-align: center;color:#25aae1;margin-bottom: 25px;}
.SideRelatedProducts h4 {padding:0;}
.image-box {max-height: 240px;overflow:hidden;background:#eee;}
.image-box img {max-width: 100%;display: block;margin:0 auto;width:auto!important;}
.SideRelatedProducts .Rating img {margin:20px 0 10px;display: block;}
.Rating img {width:initial!important;}
   
.SideRelatedProducts .btn.cta   {height: 40px;
    box-shadow: 3px 4px 3px #ccc;
    width: 90%!important;
    color: #000;
    font-weight: 400;
    font-family: arial;
    font-size: 14px;
    margin: 0 auto;
    display: block;}

/********************************************************************/
/************** Legend Landing Page ***************************/
/********************************************************************/
body,
html {
    height: 100%
}
.page-scroll .header {background: 0;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 3;}
.page-scroll .TopMenu {background: none;}
.page-scroll #Header {background: none;}
.page-scroll .ToggleMenu {display:none!important;}

.page-scroll .ToggleMenu-alt {position: absolute;
    top: 0px;
    left: 5px;
    width: 46px;
    height: 45px;
    font-size: 21px;
    line-height: 45px;
    color: #fff;
    z-index: 999999;}
.page-scroll .ToggleMenu-alt a {color: #fff;}

.landing-page-scroll {height: 100%;}
.page-scroll .container {
    height: 100%;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    width: 100%;
}

.page-scroll #content-wrapper {
    height: 100%;
    min-height: 500px;
    width: 100%;
}

.page-scroll .scroll-magic-section {
    height: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ktpi93fl/product_images/uploaded_images/story-bg01.jpg?2);
    background-size: cover;
    background-position: center top;
}
.page-scroll .scroll-magic-section h2 {font-family: arial;font-weight: 800;color:#fff;font-size: 35px;margin: -100px auto 0;
        position: relative;
        top: 50%;
        text-align: center;
        max-width: 80%;
}
.page-scroll .scroll-magic-section h1#title {font-family: arial;font-weight: 800;color:#b5942d;font-size:60px;margin: -140px auto 0;text-shadow: 2px 0px 4px black;
        position: relative;
        top: 50%;
        text-align: center;
        max-width: 80%;
}
.page-scroll .scroll-magic-section h1#sub-title {font-family: arial;font-weight: 800;color:rgb(255,255,255,.6);font-size:50px;margin: -10px auto 0;text-shadow: 2px 0px 4px black;
        position: relative;
        top: 50%;
        text-align: center;
        max-width: 80%;
}
p#story-two {
    margin: 15% 0 0;
    font-size: 24px;
    color: #fff;
    width: 460px;
    line-height: 1.4em;
    max-width: 80%;
    padding: 0 20px;
}
p#story-three {
    right: 0;
    position: absolute;
    bottom: 250px;
    text-align: right;
    color: #fff;
    font-size: 20px;
    width: 420px;
    line-height: 1.4em;
    max-width: 80%;
    padding: 0 20px;
}
p#story-four {
	margin:150px auto;
    text-align: center;
    color: #fff;
    font-size: 24px;
    width: 600px;
    line-height: 1.4em;
    max-width: 80%;
    padding: 0 20px;
}
p#story-six {
	right: 0;
	top:50%;
    position: absolute;
    text-align: right;
    color: #fff;
    font-size: 20px;
    width: 420px;
    line-height: 1.4em;
    max-width: 80%;
    padding: 0 20px;
}
p#story-five {
	margin:30% 0 0;
    text-align: left;
    color: #fff;
    font-size: 20px;
    width: 420px;
    line-height: 1.4em;
    max-width: 80%;
    padding: 0 20px;
}
p#story-seven {
	    right: 0;
    position: absolute;
    bottom: 250px;
    text-align: right;
    color: #fff;
    font-size: 20px;
    width: 420px;
    line-height: 1.4em;
    padding: 0 20px;
}

.scroll-magic-section  #pin {
    overflow: hidden;
    width: 100%;

 }
.scroll-magic-section  #pin  h3 {
        margin: -40px 0 0 0;
        position: relative;
        top: 50%;
        font-size: 80px;
        line-height: 80px;
        text-align: center;
        color: #EFEFEF;
    }

.scroll-magic-section  #wipe {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(100%);
    width: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ktpi93fl/product_images/uploaded_images/story-bg02.jpg);
    background-size: cover;
    background-position: bottom;
}
.scroll-magic-section  #wipe h3 {
        color: white;
    }
    
.scroll-magic-section #second-wipe {
height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ktpi93fl/product_images/uploaded_images/story-bg03.jpg);
    background-size: cover;
    background-position: top;
    opacity: 0;
    
}

.scroll-magic-section #slide {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(100%);
    width: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ktpi93fl/product_images/uploaded_images/story-bg05.jpg);
    background-size: cover;
    background-position: top;
}
.scroll-magic-section #slide-two {
height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ktpi93fl/product_images/uploaded_images/story-bg06.jpg);
    background-size: cover;
    background-position: top;
    opacity: 0;
    
}
.scroll-magic-section #slide h3 {
        position: absolute;
        width: 100%;
        color: black;
    }

.scroll-magic-section #slide-dos {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    width: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ktpi93fl/product_images/uploaded_images/story-bg04.jpg);
    background-size: cover;
    background-position: top;
}

.scroll-magic-section #unpin-pre {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background: url(https://cdn10.bigcommerce.com/s-ktpi93fl/product_images/uploaded_images/story-bg07.jpg);
    background-size: cover;
    background-position: bottom;
}
.scroll-magic-section #unpin {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background:#fff;
    text-align: center;
}
.scroll-magic-section .price-tag {font-size: 22px;font-weight: 800;text-align: center;color: #000;margin-bottom: 25px;}
.scroll-magic-section #unpin h2 {text-align: center;color:#222;margin:50px 0 0;font-size: 60px;} 
.scroll-magic-section #unpin h3 {text-transform: capitalize;}    
.scroll-magic-section #unpin img	{
	margin: 50px auto 20px;
    text-align: center;
    align-items: center;
    display: block;
    width: 80%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #eee;}

.scroll-magic-section #unpin a {margin:50px auto;width:80%;}
.scroll-magic-section #unpin a.orange {margin:50px 0;background: orange;color:#000;}