/* line 1, ../scss/styles.scss */
.custom-flex-align-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  /* line 1, ../scss/styles.scss */
  .custom-flex-align-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/* line 10, ../scss/styles.scss */
.custom-flex-align-center-justify-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 768px) {
  /* line 10, ../scss/styles.scss */
  .custom-flex-align-center-justify-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 5px;
  }
}

/**
 * OpenMage
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available at https://opensource.org/license/afl-3-0-php
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2020 Magento, Inc. (https://www.magento.com)
 * @copyright   Copyright (c) 2022 The OpenMage Contributors (https://www.openmage.org)
 * @license     https://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.petheaven.co.za/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

#ampromo-items-add {
  border: 1px solid #ededed;
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
}
#ampromo-items-add a {
  text-decoration: none;
  border-bottom: 1px dashed;
}
.amscheckout #ampromo-items-add {
  margin: 7px 10px;
}
#ampromo-overlay {
  direction: ltr;
}
#ampromo-overlay.mode-popup {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  z-index: 10000;
  text-align: center;
  overflow: scroll;
}
#ampromo-overlay.mode-popup .close {
  position: absolute;
  top: 7px;
  right: 7px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/amasty/ampromo/close_icon.png) no-repeat;
  width: 16px;
  height: 16px;
  z-index: 1;
  margin: 0;
  padding: 0;
  font-size: 0;
  display: block;
  opacity: .8;
}
#ampromo-overlay.mode-popup .close:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
#ampromo-overlay.mode-inline #ampromo-items {
  width: 100%;
  margin: 20px 0 40px;
  border: 0;
  padding: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .products {
  margin: 0 -20px 25px;
  align-items: stretch;
}
#ampromo-overlay.mode-inline #ampromo-items .products .product {
  margin-bottom: 20px;
}
#ampromo-overlay.mode-inline #ampromo-items #ampromo-carousel-wrapper {
  margin: 0 -15px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item {
  margin: 0 20px 20px;
  height: 100%;
  width: auto;
  border-radius: 5px;
  border: none;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-items-form {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: space-between;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .ampromo-item-buttons {
  margin-top: 20px;
  text-align: center;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config .ampromo-item-options {
  margin-bottom: 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options {
  display: flex;
  align-items: flex-start;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options {
  margin-left: 12px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options input,
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.options .ampromo-item-options select {
  max-width: 160px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple {
  margin: -20px -20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-image-wrap {
  padding: 20px 20px 0;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-config.simple .ampromo-item-title {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title {
  position: relative;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title .ampromo-item-title {
  padding: 12px;
  box-sizing: border-box;
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title:hover .ampromo-item-title {
  display: flex;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 {
  color: white;
  line-height: initial;
  text-align: center;
  font-size: 16px;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-item .product-title h4 a {
  color: white;
  line-height: initial;
}
#ampromo-overlay.mode-inline #ampromo-items .ampromo-add-all {
  margin-top: 7px;
  display: flex;
  justify-content: center;
}
#ampromo-overlay.mode-inline .ampromo-slide {
  margin: 10px 0;
}
#ampromo-overlay.mode-inline #ampromo-carousel-content {
  display: flex;
  flex-wrap: wrap;
}
#ampromo-overlay .ampromo-carousel-control {
  position: absolute;
  top: 260px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/amasty/ampromo/buttons_next_prev.png) no-repeat;
  width: 48px;
  height: 45px;
  font-size: 0;
  display: none;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.prev {
  background-position: 0 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.carousel-disabled.next {
  background-position: -46px 0 !important;
}
#ampromo-overlay .ampromo-carousel-control.prev {
  background-position: 0 -45px;
  left: 20px;
}
#ampromo-overlay .ampromo-carousel-control.prev:hover {
  background-position: 0 -91px;
}
#ampromo-overlay .ampromo-carousel-control.next {
  background-position: -46px -45px;
  right: 20px;
}
#ampromo-overlay .ampromo-carousel-control.next:hover {
  background-position: -46px -91px;
}
#ampromo-overlay #ampromo-items {
  border: 1px solid #ededed;
  background-color: white;
  position: relative;
  margin: 0 auto;
  padding: 24px;
  display: inline-block;
  box-sizing: border-box;
}
#ampromo-overlay #ampromo-items.amcarousel {
  display: block;
  width: 950px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-wrapper {
  width: 780px;
}
#ampromo-overlay #ampromo-items.amcarousel #ampromo-carousel-content {
  width: 4500px;
  height: 1px;
}
#ampromo-overlay #ampromo-items.amcarousel .ampromo-carousel-control {
  display: block;
}
#ampromo-overlay #ampromo-items .ampromo-item {
  box-sizing: border-box;
  margin-bottom: 7px;
  padding: 20px;
  width: 250px;
  border: 1px solid #ededed;
  position: relative;
  margin-right: 12px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard {
  width: 400px;
}
#ampromo-overlay #ampromo-items .ampromo-item.ampromo-type-amgiftcard .ampromo-item-options {
  overflow-y: scroll;
  max-height: 300px;
}
#ampromo-overlay #ampromo-items .ampromo-item-options {
  margin-bottom: 12px;
  text-align: center;
}
#ampromo-overlay #ampromo-items .ampromo-item-image {
  display: block;
  margin: 0 auto;
  width: 160px;
  height: 160px;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header {
  font-weight: bold;
  font-size: 18px;
  background: #f3f3f3;
  text-transform: uppercase;
  height: 45px;
  line-height: 45px;
  box-sizing: border-box;
  padding-left: 20px;
  margin-bottom: 25px;
  cursor: pointer;
}
#ampromo-overlay #ampromo-items .rule .ampromo-rule-header:after {
  content: '▲';
  margin-left: 12px;
  color: #919191;
}
#ampromo-overlay #ampromo-items .rule .products {
  display: flex;
  flex-wrap: wrap;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin: 0 0 40px;
}
#ampromo-overlay #ampromo-items .rule .products .product {
  margin-left: 10px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple {
  margin: -20px -20px -40px;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .product-title {
  position: static;
}
#ampromo-overlay #ampromo-items .rule .products .product .product-config.simple .ampromo-item-image-wrap {
  padding: 20px;
}
#ampromo-overlay #ampromo-items .ampromo-item .ampromo-item-description-wrap {
  font-size: 10px;
  margin: 20px 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item {
  box-shadow: none;
  border: 1px solid #d8dae4;
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item.checked {
  outline: 1px solid #d8dae4;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .ampromo-item-title {
  border-radius: 0;
}
#ampromo-overlay #ampromo-items .rule .products .product .ampromo-item .mark input {
  position: absolute;
  left: -25px;
  top: 0;
}
#ampromo-overlay #ampromo-items .rule.collapsed .ampromo-rule-header:after {
  content: '▼';
}
#ampromo-overlay #ampromo-items .rule.collapsed .products {
  display: none;
}
@media only screen and (max-width: 820px) and (min-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 400px;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
}
@media only screen and (max-width: 420px) {
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    width: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel #ampromo-carousel-wrapper {
    width: 250px;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control {
    z-index: 10001;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.next {
    right: 0;
  }
  #ampromo-overlay.mode-popup .ampromo-carousel-control.prev {
    left: 0;
  }
}
@media only screen and (max-width: 340px) {
  #ampromo-overlay.mode-popup #ampromo-items .ampromo-item {
    border: none;
  }
}
@media only screen and (max-height: 500px) {
  #ampromo-overlay.mode-popup #ampromo-items {
    padding-top: 0;
  }
  #ampromo-overlay.mode-popup #ampromo-items.amcarousel {
    top: 0 !important;
    height: 100%;
  }
  #ampromo-overlay.mode-popup #ampromo-items > h4 {
    display: none;
  }
}
#ampromo-carousel-wrapper {
  overflow: hidden;
  margin: 0 auto;
}
#ampromo-carousel-content .ampromo-slide {
  float: left;
}
.ampromo-item .qty-holder {
  display: none;
}
.ampromo-item .giftcard-send-form {
  padding: 0;
  margin: 0;
}
.ampromo-item-options select,
.ampromo-item-options input {
  max-width: 210px;
}
.ampromo-notification {
  padding: 7px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #f16048;
  color: #df280a;
  background: #faebe7;
}
.ampromo-items-form h4 {
  line-height: 50px;
}
.ampromo-items-form h4 a {
  display: inline-block;
  vertical-align: middle;
  line-height: 14px;
}
.ampromo-label {
  float: right;
  position: absolute;
  z-index: 500;
}
.ampromo-gift .product-image {
  float: left;
}
.ampromo-gift li {
  margin: 10px 10px;
  float: left;
}
.ampromo-tooltip {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
  width: 300px;
  position: absolute;
  z-index: 10001;
}
.ampromo-product-name {
  font-weight: bold;
}

.calendar {
  z-index:10001;
}

#tinybox {
    position:absolute; 
    display:none; 
    padding:10px; 
    background:#fff url(https://www.petheaven.co.za/skin/frontend/base/default/css/tinybox/images/preload.gif) no-repeat 50% 50%; 
    border:10px solid #e3e3e3; 
    z-index:2000;
    //height: auto !important;
}
#tinymask {
    position:absolute; 
    display:none; 
    top:0; 
    left:0; 
    height:100%; 
    width:100%; 
    background:#000;
    z-index:1500
}
#tinycontent 
{
    background:#fff
}
/* Affiliateplus Program Plugin stylesheet */

.affiliate-clear { min-height: 18px; clear: both; }

.affiliateplusprogram_total_commission { color: #ff0000; }

.affiliateplus-form-search .input-box .label { font-weight: bold; }
.affiliateplus-form-search .input-box .left input { margin-left: 10px; }

.affiliateplus-anchor {color: #1e7ec8; text-decoration: underline; cursor: pointer;}
.pager .div-left{
    float: left;
}
.pager .div-right {
    float: right;
    margin-right: 4%;
}
/**
 * Magestore
 * 
 * NOTICE OF LICENSE
 * 
 * This source file is subject to the Magestore.com license that is
 * available through the world-wide-web at this URL:
 * http://www.magestore.com/license-agreement.html
 * 
 * DISCLAIMER
 * 
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 * 
 * @category    Magestore
 * @package     Magestore_RewardPoints
 * @copyright   Copyright (c) 2012 Magestore (http://www.magestore.com/)
 * @license     http://www.magestore.com/license-agreement.html
 */

/* ============ Reward Points Stylesheets ============ */

/* Cart Sidebar - MiniCart */
.rewardpoints-cart-sidebar {min-height: 22px; text-align: left; clear: both; margin-top: 5px;}
.rewardpoints-cart-sidebar img {margin-right: 3px;}


/* ============ Reward Points Slider ============ */
#rewardpoints-slider-container {}
#rewardpoints-slider { position: relative; z-index: 9; height: 18px; margin: 12px auto 18px; padding: 0 24px; cursor: pointer; width: 209px; float: left;}
#rewardpoints-slider-zoom-out { position: absolute; left: 1px; top: 0px;}
#rewardpoints-track { position: relative; height: 18px; background: url('https://www.petheaven.co.za/skin/frontend/petheaven/default/css/magestore/images/reward_rule.gif') -1px 0px repeat-x;}
#rewardpoints-handle { position: absolute; top: -1px; width: 9px; height: 22px; background: url('https://www.petheaven.co.za/skin/frontend/petheaven/default/css/magestore/images/magnifier_handle.gif') 0 0 no-repeat;}
#rewardpoints-slider-zoom-in { position: absolute; right: 1px; top: 0px;}
.rewardpoints-slider-label { margin: 5px 0 0 5px; float: left;}

#rewardpoints-login-msg, #rewardpoints-needmore-msg { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px;line-height:13px; background:url('https://www.petheaven.co.za/skin/frontend/petheaven/default/css/magestore/images/validation_advice_bg.gif') 2px 0 no-repeat; color:#eb340a;}

#rewardpoints-needmore-points { font-size: 13px; font-weight: bold;}

/* ============ Cart Page ============ */
.onestepcheckout-payment-methods .rewards-sales-rules {padding-left: 0 !important}
.rewards-sales-rules dt {margin-top: 7px;}
.rewards-sales-rules dt label {font-weight: bold; color: #666;}
.rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px;}
.onestepcheckout-payment-methods .rewards-sales-rules #rewardpoints-slider {margin-bottom: 10px; margin-left: -16px}
.rewards-sales-rules #reward_sales_rule {width: 157px; margin-left: 3px;}
.onestepcheckout-payment-methods .rewards-sales-rules #reward_sales_rule {width: 140px !important; margin-left: 3px;}
.rewardpoints-slider-input .input-point {text-align: center; display: inline-block; width: 300px;}
.rewardpoints-slider-input .input-max {margin-top: 5px;}
.rewardpoints-slider-input .input-max input {float: left; margin-right: 3px; margin-top: 2px;}
#reward_sales_point {width: 49px !important;}
#reward_ajax_loading {margin: 10px; text-align: center; font-style: italic;float:right;}

.rule_refreshing_label {color: #666; font-style: italic;}

/* ============ Checkout Page ============ */
.sp-methods #cart-rewards-form {width: 280px;}
.onestepcheckout-payment-methods .sp-methods #cart-rewards-form {width: 260px !important;}
.sp-methods #cart-rewards-form .rewards-sales-rules label {float: none;}
.sp-methods .rewards-sales-rules dd label {font-weight: normal; color: #000;}

/* ============ One Step Checkout Page ============ */
#cart-rewards-form dd.rewards-slider {margin-left: 17px;}


/* ============ Rewards Points Summary ============ */
.rewardpoints-money {color: #3182be; font-size: 13px;}
.product-view .add-to-cart .qty-wrapper img{margin-bottom: 2px;}
.dashboard .box-rewardpoints-summary, .box-rewardpoints-summary{ 
    color:#333; 
    font-size: 13px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 15px;
}
.dashboard .box-rewardpoints-summary, .box-rewardpoints-summary .info-summary{
    padding-top:5px;
}
.dashboard .box-rewardpoints-summary .box-head h2, .box-rewardpoints-summary .box-head h2 {
        background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/css/magestore/images/rewards.png") no-repeat scroll 0 0 transparent; 
        padding:5px 0 5px 25px;
        font-size: 15px;
}

.box-rewardpoints-history .box-head h2 {
    background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/css/magestore/images/transactions.png") no-repeat scroll 0 center transparent; 
    padding:5px 0 5px 25px;
    font-size: 15px;
}
.rewardpoints-name-img img{display:inline;}
img.rewardpoint-img{display: inline;}
#rewardpoints-referfriends-popup-body .referfriends-body-left-product{margin-top:20px}


/* ============ Header Link - Fix for IE ============ */
.links span.rewardpoints-name {position: relative; padding-right: 18px;}
.links span.rewardpoints-name img {/*position: absolute\9;margin-bottom: 8px;*/ margin: 0 !important;vertical-align: middle;}

.discount .discount-form .rewards-sales-rules .input-max{
     margin-top: 15px
}
.discount .discount-form .rewards-sales-rules .input-max #reward_max_points_used{
    margin: 4px;
}
#behavior-ajax-loader {

}
.share-login #behavior-ajax-loader a img {vertical-align:top !important}
.rewardpoints-product-view-earning{margin-bottom:20px; clear:both}
.rewardpointsbehavior-checkout-action a img, 
#rewardpoints-navigation-rewardpoints.navigation a img, 
a.rewardpoints-name-img img {
	margin-bottom:-2px;
} 
.rewardpoints-title{font-size: 15px; color: #3182be;}
.rewardpoints-title-link{text-decoration: none; color: #3182be; font-weight: bold;}
.rewardpoints-title-rate{margin-top: 5px;}
.rewardpoints-dashboard-list{margin-bottom: 10px;}
.rewardpoints-dashboard-ul {list-style: circle !important; margin: 0 0 0 2em !important; }
.rewardpointsrule-rule-name-policy {color: #3182be;font-style: italic;}

strong.rewardpoints-title{ text-transform: uppercase;}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2014, 2:49:32 PM
    Author     : Thu Thao
*/

/************edit shopping cart*************/
.cart-forms .discount h2{ font-size:12px;font-weight:bold;}
.discount-form .rewards-sales-rules dt label{font-size: 14px;font-weight: normal;font-family:"Raleway","Helvetica Neue",Verdana,Arial,sans-serif;}
.discount-form label{font-size: 14px;font-weight: normal;}


/********************Checkout Success**********************/
.col-main .referfriends-body{height:450px !important;}
.col-main .referfriends-body-left-description{float:left;}
.col-main  .referfriends-body-left{width: 49% !important;text-align: left;}
.col-main  .referfriends-body-right{float:right; width:250px;}
.col-main  .referfriends-body-right-ul li.referfriends-sharelink{text-align:left; float:left; width:100%;height:70px;}
.col-main  .referfriends-body-right-ul li.referfriends-sharefacebook{float:left; width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-sharegoogleplus{float:left;width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-sharetwitter{float:left; width:100%; text-align:left;}
.col-main  .referfriends-body-right-ul li.referfriends-shareemail {float:left; width:100%; text-align:left;}
.col-main #rewardpoints-referfriends-popup{margin-left: auto;display: block;margin-right: auto;}
@media (max-width:900px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; float:none !important; width:auto!important; left:auto !important;margin-left: auto;display: block;margin-right: auto;}
.col-main  .referfriends-body-left-earn{float:left !important;}
}
@media (max-width:720px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;}
.col-main .referfriends-body-right{display:block !important; }
}
@media (max-width:690px){
.col-main  #rewardpoints-referfriends-popup{position:relative; height:auto; width:auto; margin-left: auto;display: block;margin-right: auto;}
.col-main .referfriends-body-right{display:block !important; width:100% !important; text-align: left;float:left !important;}
.col-main .referfriends-body-left{width: 100% !important;text-align: left;}
.col-main .referfriends-body-left-description{width: 100% !important;text-align: left;}
.col-main  .referfriends-body-left-earn{padding-bottom:20px;}
}
/***********Edit Page Details*************/
.referfriends-body-right-1{display:none;}
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom{background:none !important;}
.dialog_e{background:none !important;}
.dialog_content{background:none; width:auto !important;}
.referfriends-title h2{padding-top:20px !important; font-weight:500; border-bottom: 1px solid #CCC; padding-bottom:10px !important;}
.referfriends-title a{top:5px !important; right:10px !important;}
.referfriends-body-left-earn{height:55px !important;}
#rewardpoints-referfriends-popup{border:1px solid #CCC; border-radius:5px;}


@media(max-width:900px){
.dialog_e{display:none;}
.dialog{position: absolute; left: 50% !important; top:32px !important; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;}
#rewardpoints-referfriends-popup{position: absolute;left: 50%; margin-left:-320px;width: 640px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 35px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 35px !important;}
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left-earn{height:58px !important;}
.referfriends-body-left{width:300px !important;}
.dialog{top:31px !important;}
}
@media(max-width:720px){
.dialog{position: absolute !important; left: 50% !important; margin-left: -270px !important; width: 540px !important; float:left !important; height: auto !important;}
 #rewardpoints-referfriends-popup{position: absolute;margin-left: -270px;left: 50%; width: 540px !important;float:left !important; height: auto !important;} 
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
/* .referfriends-body-right-ul  li.referfriends-sharelink{background-size: 30px !important;}*/
.referfriends-body-right-ul li.referfriends-sharefacebook {height: 50px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus{height: 50px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter {height: 50px !important;}
.referfriends-body-right-ul li.referfriends-shareemail {height: 50px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-right .referfriends-body-right-ul  li.referfriends-sharelink{font-size:14px;}
.referfriends-body-left {width:500px !important; float:left;}
.referfriends-body-left-earn{height:65px !important;}
.referfriends-body-right {display:none;}
.referfriends-body-right-1{display:block;position: absolute;top: 145px;left: 300px;}
.referfriends-body-right-1  .referfriends-body-right-ul  li.referfriends-sharelink{font-size:16px;}
.referfriends-body-right-1  .referfriends-body-right-ul li a{font-size:16px;}
.share-link-url {width:149px !important;}
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}
.referfriends-body-left-product-title h3{width:240px;}

}
@media(max-width:620px){
.dialog{position: absolute !important; left: 50% !important; margin-left: -180px !important; width: 360px !important;float:left !important; height: auto !important;}
#rewardpoints-referfriends-popup{position: absolute; margin-left: -180px;left: 50%; width: 360px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left {width:300px !important; float:left;}
.referfriends-body-right-1{display:block; position:static; }
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}
}
@media(max-width:460px){
#rewardpoints-referfriends-popup{position: absolute;margin-left: -150px;left: 50%; width: 300px !important;float:left !important; height: auto !important;} 
.referfriends-body-right-ul  li.referfriends-sharelink{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharefacebook a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharegoogleplus a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-sharetwitter a{background-size: 27px !important;}
.referfriends-body-right-ul li.referfriends-shareemail a{background-size: 27px !important;}
.referfriends-body-right  .referfriends-body-right-ul li a{font-size:16px;}
.referfriends-body-left {width:260px !important; float:left;}
.referfriends-body-right-1{display:block; position:static; }
.referfriends-title{background:none !important;}
.referfriends-body{background:none !important;}
.referfriends-bottom {background:none !important;}

}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 8, 2014, 2:49:21 PM
    Author     : Crystal
*/
/*
*/
.data-table#recent-transactions-history td .label-cell { display: none;}
.data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;}
#rewardpoints-settings li.control label{background-color: #fff;}
@media all {
 .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0px;}    
.sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff}
}
@media only screen and (max-width: 890px){

	/* Force table to not be like tables anymore */
	.data-table#recent-transactions-history thead{display: none;}
        .data-table#recent-transactions-history tbody tr{margin: 0; border-bottom: 1px solid silver;border-top: 1px solid silver;}
	.data-table#recent-transactions-history td.a-right.first{display: none;}
        .data-table#recent-transactions-history td .label-cell {margin:0; text-transform:uppercase; display:block; text-align: left;float: left; font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
    font-size: 13px;}
        .data-table#recent-transactions-history td {display: block; text-align: right; border: none;}
        .data-table#recent-transactions-history td h2 {font-size: 13px; text-transform: none;text-align: left; margin-left: 280px;}
}
@media only screen and (max-width: 979px){
     .sp-methods dl.rewardpoints-sp-methods dt label {background-color: #fff; padding: 0px;}    
     .sp-methods dl.rewardpoints-sp-methods dt label:hover {background-color: #fff} 
}
@media only screen and (max-width: 760px){
    .data-table#recent-transactions-history td h2{margin-left: 335px;}
}
@media only screen and (max-width: 700px){
    .data-table#recent-transactions-history td h2{margin-left: 300px;}
    
}
@media only screen and (max-width: 650px){
    .data-table#recent-transactions-history td h2{margin-left: 250px;}
    
}
@media only screen and (max-width: 550px){
    .data-table#recent-transactions-history td h2{margin-left: 230px;}
    
}
@media only screen and (max-width: 450px){
    .data-table#recent-transactions-history td h2{margin-left: 200px;}
    
}

/* line 1, ../scss/infortis-overrides.scss */
.col-left > *,
.col-left .widget-static-block {
  margin-right: 0 !important;
}

@media (min-width: 768px) {
  /* line 6, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  /* line 10, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .table > tbody > tr > td {
    border-top: none;
  }
  /* line 14, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-default > .panel-heading {
    color: #fff;
    background-color: #50b948;
  }
  /* line 19, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-title {
    font-weight: 700;
  }
  /* line 26, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a:before {
    content: "\e263";
    font-size: 18px;
    font-family: 'ThemeIcons',sans-serif;
    background: #e5e5e5;
    border-radius: 100%;
    padding: 0 3px;
    margin-right: 5px;
    line-height: 25px !important;
  }
  /* line 36, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current {
    font-weight: 900;
  }
  /* line 38, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current:before {
    content: "\e260";
    font-size: 18px;
    font-family: 'ThemeIcons',sans-serif;
    background: #AEE03F;
    border-radius: 100%;
    padding: 0 3px;
    color: #fff;
    margin-right: 5px;
    line-height: 25px !important;
  }
  /* line 54, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar ul {
    float: none;
  }
  /* line 58, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  /* line 62, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  /* line 68, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-header {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
  }
  /* line 73, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar.navbar-default {
    background-color: #fff;
    border-color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  /* line 82, ../../scss/layout/sidebar-nav.scss */
  .col-left {
    float: none !important;
  }

  /* line 88, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
  }
  /* line 91, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .table > tbody > tr > td {
    border-top: none;
  }
  /* line 95, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-default > .panel-heading {
    color: #fff;
    background-color: #50b948;
  }
  /* line 100, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-title {
    font-weight: 700;
  }
  /* line 106, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a:before {
    content: "\e263";
    font-size: 18px;
    font-family: 'ThemeIcons',sans-serif;
    background: #e5e5e5;
    border-radius: 100%;
    padding: 0 3px;
    margin-right: 5px;
  }
  /* line 115, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current {
    font-weight: 900;
  }
  /* line 117, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current:before {
    content: "\e260";
    font-size: 18px;
    font-family: 'ThemeIcons',sans-serif;
    background: #AEE03F;
    border-radius: 100%;
    padding: 0 3px;
    color: #fff;
    margin-right: 5px;
  }
  /* line 132, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-header {
    background-color: #50b948;
  }
  /* line 135, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-header .navbar-brand {
    color: #fff;
  }
  /* line 138, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-header .navbar-toggle {
    border: none;
  }
  /* line 141, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #FFF;
  }
  /* line 149, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }
}
/* line 160, ../../scss/layout/sidebar-nav.scss */
.sidebar-nav .navbar .navbar-collapse .panel-collapse .table a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 25px;
  height: 25px;
}

@media (max-width: 274px) {
  /* line 172, ../../scss/layout/sidebar-nav.scss */
  .customer-nav-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }

  /* line 179, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  /* line 183, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .table > tbody > tr > td {
    border-top: none;
  }
  /* line 187, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-default > .panel-heading {
    color: #fff;
    background-color: #50b948;
  }
  /* line 192, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-title {
    font-weight: 700;
  }
  /* line 198, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-collapse .table a {
    line-height: 15px;
  }
  /* line 206, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a:before {
    content: "\e263";
    font-size: 18px;
    font-family: 'ThemeIcons',sans-serif;
    background: #e5e5e5;
    border-radius: 100%;
    padding: 0 3px;
    margin-right: 5px;
    line-height: 25px !important;
  }
  /* line 216, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current {
    font-weight: 900;
  }
  /* line 218, ../../scss/layout/sidebar-nav.scss */
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current:before {
    content: "\e260";
    font-size: 18px;
    font-family: 'ThemeIcons',sans-serif;
    background: #AEE03F;
    border-radius: 100%;
    padding: 0 3px;
    color: #fff;
    margin-right: 5px;
    line-height: 25px !important;
  }
}

.rewardpointsbehavior-checkout-action{
    /*background-color: #FFE8DB;*/
    float: left;
    margin: 2px 2px 7px 0px;
    padding: 1px;
    width: 172px;
    text-align: left;
}
.account-create .rewardpointsbehavior-checkout-action{
    clear:both;
}
.account-create .rewardpointsbehavior-checkout-action1{
    float: none;
    width: 100% !important;
    margin: 0px !important;
}
.account-login .rewardpointsbehavior-checkout-action1{
    float: none;
}
.rewardpointsbehavior-checkout-action1{
    /*background-color: #FFE8DB;*/
    float: left;
    margin: 0px 0px 0px 5px;
    padding: 1px;
    width: 172px;
    text-align: left;
}
.rewardpointsbehavior-checkout-action .rewardpointsbehavior-icon{
    float: right !important;
}
.rewardpointsbehavior-product-view{
    width: 100%;
    float: left;
}
.rewardpointsbehavior-product-view .rewardpointsbehavior-checkout-action{
    width: auto;
}

.twitter-count-horizontal,
.behavior-facebook-like.behavior-social{
    width: 85px !important;
    /*padding-right: 2px !important;*/
    float:left;
}
#fb-send-id-behavior span{
    vertical-align:baseline !important;
}
#___plusone_0, #___plusone_0 iframe{
    width: 67px !important;
    /*padding-right: 2px !important;*/
}
.behavior-google-plus {width: 67px; display: inline-block;}
.behavior-linkedin {width: 100px; display: inline-block;}
.share-social-button {display: inline;}
/*.share-login {padding-left: 10px; }*/
.behavior-social {display: inline-block; vertical-align: top;}

.behavior-facebook-share .share-button .label {display: inline-block;vertical-align: top;zoom: 1;padding: 1px 4px 0 23px;white-space: nowrap;}
.behavior-facebook-share .share-button {
    font-size: 11px;
    font-family: 'Helvetica Neue', Arial, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 20px;
    max-width: 100%;
    position: relative;
    display: inline-block;
    zoom: 1;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
    background-image: -moz-linear-gradient(top,#fff,#dedede);
    background-image: -o-linear-gradient(top,#fff,#dedede);
    background-image: -ms-linear-gradient(top,#fff,#dedede);
    background-image: linear-gradient(top,#fff,#dedede);
    border: #ccc solid 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #333;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
}
.behavior-facebook-share .share-button i {
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    background: transparent url('https://www.petheaven.co.za/skin/frontend/base/default/css/magestore/images/facebook-icon.png') 0 0 no-repeat;
    background-image: url('https://www.petheaven.co.za/skin/frontend/base/default/css/magestore/images/facebook-icon.png');
}
.behavior-facebook-share a.share-button:hover{
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8));
}
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(https://www.petheaven.co.za/skin/frontend/base/default/silvertree_customer/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(https://www.petheaven.co.za/skin/frontend/base/default/silvertree_customer/img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}

/* ============================================ *
 * Telephone input flags
 * ============================================ */
.iti {
  display: block;
}

.iti__flag {
  background-image: url("https://www.petheaven.co.za/skin/frontend/base/default/silvertree_customer/images/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("https://www.petheaven.co.za/skin/frontend/base/default/silvertree_customer/images/flags@2x.png");
  }
}
.iti--separate-dial-code .iti__selected-flag {
  border-radius: .25rem 0 0 .25rem;
}

.iti__country-list {
  z-index: 200;
}

.iti__flag-container {
  padding: 0;
}

/* line 7, ../../scss/module/silvertree-onesignal.scss */
.onesignal-popover-container .onesignal-popover-dialog #normal-popover .popover-footer #onesignal-popover-allow-button {
  background: #50b848 !important;
}
/* line 10, ../../scss/module/silvertree-onesignal.scss */
.onesignal-popover-container .onesignal-popover-dialog #normal-popover .popover-footer #onesignal-popover-cancel-button {
  color: #50b848 !important;
}

/* line 1, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown {
  display: inline-block;
}
/* line 4, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown > .xdsoft_digit {
  background-position: 0 0;
}
/* line 7, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_dot {
  opacity: 0.9;
}
/* line 11, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_separator:after,
.xdsoft_flipcountdown > .xdsoft_digit.xdsoft_dot:after {
  content: 'day';
}
/* line 15, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown .xdsoft_digit {
  float: left;
  background-repeat: no-repeat;
}
/* line 19, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown .xdsoft_clearex {
  clear: both;
  float: none;
}
/* line 25, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit {
  width: 53px;
  height: 76px;
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/digit-lg.png);
}
/* line 30, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_dot {
  width: 14px;
  background-position: -19px -5082px;
}
/* line 36, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_dot {
  background-position: -41px -5082px;
}
/* line 39, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_lg > .xdsoft_digit.xdsoft_space {
  background-position: -100px -5082px;
}
/* line 44, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit {
  width: 36px;
  height: 51px;
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/digit-md.png);
}
/* line 49, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_md > .xdsoft_digit.xdsoft_dot {
  background: none;
}
/* line 54, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md .xdsoft_space:after {
  font-size: 25px;
  text-transform: uppercase;
  font-family: 'myriad-pro', sans-serif;
  width: 100%;
  text-align: center;
  display: block;
  font-weight: bold;
  line-height: 50px;
}
/* line 64, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md > div:nth-child(3) {
  width: 80px;
}
/* line 67, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md > div:nth-child(3):after {
  content: 'Days';
}
/* line 71, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md > div:nth-child(6) {
  width: 100px;
}
/* line 74, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md > div:nth-child(6):after {
  content: 'Hours';
}
/* line 78, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md > div:nth-child(9) {
  width: 120px !important;
}
/* line 81, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_md > div:nth-child(9):after {
  content: 'Minutes';
}
/* line 87, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit {
  width: 24px;
  height: 34px;
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/digit-sm.png);
}
/* line 92, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_sm > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_sm .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_sm .xdsoft_digit.xdsoft_dot {
  width: 10px;
  background-position: -6px -2310px;
}
/* line 100, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit {
  width: 16px;
  height: 23px;
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/digit-xs.png);
}
/* line 105, ../scss/jquery.flipcountdown.scss */
.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_space,
.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_separator,
.xdsoft_flipcountdown.xdsoft_size_xs > .xdsoft_digit.xdsoft_dot {
  width: 5px;
  background-position: -5px -1584px;
}

@charset "UTF-8";
/**
 * This file is a container for custom CSS. You can use it to override the default styles of the theme.
 *
 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".
 *    Otherwise this file will not be loaded by Magento.
 * 2. Enable it in the admin panel.
 * 3. Uncomment selected sample styles or add your own CSS to override the default styles of the theme.
 *
 * Please refer to the user guide for more details.
 *
 */
/* Reset %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 4, ../scss/core/_styles.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 9, ../scss/core/_styles.scss */
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size-adjust: 100%;
}

/* line 16, ../scss/core/_styles.scss */
body {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  font-size: 1.4rem;
  background-color: #fff;
  color: #333;
}

/* line 26, ../scss/core/_styles.scss */
img {
  border: 0;
  max-width: 100%;
  vertical-align: top;
}

/* line 28, ../scss/core/_styles.scss */
a {
  color: #888;
  text-decoration: none;
}

/* line 29, ../scss/core/_styles.scss */
a:hover {
  text-decoration: none;
  color: #333;
}

/* line 30, ../scss/core/_styles.scss */
:focus {
  outline: 0;
}

/* Headings */
/* line 33, ../scss/core/_styles.scss */
h1, h2, h3,
h4, h5, h6 {
  margin: 0 0 10px;
  font-weight: normal;
}

/* line 36, ../scss/core/_styles.scss */
h1 {
  font-size: 3.0rem;
  line-height: 1.1;
  margin-bottom: 20px;
}

/* line 37, ../scss/core/_styles.scss */
h2 {
  font-size: 2.4rem;
  line-height: 1.1;
}

/* line 38, ../scss/core/_styles.scss */
h3 {
  font-size: 1.9rem;
  line-height: 1.1;
}

/* line 39, ../scss/core/_styles.scss */
h4 {
  font-size: 1.6rem;
  line-height: 1.1;
}

/* line 40, ../scss/core/_styles.scss */
h5 {
  font-size: 1.4rem;
  line-height: 1.1;
}

/* line 41, ../scss/core/_styles.scss */
h6 {
  font-size: 1.4rem;
  line-height: 1.1;
}

/* line 43, ../scss/core/_styles.scss */
h1.border-bottom,
h2.border-bottom,
h3.border-bottom,
h4.border-bottom,
h5.border-bottom,
h6.border-bottom {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
}

/* Forms */
/* line 54, ../scss/core/_styles.scss */
form {
  display: inline;
}

/* line 55, ../scss/core/_styles.scss */
fieldset {
  border: 0;
}

/* line 56, ../scss/core/_styles.scss */
legend {
  display: none;
}

/* Table */
/* line 59, ../scss/core/_styles.scss */
table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size: 100%;
}

/* line 60, ../scss/core/_styles.scss */
caption, th, td {
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}

/* Content */
/* line 63, ../scss/core/_styles.scss */
strong {
  font-weight: bold;
}

/* line 64, ../scss/core/_styles.scss */
address {
  font-style: normal;
}

/* line 65, ../scss/core/_styles.scss */
cite {
  font-style: normal;
}

/* line 66, ../scss/core/_styles.scss */
q,
blockquote {
  quotes: none;
}

/* line 68, ../scss/core/_styles.scss */
q:before,
q:after {
  content: '';
}

/* line 70, ../scss/core/_styles.scss */
small, big {
  font-size: 1em;
}

/* line 71, ../scss/core/_styles.scss */
sup {
  font-size: 1em;
  vertical-align: top;
}

/* Lists */
/* line 74, ../scss/core/_styles.scss */
ul, ol {
  list-style: none;
}

/* Tools */
/* line 77, ../scss/core/_styles.scss */
.hidden {
  display: block !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* line 78, ../scss/core/_styles.scss */
.nobr {
  white-space: nowrap !important;
}

/* line 79, ../scss/core/_styles.scss */
.wrap {
  white-space: normal !important;
}

/* line 80, ../scss/core/_styles.scss */
.a-left {
  text-align: left !important;
}

/* line 81, ../scss/core/_styles.scss */
.a-center {
  text-align: center !important;
}

/* line 82, ../scss/core/_styles.scss */
.a-right {
  text-align: right !important;
}

/* line 83, ../scss/core/_styles.scss */
.v-top {
  vertical-align: top;
}

/* line 84, ../scss/core/_styles.scss */
.v-middle {
  vertical-align: middle;
}

/* line 85, ../scss/core/_styles.scss */
.f-left,
.left {
  float: left !important;
}

/* line 87, ../scss/core/_styles.scss */
.f-right,
.right {
  float: right !important;
}

/* line 89, ../scss/core/_styles.scss */
.f-none {
  float: none !important;
}

/* line 90, ../scss/core/_styles.scss */
.f-fix {
  float: left;
  width: 100%;
  min-height: 147px;
  position: relative;
}

/* line 91, ../scss/core/_styles.scss */
.no-display {
  display: none !important;
}

/* line 92, ../scss/core/_styles.scss */
.no-margin {
  margin: 0 !important;
}

/* line 93, ../scss/core/_styles.scss */
.no-padding {
  padding: 0 !important;
}

/* line 94, ../scss/core/_styles.scss */
.no-bg {
  background: none !important;
}

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 102, ../scss/core/_styles.scss */
.page {
  text-align: left;
  background-repeat: repeat;
  background-position: center top;
}

/* line 103, ../scss/core/_styles.scss */
.page-print {
  background: #fff;
  padding: 20px;
  text-align: left;
}

/* line 104, ../scss/core/_styles.scss */
.page-empty {
  background: #fff;
  padding: 20px;
  text-align: left;
}

/* line 105, ../scss/core/_styles.scss */
.page-popup {
  padding: 20px;
  text-align: left;
  background: #fff;
}

/* line 107, ../scss/core/_styles.scss */
.main-container {
  background-repeat: repeat;
  background-position: center top;
}

/* line 108, ../scss/core/_styles.scss */
.main {
  padding: 30px 0;
  min-height: 370px;
}

/* Base Columns */
/* line 115, ../scss/core/_styles.scss */
.col-left {
  float: left;
}

/* line 116, ../scss/core/_styles.scss */
.col-main {
  float: left;
}

/* line 117, ../scss/core/_styles.scss */
.col-right {
  float: right;
}

/* 1 Column Layout */
/* line 120, ../scss/core/_styles.scss */
.col1-layout .col-main {
  width: 100%;
}

/* 2 Columns Layout */
/* line 123, ../scss/core/_styles.scss */
.col2-left-layout .col-main {
  float: right;
}

/* 3 Columns Layout */
/* line 128, ../scss/core/_styles.scss */
.col3-layout .col-wrapper {
  float: left;
}

/* line 129, ../scss/core/_styles.scss */
.col3-layout .col-wrapper .col-main {
  float: right;
}

/* Content Columns */
/* line 132, ../scss/core/_styles.scss */
.col2-set .col-1 {
  float: left;
  width: 49%;
}

/* line 133, ../scss/core/_styles.scss */
.col2-set .col-2 {
  float: right;
  width: 49%;
}

/* line 134, ../scss/core/_styles.scss */
.col2-set .col-narrow {
  width: 33%;
}

/* line 135, ../scss/core/_styles.scss */
.col2-set .col-wide {
  width: 65%;
}

/* line 137, ../scss/core/_styles.scss */
.col3-set .col-1 {
  float: left;
  width: 32%;
}

/* line 138, ../scss/core/_styles.scss */
.col3-set .col-2 {
  float: left;
  width: 32%;
  margin-left: 2%;
}

/* line 139, ../scss/core/_styles.scss */
.col3-set .col-3 {
  float: right;
  width: 32%;
}

/* line 141, ../scss/core/_styles.scss */
.col4-set .col-1 {
  float: left;
  width: 23.5%;
}

/* line 142, ../scss/core/_styles.scss */
.col4-set .col-2 {
  float: left;
  width: 23.5%;
  margin: 0 2%;
}

/* line 143, ../scss/core/_styles.scss */
.col4-set .col-3 {
  float: left;
  width: 23.5%;
}

/* line 144, ../scss/core/_styles.scss */
.col4-set .col-4 {
  float: right;
  width: 23.5%;
}

/**/
/* line 147, ../scss/core/_styles.scss */
.preface {
  clear: both;
}

/* line 148, ../scss/core/_styles.scss */
.postscript {
  clear: both;
}

/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Form Elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Basic
-------------------------------------------------------------- */
/* line 160, ../scss/core/_styles.scss */
input, select, textarea, button {
  font: 14px/18px Arial, Helvetica, sans-serif;
  vertical-align: middle;
}

/* Fix: remove default formatting on iOS (e.g. rounded corners) */
/* line 165, ../scss/core/_styles.scss */
input.input-text, textarea {
  -webkit-appearance: none;
}

/* line 166, ../scss/core/_styles.scss */
input.input-text, select, textarea {
  background: #fff;
  border: 1px solid #ddd;
  color: #888;
  /* Box model */
  box-sizing: border-box;
  /* Remove default formatting, fix for iOS (rounded corners and shadow) */
  border-radius: 5px;
  box-shadow: none;
}

/* line 182, ../scss/core/_styles.scss */
input.input-text {
  height: 36px;
}

/* line 185, ../scss/core/_styles.scss */
select {
  height: 36px;
  padding: 8px;
  text-overflow: ellipsis;
}

/* line 190, ../scss/core/_styles.scss */
select.multiselect {
  height: auto;
}

/* line 193, ../scss/core/_styles.scss */
input.input-text, textarea {
  padding: 8px;
  text-overflow: ellipsis;
}

/* line 198, ../scss/core/_styles.scss */
select option {
  padding-right: 10px;
  padding-left: 5px;
}

/* line 199, ../scss/core/_styles.scss */
select option:disabled {
  color: #ccc;
}

/* line 200, ../scss/core/_styles.scss */
select.multiselect option {
  border-bottom: 1px solid #eee;
  padding: 2px 5px;
}

/* line 201, ../scss/core/_styles.scss */
select.multiselect option:last-child {
  border-bottom: 0;
}

/* line 202, ../scss/core/_styles.scss */
textarea {
  overflow: auto;
}

/* line 203, ../scss/core/_styles.scss */
input.radio {
  margin-right: 3px;
}

/* line 204, ../scss/core/_styles.scss */
input.checkbox {
  margin-right: 3px;
}

/* line 205, ../scss/core/_styles.scss */
input.qty {
  width: 3em;
  text-align: center;
}

/* Active and others
-------------------------------------------------------------- */
/* line 209, ../scss/core/_styles.scss */
input.input-text:hover, select:hover, textarea:hover,
input.input-text:focus, select:focus, textarea:focus {
  border-color: #aaa;
  color: #333;
  outline: none;
}

/* Buttons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 219, ../scss/core/_styles.scss */
button.button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* FF Fix */
/* line 221, ../scss/core/_styles.scss */
.button {
  display: inline-block;
  margin: 0;
  border: 0;
  overflow: visible;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: normal;
  white-space: nowrap;
  text-align: center;
  background-color: #ddd;
  color: #333;
  line-height: 35px;
  padding: 0 15px;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

/* line 242, ../scss/core/_styles.scss */
.button:hover {
  background-color: #333;
  color: #fff;
}

/* Smaller button - for inline display, e.g. with input boxes
-------------------------------------------------------------- */
/* line 249, ../scss/core/_styles.scss */
.button.btn-inline,
.sidebar .block .button,
.product-view .box-tags .form-add .button,
.title-buttons .button {
  padding: 0 15px;
  line-height: 36px;
  font-size: 14px;
}

/* Big button: proceed to checkout
-------------------------------------------------------------- */
/* line 261, ../scss/core/_styles.scss */
.btn-checkout {
  line-height: 55px;
  font-size: 18px;
}

/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 270, ../scss/core/_styles.scss */
p.control input.checkbox,
p.control input.radio {
  margin-right: 6px;
}

/* Form lists */
/* Grouped fields */
/* line 276, ../scss/core/_styles.scss */
.form-list li {
  margin: 0 0 8px;
}
/* line 280, ../scss/core/_styles.scss */
.form-list li.control label {
  float: none;
}
/* line 283, ../scss/core/_styles.scss */
.form-list li.control input.radio,
.form-list li.control input.checkbox {
  margin-right: 6px;
  margin-top: 0;
  /* override bootstrap @TODO test all checkboxes */
}
/* line 288, ../scss/core/_styles.scss */
.form-list li.control .input-box {
  clear: none;
  display: inline;
  width: auto;
}
/* line 295, ../scss/core/_styles.scss */
.form-list li.wide .input-box {
  /*width:535px;*/
}
/* line 298, ../scss/core/_styles.scss */
.form-list li.wide input.input-text {
  /*width:529px;*/
}
/* line 301, ../scss/core/_styles.scss */
.form-list li.wide textarea {
  /*width:529px;*/
}
/* line 304, ../scss/core/_styles.scss */
.form-list li.wide select {
  /*width:535px;*/
}
/* line 308, ../scss/core/_styles.scss */
.form-list li.additional-row {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
}
/* line 312, ../scss/core/_styles.scss */
.form-list li.additional-row .btn-remove {
  float: right;
  margin: 5px 0 0;
}
/* line 317, ../scss/core/_styles.scss */
.form-list label {
  float: left;
  font-weight: bold;
  position: relative;
  z-index: 0;
  margin: 0 0 2px 0;
}
/* line 324, ../scss/core/_styles.scss */
.form-list label.required em {
  float: right;
  font-style: normal;
  position: absolute;
  top: 0;
  right: -8px;
}
/* line 332, ../scss/core/_styles.scss */
.form-list .input-box {
  display: block;
  clear: both;
}
/* line 336, ../scss/core/_styles.scss */
.form-list .field {
  float: left;
  width: 275px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 573px) {
  /* line 336, ../scss/core/_styles.scss */
  .form-list .field {
    width: 100%;
  }
}
/* line 346, ../scss/core/_styles.scss */
.form-list input.input-text {
  width: 262px;
}
@media only screen and (max-width: 573px) {
  /* line 346, ../scss/core/_styles.scss */
  .form-list input.input-text {
    width: 100%;
  }
}
/* line 353, ../scss/core/_styles.scss */
.form-list textarea {
  width: 244px;
  height: 10em;
}
/* line 357, ../scss/core/_styles.scss */
.form-list select {
  width: 262px;
}
/* line 360, ../scss/core/_styles.scss */
.form-list .input-range input.input-text {
  width: 74px;
}
/* line 364, ../scss/core/_styles.scss */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
  width: auto;
}
/* line 372, ../scss/core/_styles.scss */
.form-list .name-prefix {
  width: 65px;
}
/* line 375, ../scss/core/_styles.scss */
.form-list .name-prefix select {
  width: 55px;
}
/* line 378, ../scss/core/_styles.scss */
.form-list .name-prefix input.input-text {
  width: 49px;
}
/* line 382, ../scss/core/_styles.scss */
.form-list .name-suffix {
  width: 65px;
}
/* line 385, ../scss/core/_styles.scss */
.form-list .name-suffix select {
  width: 55px;
}
/* line 388, ../scss/core/_styles.scss */
.form-list .name-suffix input.input-text {
  width: 49px;
}
/* line 392, ../scss/core/_styles.scss */
.form-list .name-middlename {
  width: 70px;
}
/* line 395, ../scss/core/_styles.scss */
.form-list .name-middlename input.input-text {
  width: 49px;
}
/* line 401, ../scss/core/_styles.scss */
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
  width: 140px;
}
/* line 404, ../scss/core/_styles.scss */
.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text {
  width: 124px;
}
/* line 409, ../scss/core/_styles.scss */
.form-list .customer-name-prefix-middlename-suffix .name-lastname {
  width: 205px;
}
/* line 412, ../scss/core/_styles.scss */
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
  width: 189px;
}

/* Customer */
/* line 419, ../scss/core/_styles.scss */
.form-list .customer-name-prefix-suffix .name-firstname {
  width: 210px;
}

/* line 420, ../scss/core/_styles.scss */
.form-list .customer-name-prefix-suffix .name-lastname {
  width: 205px;
}

/* line 421, ../scss/core/_styles.scss */
.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
  width: 189px;
}

/* line 424, ../scss/core/_styles.scss */
.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname {
  width: 210px;
}

/* line 427, ../scss/core/_styles.scss */
.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
  width: 205px;
}

/* line 432, ../scss/core/_styles.scss */
.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text {
  width: 189px;
}

/* line 438, ../scss/core/_styles.scss */
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
  float: left;
  width: 85px;
}

/* line 441, ../scss/core/_styles.scss */
.form-list .customer-dob input.input-text {
  display: block;
  width: 74px;
}

/* line 442, ../scss/core/_styles.scss */
.form-list .customer-dob label {
  font-size: 10px;
  font-weight: normal;
}

/* line 443, ../scss/core/_styles.scss */
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
  width: 60px;
}

/* line 445, ../scss/core/_styles.scss */
.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
  width: 46px;
}

/* line 447, ../scss/core/_styles.scss */
.form-list .customer-dob .dob-year {
  width: 140px;
}

/* line 448, ../scss/core/_styles.scss */
.form-list .customer-dob .dob-year input.input-text {
  width: 134px;
}

/* Orders and Returns form
-------------------------------------------------------------- */
/* line 452, ../scss/core/_styles.scss */
#oar_widget_orders_and_returns_form .buttons-set button {
  float: left;
  margin-left: 0;
}

/* line 453, ../scss/core/_styles.scss */
#oar_widget_orders_and_returns_form .buttons-set .required {
  text-align: left;
}

/* Fieldset
-------------------------------------------------------------- */
/* line 457, ../scss/core/_styles.scss */
.fieldset + .fieldset {
  margin-top: 30px;
}

/* Common styles for fieldsets and blocks in Multiple Addresses Checkout and Generic Info Set */
/* line 462, ../scss/core/_styles.scss */
.fieldset,
.multiple-checkout .col2-set,
.multiple-checkout .col3-set,
.info-set {
  margin: 0 0 10px;
  padding: 0;
}

/* Buttons set
-------------------------------------------------------------- */
/* line 475, ../scss/core/_styles.scss */
.buttons-set {
  clear: both;
  margin: 0;
  padding: 10px 0 10px 0;
  border-top: 1px solid #e5e5e5;
}
/* line 481, ../scss/core/_styles.scss */
.buttons-set p.required {
  float: right;
  line-height: 1em;
  margin: -33px 0 0;
}
/* line 486, ../scss/core/_styles.scss */
.buttons-set button.button {
  float: right;
  margin-left: 5px;
  min-width: 140px;
}
/* line 491, ../scss/core/_styles.scss */
.buttons-set .back-link {
  float: left;
  margin: 0;
}
/* line 495, ../scss/core/_styles.scss */
.buttons-set .back-link small {
  display: none;
}
/* line 499, ../scss/core/_styles.scss */
.buttons-set .back-link a {
  font-weight: bold;
  border-bottom: 0 none !important;
}
/* line 503, ../scss/core/_styles.scss */
.buttons-set .back-link a:before {
  margin-right: 7px;
  content: "";
  display: none;
}

/* Form Validation
-------------------------------------------------------------- */
/* line 514, ../scss/core/_styles.scss */
.validation-advice {
  clear: both;
  font-size: 0.9166em;
  line-height: 1em;
  color: #ee001c;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 515, ../scss/core/_styles.scss */
.validation-failed {
  border: 1px solid #ee001c !important;
  background: #fff !important;
}

/* Required */
/* line 519, ../scss/core/_styles.scss */
p.required {
  font-size: 0.8333em;
  /*10px*/
  text-align: right;
}

/* line 520, ../scss/core/_styles.scss */
p.required,
.product-options dt label.required em,
.form-list label.required em {
  color: #ee001c;
}

/* Expiration date and CVV number validation fix */
/* line 525, ../scss/core/_styles.scss */
.v-fix {
  float: left;
}

/* line 526, ../scss/core/_styles.scss */
.v-fix .validation-advice {
  display: block;
  width: 12em;
  margin-right: -12em;
  position: relative;
}

/* Selected buttons sets
-------------------------------------------------------------- */
/* Log in */
/* line 531, ../scss/core/_styles.scss */
.account-login .buttons-set .button,
.account-create .buttons-set .button,
.customer-account-forgotpassword .buttons-set .button,
.catalogsearch-advanced-index .buttons-set .button,
#oar_widget_orders_and_returns_form .buttons-set .button,
.contacts-index-index .buttons-set .button {
  min-width: 180px;
}

/* Selected forms
-------------------------------------------------------------- */
/* line 548, ../scss/core/_styles.scss */
#contactForm textarea {
  width: 100%;
  max-width: 535px;
}

/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 557, ../scss/core/_styles.scss */
.success {
  color: #3d6611;
  font-weight: bold;
}

/* line 558, ../scss/core/_styles.scss */
.error {
  color: #ee001c;
  font-weight: bold;
}

/* line 559, ../scss/core/_styles.scss */
.notice {
  color: #ccc;
}

/* line 561, ../scss/core/_styles.scss */
.messages,
.messages ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* line 563, ../scss/core/_styles.scss */
.messages {
  overflow: hidden;
  margin: 0 0 10px;
}

/* line 564, ../scss/core/_styles.scss */
.messages li {
  margin: 0 0 1%;
}

/* line 565, ../scss/core/_styles.scss */
.messages > li:last-child {
  margin-bottom: 0;
}

/* line 566, ../scss/core/_styles.scss */
.messages li li {
  margin: 0;
}

/* line 567, ../scss/core/_styles.scss */
.messages a {
  text-decoration: underline;
}

/* line 568, ../scss/core/_styles.scss */
.catalog-category-view .messages {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* line 569, ../scss/core/_styles.scss */
.cms-index-index .messages,
.cms-home .messages {
  margin: 20px 0 20px;
  clear: both;
}

/* line 572, ../scss/core/_styles.scss */
.error-msg,
.success-msg,
.note-msg,
.notice-msg {
  background-position: 25px center !important;
  background-repeat: no-repeat !important;
  padding: 25px 25px 25px 75px !important;
  font-size: 12px !important;
}

/* line 581, ../scss/core/_styles.scss */
.error-msg {
  border-color: #c02230;
  background-color: #F5DAD3;
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_msg-error.png);
  color: #c02230;
}

/* line 587, ../scss/core/_styles.scss */
.success-msg {
  border-color: #296a23;
  background-color: #e9ffca;
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_msg-success.png);
  color: #296a23;
}

/* line 593, ../scss/core/_styles.scss */
.note-msg,
.notice-msg {
  border-color: #7c622a;
  background-color: #FDEDA4;
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_msg-note.png);
  color: #7c622a;
}

/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 605, ../scss/core/_styles.scss */
.breadcrumbs {
  line-height: 1.5em;
  margin: 0 0 10px;
}
/* line 609, ../scss/core/_styles.scss */
.breadcrumbs .last-crumb {
  color: #50b848;
}

/* line 613, ../scss/core/_styles.scss */
.breadcrumbs li {
  float: left;
}

/* line 616, ../scss/core/_styles.scss */
.breadcrumbs li > * {
  display: inline-block;
  vertical-align: middle;
}

/* Left padding smaller because inline-block layout adds a space between elements */
/* line 622, ../scss/core/_styles.scss */
.breadcrumbs li .sep {
  margin-left: 4px;
  margin-right: 6px;
}

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 631, ../scss/core/_styles.scss */
.page-title h1,
.page-title h2 {
  margin-bottom: 0;
}

/* line 633, ../scss/core/_styles.scss */
.page-title {
  margin-bottom: 20px;
}

/*.category-title { margin-bottom:10px; }*/
/* Links in page title */
/* line 637, ../scss/core/_styles.scss */
.page-title .separator {
  margin: 0 3px;
}

/* line 638, ../scss/core/_styles.scss */
.page-title .separator,
.page-title .link-reorder,
.page-title .link-rss,
.page-title .link-print {
  font-weight: normal;
  display: inline-block;
  margin-top: 10px;
}

/* line 642, ../scss/core/_styles.scss */
.page-title .link-rss {
  float: right;
  margin-top: 15px;
}

/* Title with buttons */
/* line 645, ../scss/core/_styles.scss */
.title-buttons {
  text-align: right;
}

/* line 646, ../scss/core/_styles.scss */
.title-buttons button {
  margin-left: 1em;
}

/* line 647, ../scss/core/_styles.scss */
.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
  float: left;
  text-align: left;
  /* TRICKY: align left as opposition to other elements */
}

/* Toolbar: pager and sorter
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Sorter
-------------------------------------------------------------- */
/* line 661, ../scss/core/_styles.scss */
.sorter {
  padding: 10px 0;
}

/* View mode */
/* line 664, ../scss/core/_styles.scss */
.sorter .view-mode {
  float: right;
}

/* line 665, ../scss/core/_styles.scss */
.sorter .view-mode label {
  margin-right: 5px;
}

/* line 666, ../scss/core/_styles.scss */
.sorter .view-mode .grid,
.sorter .view-mode .list {
  margin-left: 1px;
}

/* Sort by */
/* line 674, ../scss/core/_styles.scss */
.sorter .sort-by {
  float: left;
  margin-right: 10px;
  padding-right: 3px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/link-separator.png) right center no-repeat;
}

/* Pager
-------------------------------------------------------------- */
/* line 684, ../scss/core/_styles.scss */
.pager {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

/* line 685, ../scss/core/_styles.scss */
.pager .pages {
  float: right;
  vertical-align: middle;
}

/* line 686, ../scss/core/_styles.scss */
.pager .pages strong,
.pager .pages span {
  float: left;
  margin-right: 5px;
  font-weight: normal;
}

/* line 688, ../scss/core/_styles.scss */
.pager .pages ol {
  display: inline-block;
  vertical-align: middle;
}

/* line 689, ../scss/core/_styles.scss */
.pager .pages li {
  float: left;
  margin: 0 0 0 1px;
  display: block;
  text-align: center;
}

/* line 690, ../scss/core/_styles.scss */
.pager .pages li a {
  display: block;
  color: inherit;
}

/* line 691, ../scss/core/_styles.scss */
.pager .pages a.previous,
.pager .pages a.next {
  font-size: 16px;
}

/* Toolbar. Pager and sorter inside toolbar
-------------------------------------------------------------- */
/* line 696, ../scss/core/_styles.scss */
.toolbar {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: -1px;
  /* To cover the top line of the products grid/list */
  /* Move up to cover adjacent lines/elements */
  position: relative;
  z-index: 1;
}

/* Pager inside toolbar - align center */
/* line 706, ../scss/core/_styles.scss */
.toolbar .pager {
  margin: 0;
  border-bottom: none;
  text-align: center;
}

/* line 707, ../scss/core/_styles.scss */
.toolbar .pager .pages {
  display: inline-block;
  float: none;
}

/* Bottom toolbar */
/* line 710, ../scss/core/_styles.scss */
.toolbar-bottom {
  margin-top: 10px;
}

/* line 711, ../scss/core/_styles.scss */
.toolbar-bottom .toolbar {
  border-bottom: none;
}

/* line 712, ../scss/core/_styles.scss */
.toolbar-bottom .toolbar .pager {
  border-top: none;
}

/* line 713, ../scss/core/_styles.scss */
.toolbar-bottom .sorter {
  display: none;
}

/* Common styles for toolbar elements
-------------------------------------------------------------- */
/* Height */
/* line 719, ../scss/core/_styles.scss */
.sorter,
.pager {
  line-height: 36px;
}

/* Important: the same as the height of the form elements */
/* Icons */
/* line 723, ../scss/core/_styles.scss */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}

/* Icons and elements of pager */
/* line 733, ../scss/core/_styles.scss */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages .current,
.pager .pages li a {
  font-size: 12px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

/* Amount */
/* line 747, ../scss/core/_styles.scss */
.pager .amount,
.sorter .amount {
  float: left;
  padding-right: 10px;
  margin-right: 10px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/link-separator.png) right center no-repeat;
  margin-bottom: 0;
}

/* Limiter */
/* line 757, ../scss/core/_styles.scss */
.pager .limiter,
.sorter .limiter {
  float: left;
  margin-right: 15px;
}

/* Data Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 764, ../scss/core/_styles.scss */
.data-table {
  width: 100%;
}
/* line 767, ../scss/core/_styles.scss */
.data-table th,
.data-table td {
  padding: 10px;
}
/* line 771, ../scss/core/_styles.scss */
.data-table th .tax-flag {
  font-weight: normal;
}
/* line 774, ../scss/core/_styles.scss */
.data-table thead {
  background: none;
  border-bottom: 1px solid #e5e5e5;
}
/* line 778, ../scss/core/_styles.scss */
.data-table thead th {
  font-weight: bold;
  vertical-align: bottom;
  border-right: none;
}
/* line 783, ../scss/core/_styles.scss */
.data-table thead th.wrap {
  white-space: normal;
}
/* line 789, ../scss/core/_styles.scss */
.data-table tr.odd.last {
  border-bottom: #eee solid 1px;
}
/* line 794, ../scss/core/_styles.scss */
.data-table .data-table tr.even td,
.data-table .data-table tr.even th {
  border-right: 1px solid #f5f5f5;
}
/* line 798, ../scss/core/_styles.scss */
.data-table .data-table tr.even td.last {
  border-right: none;
}
/* line 801, ../scss/core/_styles.scss */
.data-table .data-table tr.even tr.even {
  background-color: #fbfbfb;
}
/* line 806, ../scss/core/_styles.scss */
.data-table tbody tr.product-shop-row:hover {
  background-color: #fff;
}
/* line 810, ../scss/core/_styles.scss */
.data-table tbody tbody.odd td {
  border-width: 0 1px;
}
/* line 813, ../scss/core/_styles.scss */
.data-table tbody tbody.odd tr.last {
  border-bottom: #e5e5e5 solid 1px;
}
/* line 817, ../scss/core/_styles.scss */
.data-table tbody tbody.even {
  background-color: #f5f5f5;
}
/* line 820, ../scss/core/_styles.scss */
.data-table tbody tbody.even td {
  border-width: 0 1px;
}

/* Additional classes for mobile devices
-------------------------------------------------------------- */
/* Cell title */
/* line 830, ../scss/core/_styles.scss */
.data-table .cell-label {
  display: none;
}

/* Styles for tables on CMS pages
-------------------------------------------------------------- */
/* line 834, ../scss/core/_styles.scss */
.data-table thead tr:last-child {
  border-bottom: #e4e4e4 solid 1px;
}

/* line 838, ../scss/core/_styles.scss */
.data-table tr td:last-child,
.data-table tr th:last-child {
  border-right: none;
}

/*.data-table tr:nth-of-type(2n+1):last-child {
	border-bottom: #f5f5f5 solid 1px;
}*/
/* line 847, ../scss/core/_styles.scss */
.data-table tr:nth-of-type(2n) {
  background-color: #fbfbfb;
}

/* Styles for tables on CMS pages
-------------------------------------------------------------- */
/* line 853, ../scss/core/_styles.scss */
.data-table-bordered tr td,
.data-table-bordered tr th {
  border-right: 1px solid #bbb;
}

/* line 858, ../scss/core/_styles.scss */
.data-table-bordered tr {
  border-bottom: #bbb solid 1px;
}

/* line 861, ../scss/core/_styles.scss */
.data-table-bordered tr:nth-of-type(2n+1):last-child {
  border-bottom: #bbb solid 1px;
}

/* line 864, ../scss/core/_styles.scss */
.data-table-bordered tr:nth-of-type(2n) {
  background-color: #fbfbfb;
}

/* Shopping cart total summary row expandable to details
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 872, ../scss/core/_styles.scss */
tr.summary-total {
  cursor: pointer;
}

/* line 874, ../scss/core/_styles.scss */
tr.summary-total .summary-collapse {
  float: right;
  text-align: right;
  padding-left: 20px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/bkg_collapse.gif) 0 4px no-repeat;
  cursor: pointer;
}

/* line 875, ../scss/core/_styles.scss */
tr.show-details .summary-collapse {
  background-position: 0 -53px;
}

/* line 877, ../scss/core/_styles.scss */
tr.summary-details td {
  font-size: 11px;
  background-color: #f5f5f5;
  color: #777;
  padding: 2px 5px !important;
}

/* line 878, ../scss/core/_styles.scss */
tr.summary-details-first td {
  border-top: 1px solid #d5d5d5;
}

/* line 879, ../scss/core/_styles.scss */
tr.summary-details-excluded {
  font-style: italic;
}

/* Shopping cart tax info
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 885, ../scss/core/_styles.scss */
.cart-tax-info {
  display: block;
}

/* line 886, ../scss/core/_styles.scss */
.cart-tax-info,
.cart-tax-info .cart-price {
  padding-right: 20px;
}

/* line 888, ../scss/core/_styles.scss */
.cart-tax-total {
  display: block;
  padding-right: 20px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/bkg_collapse.gif) 100% 4px no-repeat;
  cursor: pointer;
}

/* line 889, ../scss/core/_styles.scss */
.cart-tax-info .price,
.cart-tax-total .price {
  display: inline !important;
  font-weight: normal !important;
}

/* line 891, ../scss/core/_styles.scss */
.cart-tax-total-expanded {
  background-position: 100% -53px;
}

/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 897, ../scss/core/_styles.scss */
.link-cart {
  font-weight: bold;
}

/* line 898, ../scss/core/_styles.scss */
.link-reorder {
  font-weight: bold;
}

/* line 899, ../scss/core/_styles.scss */
.link-print {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_print.gif) 0 center no-repeat;
  padding: 2px 0 2px 25px;
}

/* line 900, ../scss/core/_styles.scss */
.link-rss {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_rss.gif) 0 center no-repeat;
  padding-left: 16px;
  white-space: nowrap;
}

/* line 902, ../scss/core/_styles.scss */
.cards-list dt {
  margin: 5px 0 0;
}

/* line 903, ../scss/core/_styles.scss */
.cards-list .offset {
  padding: 2px 0 2px 20px;
}

/* line 905, ../scss/core/_styles.scss */
.separator {
  margin: 0 3px;
  font-weight: normal;
  color: #e5e5e5;
}

/* line 906, ../scss/core/_styles.scss */
.divider {
  clear: both;
  display: block;
  font-size: 0;
  line-height: 0;
  height: 1px;
  margin: 10px 0;
  background: #e5e5e5;
  text-indent: -9999em;
  overflow: hidden;
}

/* Global site notices
-------------------------------------------------------------- */
/* line 910, ../scss/core/_styles.scss */
.global-site-notice {
  background: #f5f5f5;
  color: #333;
}

/* line 911, ../scss/core/_styles.scss */
.global-site-notice .notice-inner {
  max-width: 66%;
  margin: 0 auto;
  padding: 10px 0 10px 80px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_notice.gif) 20px center no-repeat;
  text-align: left;
}

/* line 912, ../scss/core/_styles.scss */
.global-site-notice .notice-inner p {
  width: 80%;
  margin: 0;
  padding: 10px 10px 10px 0;
  display: inline-block;
  vertical-align: middle;
}

/* line 913, ../scss/core/_styles.scss */
.global-site-notice .notice-inner .actions {
  display: inline-block;
  vertical-align: middle;
}

/* Cookie Notice */
/* line 916, ../scss/core/_styles.scss */
.global-site-notice.notice-cookie {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

/* Noscript Notice */
/* Demo Notice */
/* line 922, ../scss/core/_styles.scss */
.demo-notice {
  margin: 0;
  padding: 6px 10px;
  background: #d75f07;
  font-size: 12px;
  line-height: 1.15;
  border: 0;
  text-align: center;
  color: #fff;
}

/* line 923, ../scss/core/_styles.scss */
.demo-notice .notice-inner {
  width: auto;
  padding: 0;
  background: none;
  text-align: center;
}

/* line 924, ../scss/core/_styles.scss */
.demo-notice .notice-inner p {
  padding: 0;
  border: 0;
}

/* Buttons remove/close and edit
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Common styles for many buttons
-------------------------------------------------------------- */
/* line 933, ../scss/core/_styles.scss */
.btn-remove,
.btn-remove2,
.map-popup-close,
.remember-me-popup-head .remember-me-popup-close,
.btn-edit {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 16px;
  text-align: center;
  color: #a9001c;
  /* Important: no overflow to hide the text inside the button */
  overflow: hidden !important;
}
/* line 946, ../scss/core/_styles.scss */
.btn-remove:hover,
.btn-remove2:hover,
.map-popup-close:hover,
.remember-me-popup-head .remember-me-popup-close:hover,
.btn-edit:hover {
  color: #333;
}

/* Quick search
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 958, ../scss/core/_styles.scss */
#search_mini_form {
  clear: both;
  display: block;
}

/* Clear floats of ".form-search" element inside search form */
/* line 961, ../scss/core/_styles.scss */
.form-search:before,
.form-search:after {
  display: table;
  content: " ";
}

/* line 966, ../scss/core/_styles.scss */
.form-search:after {
  clear: both;
}

/* Basic styles */
/* line 971, ../scss/core/_styles.scss */
.form-search {
  position: relative;
}

/* line 972, ../scss/core/_styles.scss */
.form-search label {
  float: left;
  margin: 3px 4px 0 0;
  display: none;
}

/* line 973, ../scss/core/_styles.scss */
.form-search .input-text {
  float: right;
  /* Float in the same direction as position of button */
  width: 100%;
  display: block;
  height: 36px;
  line-height: 36px;
  /*IE8*/
  padding: 0 35px 0 7px;
  color: #bbb;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Button */
/* line 987, ../scss/core/_styles.scss */
.form-search .button {
  position: absolute;
  right: 0;
  top: 0;
  margin: 1px;
  padding: 0;
  background-color: transparent !important;
  color: #000;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
}

/* line 1001, ../scss/core/_styles.scss */
.form-search .button:hover {
  background-color: transparent;
  color: #000;
}

/* line 1002, ../scss/core/_styles.scss */
.form-search .button span {
  background-image: none !important;
  /* To hide possible image bg from outdated custom CSS styles */
}

/* line 1003, ../scss/core/_styles.scss */
.form-search .button span span {
  display: none;
}

/* Hide text label */
/* Search autocomplete */
/* line 1006, ../scss/core/_styles.scss */
.form-search .search-autocomplete {
  left: 0 !important;
  /*Fix for IE*/
  top: 42px !important;
  position: relative;
  z-index: 4100 !important;
}

/* line 1012, ../scss/core/_styles.scss */
.form-search .search-autocomplete ul {
  background-color: #fff;
  text-align: left;
  padding: 3px;
}

/* line 1017, ../scss/core/_styles.scss */
.form-search .search-autocomplete li {
  padding: 3px 5px;
  cursor: pointer;
  line-height: 24px;
}

/* line 1019, ../scss/core/_styles.scss */
.form-search .search-autocomplete li .amount {
  float: right;
  padding-left: 5px;
}

/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: small box. Deprecated.
-------------------------------------------------------------- */
/* line 1027, ../scss/core/_styles.scss */
.search-wrapper-small .form-search .input-text {
  height: 28px;
  line-height: 28px;
  /*IE8*/
}

/* line 1031, ../scss/core/_styles.scss */
.search-wrapper-small .form-search .button {
  /*background:url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/sprite.png) no-repeat transparent;
  background-position: -61px -111px;*/
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 10px;
}

/* line 1039, ../scss/core/_styles.scss */
.search-wrapper-small .form-search .search-autocomplete {
  top: 30px !important;
}

/* Search: inline
-------------------------------------------------------------- */
/* line 1043, ../scss/core/_styles.scss */
.search-wrapper-inline #search_mini_form {
  display: inline-block;
  vertical-align: middle;
}

/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1049, ../scss/core/_styles.scss */
.after-mini-cart {
  clear: both;
}

/* Mini-cart heading
-------------------------------------------------------------- */
/* line 1053, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-link .ic {
  font-size: 16px;
  line-height: 1em;
}

/* Mini-cart content
-------------------------------------------------------------- */
/* If it is a dropdown */
/* line 1062, ../scss/core/_styles.scss */
.mini-cart.dropdown .bind-mini-cart-content {
  width: 300px;
  padding: 25px;
  text-align: left;
  /* Because cart can be aligned center */
}

/* Elements of the cart */
/* line 1069, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .empty {
  padding: 10px 0;
}

/* line 1070, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .block-subtitle {
  padding: 0;
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: bold;
}

/* line 1071, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .subtotal {
  margin: 20px 0;
  font-size: 14px;
  font-weight: bold;
}

/* line 1073, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .mini-products-list li {
  padding: 0;
  margin: 0 0 5px;
}

/* line 1074, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .mini-products-list li.last {
  margin: 0;
}

/* line 1076, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .btn-remove,
.mini-cart .bind-mini-cart-content .btn-edit {
  float: right;
}

/* line 1078, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .product-details strong {
  font-weight: normal;
}

/* line 1079, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .actions {
  margin: 10px 0 0;
  padding: 0;
  border: none;
  text-align: left;
}

/* line 1080, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .actions button {
  float: left;
  margin-right: 1px;
}

/* line 1081, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .truncated {
  margin-left: 3px;
}

/* line 1082, ../scss/core/_styles.scss */
.mini-cart .bind-mini-cart-content .truncated .item-options {
  -webkit-transform: translateZ(0);
  /* Fix disappearing mini-cart in Safari if product has options */
}

/* Block: Recently Compared (dropdown)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1088, ../scss/core/_styles.scss */
.mini-compare {
  margin: 0;
  padding: 0;
  border: none;
}

/* Mini-compare heading
-------------------------------------------------------------- */
/* line 1096, ../scss/core/_styles.scss */
.mini-compare .mini-compare-heading .ic {
  font-size: 16px;
  line-height: 1em;
}

/* Mini-compare content
-------------------------------------------------------------- */
/* line 1103, ../scss/core/_styles.scss */
.mini-compare.dropdown .mini-compare-content {
  width: 300px;
  padding: 25px;
  text-align: left;
  /* Because cart can be aligned center */
}

/* line 1109, ../scss/core/_styles.scss */
.mini-compare .mini-compare-content .block-subtitle {
  padding: 0;
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: bold;
}

/* line 1110, ../scss/core/_styles.scss */
.mini-compare .mini-compare-content .empty {
  padding: 10px 0;
}

/* line 1111, ../scss/core/_styles.scss */
.mini-compare .mini-compare-content .product-name {
  padding-right: 20px;
}

/* line 1112, ../scss/core/_styles.scss */
.mini-compare .mini-compare-content .btn-remove {
  float: right;
}

/* line 1113, ../scss/core/_styles.scss */
.mini-compare .mini-compare-content .actions {
  margin-top: 20px;
}

/* line 1114, ../scss/core/_styles.scss */
.mini-compare .mini-compare-content .actions a {
  float: right;
  line-height: 36px;
  /* The same height as button */
}

/* line 1115, ../scss/core/_styles.scss */
.mini-compare .mini-compare-content .actions button {
  float: left;
}

/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1125, ../scss/core/_styles.scss */
.block {
  margin: 0 0 10px;
}
/* line 1129, ../scss/core/_styles.scss */
.block .block-title strong {
  font-weight: inherit;
}
/* line 1132, ../scss/core/_styles.scss */
.block .block-title a {
  text-decoration: none !important;
}
/* line 1136, ../scss/core/_styles.scss */
.block .block-subtitle {
  margin: 5px 0 10px;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}
/* line 1142, ../scss/core/_styles.scss */
.block .block-content {
  padding: 10px 0;
}
/* line 1145, ../scss/core/_styles.scss */
.block .block-content li.item {
  padding: 5px 0;
}
/* line 1149, ../scss/core/_styles.scss */
.block .btn-edit,
.block .btn-remove {
  float: right;
}
/* line 1153, ../scss/core/_styles.scss */
.block .actions {
  margin: 10px 0 0 0;
  padding: 10px 0 0;
  border-top: 1px dotted #e5e5e5;
}
/* line 1158, ../scss/core/_styles.scss */
.block .actions a {
  float: left;
}
/* line 1161, ../scss/core/_styles.scss */
.block .actions .button {
  float: right;
}
/* line 1164, ../scss/core/_styles.scss */
.block .actions .button ~ a {
  margin-right: 5px;
  line-height: 36px;
  /* The same height as buttons */
}

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1175, ../scss/core/_styles.scss */
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
  list-style: outside disc none;
  padding-left: 20px;
}

/* line 1181, ../scss/core/_styles.scss */
.block-viewed .block-content ol li,
.block-compare .block-content ol li,
.block-compared .block-content ol li {
  padding: 3px 0;
}

/* Mini Products List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1190, ../scss/core/_styles.scss */
.mini-products-list li {
  padding: 5px 0;
}

/* line 1191, ../scss/core/_styles.scss */
.mini-products-list .product-image {
  float: left;
  width: 50px;
}

/* line 1192, ../scss/core/_styles.scss */
.mini-products-list .product-details {
  margin-left: 60px;
}

/* line 1193, ../scss/core/_styles.scss */
.mini-products-list .product-details h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}

/* line 1194, ../scss/core/_styles.scss */
.mini-products-list .item .btn-remove,
.mini-products-list .item .btn-edit {
  margin-left: 7px;
}

/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1202, ../scss/core/_styles.scss */
.block-account .block-content {
  padding: 10px 0;
}

/* line 1203, ../scss/core/_styles.scss */
.block-account .block-content ul {
  list-style: outside disc none;
  padding-left: 25px;
}

/* line 1204, ../scss/core/_styles.scss */
.block-account li > * {
  padding: 4px;
  display: block;
  text-transform: uppercase;
}

/* line 1209, ../scss/core/_styles.scss */
.block-account li strong {
  font-weight: normal;
}

/* Block: Layered Navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Block subtitle
-------------------------------------------------------------- */
/* line 1218, ../scss/core/_styles.scss */
.block-layered-nav .block-subtitle--filter {
  cursor: pointer;
  background: #50b848;
  color: #fff;
  padding: 0 10px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 25px;
  border-radius: 3px;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@media (min-width: 769px) {
  /* line 1218, ../scss/core/_styles.scss */
  .block-layered-nav .block-subtitle--filter {
    display: none;
  }
}
/* line 1239, ../scss/core/_styles.scss */
.block-layered-nav .block-subtitle--filter.active {
  background: #409439;
}
/* line 1242, ../scss/core/_styles.scss */
.block-layered-nav .block-subtitle--filter.active:after {
  content: '-';
  display: block;
  font-weight: bold;
}
/* line 1248, ../scss/core/_styles.scss */
.block-layered-nav .block-subtitle--filter:after {
  content: '+';
  font-size: 30px;
  line-height: 33px;
  color: #fff;
  display: block;
  float: right;
  text-align: center;
  font-weight: bold;
}

/* Attributes
-------------------------------------------------------------- */
/* line 1262, ../scss/core/_styles.scss */
.block-layered-nav .block-content .toggle-tabs {
  display: none;
}

/* line 1265, ../scss/core/_styles.scss */
.block-layered-nav .block-content > dl > dt {
  display: block;
  margin-top: 1px;
  position: relative;
  padding: 7px 0;
  font-weight: bold;
  text-rendering: optimizeSpeed;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/* line 1278, ../scss/core/_styles.scss */
.block-layered-nav .block-content > dl > dt:after {
  display: none;
  /* Hide on desktop */
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #ddd;
  border-bottom: none;
  left: 10px;
  top: 50%;
  margin-top: -3px;
}

/* line 1294, ../scss/core/_styles.scss */
.block-layered-nav .block-content > dl > dd {
  padding: 0 5px;
  margin: 0;
}

/* line 1300, ../scss/core/_styles.scss */
.block-layered-nav dl dd {
  margin-bottom: 10px;
  margin-top: 10px;
}

/* Single filter
-------------------------------------------------------------- */
/* line 1307, ../scss/core/_styles.scss */
.block-layered-nav dl dd ol > li > a,
.block-layered-nav dl dd ol > li > span {
  position: relative;
  display: block;
  padding: 3px 0 0 15px;
}

/* line 1314, ../scss/core/_styles.scss */
.catalog-category-view .configurable-swatch-list li > a,
.catalog-category-view .configurable-swatch-list li > span {
  padding: 0 !important;
}

/* line 1319, ../scss/core/_styles.scss */
.block-layered-nav dl dd ol > li > a:before {
  display: block;
  /* Show on desktop */
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-right: none;
  border-left: 4px solid #50b848;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  left: 0;
  top: 50%;
  margin-top: -5px;
  transition: left 150ms ease-in-out;
  -moz-transition: left 150ms ease-in-out;
  -webkit-transition: left 150ms ease-in-out;
  -o-transition: left 150ms ease-in-out;
}

/* line 1337, ../scss/core/_styles.scss */
.block-layered-nav dl dd ol > li > a:hover:before {
  left: 3px;
}

/* Currently selected filters
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1347, ../scss/core/_styles.scss */
.block-layered-nav .currently .block-subtitle {
  padding: 0;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}
/* line 1355, ../scss/core/_styles.scss */
.block-layered-nav .currently ol li {
  margin-bottom: 5px;
  padding: 10px;
  background: #50b848;
  border-radius: 3px;
}
/* line 1361, ../scss/core/_styles.scss */
.block-layered-nav .currently ol li:after {
  content: '';
  display: table;
  clear: both;
}
/* line 1366, ../scss/core/_styles.scss */
.block-layered-nav .currently ol li .value {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
/* line 1373, ../scss/core/_styles.scss */
.block-layered-nav .currently .btn-remove {
  float: right;
  margin-top: 3px;
}
/* line 1377, ../scss/core/_styles.scss */
.block-layered-nav .currently .btn-remove:before {
  color: #fff;
}
/* line 1381, ../scss/core/_styles.scss */
.block-layered-nav .currently .label {
  display: none;
}
/* line 1385, ../scss/core/_styles.scss */
.block-layered-nav .actions {
  border-top: none;
  margin: 0 0 15px;
  border-bottom: 2px solid #e4e4e4;
  padding-bottom: 15px;
}
/* line 1391, ../scss/core/_styles.scss */
.block-layered-nav .actions a {
  float: right;
  background: #a9001c;
  padding: 5px 10px;
  border-radius: 3px;
  color: #fff;
}

/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Ccommon styles for all types of the block */
/* line 1406, ../scss/core/_styles.scss */
.block-related .block-subtitle {
  display: none;
  position: absolute;
  padding: 1em 0;
  margin: -20px 0 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  z-index: 1;
}

/* line 1416, ../scss/core/_styles.scss */
.block-related:hover .block-subtitle {
  display: block;
  padding: 8px;
  background-color: #fff;
}

/* Block: Related. Single product slider
-------------------------------------------------------------- */
/* line 1420, ../scss/core/_styles.scss */
.block-related-slider input.checkbox {
  float: left;
  margin: 7px 5px 0 0;
}

/* Block: Related. Simple thumbnails slider
-------------------------------------------------------------- */
/* line 1425, ../scss/core/_styles.scss */
.block-related-thumbnails .product-image {
  float: left;
  margin-bottom: 10px;
}

/* line 1429, ../scss/core/_styles.scss */
.block-related-thumbnails .product-details {
  margin-left: 110px;
}

/* line 1432, ../scss/core/_styles.scss */
.block-related-thumbnails .product-details > * {
  margin-bottom: 5px;
}

/* line 1433, ../scss/core/_styles.scss */
.block-related-thumbnails .product-name,
.block-related-thumbnails .related-add-to-wishlist {
  font-size: 1em;
  line-height: 1.25em;
  font-family: inherit;
  font-weight: inherit;
  display: inline-block;
}

/* line 1435, ../scss/core/_styles.scss */
.block-related-thumbnails .price-box {
  font-size: 1em;
  line-height: 1.25em;
}

/* line 1436, ../scss/core/_styles.scss */
.block-related-thumbnails .checkbox {
  float: left;
  margin: 2px 5px 0 0;
}

/* Add space above item */
/* line 1439, ../scss/core/_styles.scss */
.block-related-thumbnails .item {
  padding-top: 20px;
}

/* Block: Compare Products
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1445, ../scss/core/_styles.scss */
.compare-table {
  border: 0;
}

/* line 1446, ../scss/core/_styles.scss */
.compare-table .btn-remove {
  float: right;
}

/* line 1447, ../scss/core/_styles.scss */
.compare-table tbody tr:hover {
  background-color: #e5e5e5;
}

/* line 1449, ../scss/core/_styles.scss */
.compare-table .product-shop-row {
  border-bottom: 1px solid #ccc;
}

/* line 1450, ../scss/core/_styles.scss */
.compare-table .product-shop-row th,
.compare-table .product-shop-row td {
  border-color: #eee !important;
}

/* line 1452, ../scss/core/_styles.scss */
.compare-table tr.add-to-row {
  background-color: #fff;
  border-top: 1px solid #ccc;
}

/* line 1453, ../scss/core/_styles.scss */
.compare-table tr.add-to-row:hover {
  background-color: #fff;
}

/* Cover background applied on tr hover */
/* line 1454, ../scss/core/_styles.scss */
.compare-table tr.add-to-row td {
  text-align: left;
}

/* line 1455, ../scss/core/_styles.scss */
.compare-table tr.first td {
  text-align: left;
}

/* line 1456, ../scss/core/_styles.scss */
.compare-table tr.first td .product-name {
  font-family: inherit;
  font-size: 1.1666em;
  font-weight: bold;
  margin: 10px 0;
}

/* line 1457, ../scss/core/_styles.scss */
.compare-table tr.first td .ratings {
  width: 145px;
  margin: 10px 0;
}

/* line 1458, ../scss/core/_styles.scss */
.compare-table .price-box {
  margin: 10px 0;
  line-height: 15px;
}

/* Changes after setting text-align:left */
/* line 1461, ../scss/core/_styles.scss */
.compare-table .product-image img {
  display: block;
  margin: 0 auto;
}

/* line 1462, ../scss/core/_styles.scss */
.compare-table .add-to-links {
  margin-top: 5px;
}

/* line 1463, ../scss/core/_styles.scss */
.compare-table .add-to-links li {
  float: none;
}

/* line 1464, ../scss/core/_styles.scss */
.compare-table a.link-wishlist {
  overflow: visible;
  text-indent: 0;
  background: none;
  display: inline;
  border: none;
}

/* Block: Recently Viewed
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Block: Recently Compared
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Block: Poll
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1482, ../scss/core/_styles.scss */
.block-poll .block-subtitle {
  font-weight: normal;
}

/* line 1483, ../scss/core/_styles.scss */
.block-poll input.radio {
  float: left;
  margin: 1px -18px 0 0;
}

/* line 1484, ../scss/core/_styles.scss */
.block-poll .label {
  display: block;
  margin-left: 18px;
}

/* line 1485, ../scss/core/_styles.scss */
.block-poll li {
  padding: 3px 9px;
}

/* line 1486, ../scss/core/_styles.scss */
.block-poll .answer {
  font-weight: bold;
}

/* line 1487, ../scss/core/_styles.scss */
.block-poll .votes {
  float: right;
  margin-left: 10px;
}

/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1493, ../scss/core/_styles.scss */
.block-tags .block-content .tags-list {
  background: none;
  border: 0;
  font-size: 12px;
}

/* line 1496, ../scss/core/_styles.scss */
.block-tags .actions {
  text-align: right;
}

/* line 1497, ../scss/core/_styles.scss */
.block-tags .actions a {
  float: none;
}

/* Block: Subscribe
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1503, ../scss/core/_styles.scss */
.block-subscribe .input-box {
  margin-top: 5px;
}

/* line 1504, ../scss/core/_styles.scss */
.block-subscribe input {
  width: 155px;
}

/* line 1505, ../scss/core/_styles.scss */
.block-subscribe .actions button.button {
  float: none;
}

/* Block: Reorder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1511, ../scss/core/_styles.scss */
.block-reorder input.checkbox {
  float: left;
  margin: 2px -20px 0 0;
}

/* line 1512, ../scss/core/_styles.scss */
.block-reorder .product-name {
  margin-left: 20px;
}

/* line 1513, ../scss/core/_styles.scss */
.block-reorder .validation-advice {
  margin: 3px 9px 7px;
}

/* Block: Banner
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1520, ../scss/core/_styles.scss */
.block-banner .block-content {
  text-align: center;
}

/* Block: Login
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1526, ../scss/core/_styles.scss */
.block-login label {
  font-weight: bold;
  color: #666;
}

/* line 1527, ../scss/core/_styles.scss */
.block-login input.input-text {
  display: block;
  width: 167px;
  margin: 3px 0;
}

/* Paypal
-------------------------------------------------------------- */
/* line 1531, ../scss/core/_styles.scss */
.sidebar .paypal-logo {
  display: block;
  margin: 10px 0;
  text-align: center;
}

/* line 1532, ../scss/core/_styles.scss */
.sidebar .paypal-logo a {
  float: none;
}

/* Block: vertical main menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1538, ../scss/core/_styles.scss */
.block-vertnav .block-content {
  padding-left: 0;
  padding-right: 0;
}

/* Class: std %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Styles for admin-controlled content */
/*.std h1, .std h2, .std h3, .std h4, .std h5, .std h6 {
	margin: 20px 0 10px;
}*/
/* line 1552, ../scss/core/_styles.scss */
.std .subtitle {
  padding: 0;
}

/* line 1553, ../scss/core/_styles.scss */
.std ol.ol {
  list-style: decimal outside;
  padding-left: 1.5em;
}

/* line 1554, ../scss/core/_styles.scss */
.std dl dt {
  font-weight: bold;
  margin: 0.5em 0;
}

/* line 1555, ../scss/core/_styles.scss */
.std dl dd {
  margin: 0 0 0 10px;
}

/* line 1556, ../scss/core/_styles.scss */
.std dl,
.std p,
.std address,
.std blockquote {
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0;
}

/* line 1560, ../scss/core/_styles.scss */
.std table {
  margin-bottom: 20px;
}

/* line 1561, ../scss/core/_styles.scss */
.std .lead {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
}

/* Lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered lists
-------------------------------------------------------------- */
/* Common basic styling */
/* line 1575, ../scss/core/_styles.scss */
ul.bullet,
ul.disc {
  margin: 0 0 1em;
  padding: 0;
}

/* Disc */
/* line 1579, ../scss/core/_styles.scss */
ul.disc {
  list-style: disc outside none;
  padding-left: 1.5em;
}

/* line 1580, ../scss/core/_styles.scss */
ul.disc li {
  background-image: none;
  padding-left: 0;
}

/* Bullet */
/* line 1583, ../scss/core/_styles.scss */
ul.bullet {
  list-style: none outside none;
}

/* line 1584, ../scss/core/_styles.scss */
ul.bullet li {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
  padding-left: 25px;
  transition: background-position 150ms ease-out;
  -moz-transition: background-position 150ms ease-out;
  -webkit-transition: background-position 150ms ease-out;
  -o-transition: background-position 150ms ease-out;
}

/* line 1592, ../scss/core/_styles.scss */
ul.bullet li:hover {
  background-position: 3px 0;
}

/* Different bullets. IMPORTANT: use together with class "bullet" */
/* line 1595, ../scss/core/_styles.scss */
ul.list1 li {
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/list/list1.png);
}

/* line 1596, ../scss/core/_styles.scss */
ul.list2 li {
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/list/list2.png);
}

/* line 1597, ../scss/core/_styles.scss */
ul.list11 li {
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/list/list11.png);
}

/* line 1598, ../scss/core/_styles.scss */
ul.list12 li {
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/list/list12.png);
}

/* line 1599, ../scss/core/_styles.scss */
ul.list13 li {
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/list/list13.png);
}

/* Separator */
/* line 1602, ../scss/core/_styles.scss */
ul .separator {
  border-bottom: 1px solid #fff;
  margin: 8px 1px;
  overflow: hidden;
}

/* Nested unordered lists
-------------------------------------------------------------- */
/* line 1610, ../scss/core/_styles.scss */
ul.bullet ul,
ul.disc ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* line 1612, ../scss/core/_styles.scss */
ul.bullet ul li,
ul.disc ul li {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/list/bullet-small.png) 0 0 no-repeat;
  padding-left: 1.5em;
}

/* Lists inside ".std"
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Unordered list without any bullets */
/* line 1620, ../scss/core/_styles.scss */
.std ul.no-bullets {
  list-style: none outside none !important;
  padding-left: 0 !important;
}

/* line 1621, ../scss/core/_styles.scss */
.std ul.no-bullets li {
  background-image: none !important;
  padding-left: 0 !important;
}

/* Ordered lists */
/* line 1624, ../scss/core/_styles.scss */
.std ol {
  list-style: decimal outside;
  margin: 10px 0;
  padding: 0 0 0 1.5em;
}

/* line 1625, ../scss/core/_styles.scss */
.std ol ol,
.std ul ol,
.std ol ul {
  margin: 0.5em 0;
}

/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1633, ../scss/core/_styles.scss */
.std blockquote {
  font-style: italic;
  padding: 0 0 0 1.5em;
}

/* line 1634, ../scss/core/_styles.scss */
.std address {
  font-style: normal;
}

/* line 1635, ../scss/core/_styles.scss */
.std b,
.std strong {
  font-weight: bold;
}

/* line 1637, ../scss/core/_styles.scss */
.std i,
.std em {
  font-style: italic;
}

/* Override std styles for selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1644, ../scss/core/_styles.scss */
.std .products-grid p {
  margin-bottom: 0;
}

/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 1652, ../scss/core/_styles.scss */
.category-image {
  width: 100%;
  overflow: hidden;
  margin: 10px 0;
  text-align: center;
}

/* line 1654, ../scss/core/_styles.scss */
.category-description {
  margin: 20px 0;
  position: relative;
}

/* Negative top margin: to cover bottom border of the category title */
/* line 1657, ../scss/core/_styles.scss */
.category-products {
  margin: -1px 0 10px;
}

/* General product list styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Product name
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1667, ../scss/core/_styles.scss */
.product-name {
  display: block;
  margin: 0;
  font-weight: normal;
  font-size: 1em;
}

/* line 1673, ../scss/core/_styles.scss */
strong.product-name {
  font-weight: normal;
}

/* line 1677, ../scss/core/_styles.scss */
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
h6.product-name a,
strong.product-name a,
p.product-name a {
  color: inherit;
}

/* Common styles for view types: list and grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1691, ../scss/core/_styles.scss */
.products-list .product-name,
.products-grid .product-name,
h3.product-name,
strong.product-name {
  /* Sizes are modified for different number of columns */
  font-size: 16px;
  line-height: 20px;
  /*font-size:1.3333em;
  line-height:1.25em;*/
}

/* line 1702, ../scss/core/_styles.scss */
.products-list .price-box.map-info a,
.products-grid .price-box.map-info a {
  margin-left: 3px;
}

/* Product image
-------------------------------------------------------------- */
/* Product alternative image */
/* line 1708, ../scss/core/_styles.scss */
.products-list .product-image .alt-img,
.products-grid .product-image .alt-img {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

/* Fix possible glitches during animation */
/* line 1717, ../scss/core/_styles.scss */
.products-list .product-image img,
.category-products-grid .product-image img {
  -moz-transform: translateZ(0);
}

/* View type: list
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1727, ../scss/core/_styles.scss */
.products-list .item {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #fff;
  position: relative;
  /* For hover effect */
  transition: box-shadow 0ms ease-in;
  -moz-transition: box-shadow 0ms ease-in;
  -webkit-transition: box-shadow 0ms ease-in;
  -o-transition: box-shadow 0ms ease-in;
}

/* line 1740, ../scss/core/_styles.scss */
.products-list .product-shop-inner {
  border-right: 1px solid #e5e5e5;
  padding-right: 15px;
}

/* line 1741, ../scss/core/_styles.scss */
.products-list .right-column {
  float: right;
}

/* line 1743, ../scss/core/_styles.scss */
.products-list .product-name {
  margin: 0 0 15px;
  font-size: 19px;
  line-height: 24px;
}

/* line 1745, ../scss/core/_styles.scss */
.products-list .product-image {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

/* line 1746, ../scss/core/_styles.scss */
.products-list .price-box {
  margin: 0 0 15px;
  font-size: 1.3333em;
  line-height: 1.25em;
}

/* line 1747, ../scss/core/_styles.scss */
.products-list .ratings {
  margin: 10px 0;
}

/* line 1748, ../scss/core/_styles.scss */
.products-list .desc {
  margin: 15px 0;
}

/* line 1750, ../scss/core/_styles.scss */
.products-list .btn-cart {
  width: 100%;
  max-width: 180px;
}

/* line 1751, ../scss/core/_styles.scss */
.products-list a.btn-cart {
  padding-left: 0;
  padding-right: 0;
}

/* line 1752, ../scss/core/_styles.scss */
.products-list .button span {
  float: none;
}

/* line 1753, ../scss/core/_styles.scss */
.products-list .availability {
  float: none;
  margin: 15px 0;
}

/* line 1754, ../scss/core/_styles.scss */
.products-list .add-to-links {
  margin: 15px 0 0;
}

/* Hover effect
-------------------------------------------------------------- */
/* line 1758, ../scss/core/_styles.scss */
.products-list.hover-effect .item:hover {
  margin-left: -1%;
  margin-right: -1%;
  padding-left: 1%;
  padding-right: 1%;
  z-index: 10;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-color: transparent;
  transition: box-shadow 400ms ease-out;
  -moz-transition: box-shadow 400ms ease-out;
  -webkit-transition: box-shadow 400ms ease-out;
  -o-transition: box-shadow 400ms ease-out;
}

/* View type: grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product grid: basic styles
   (common for all types of product grids)
-------------------------------------------------------------- */
/* line 1782, ../scss/core/_styles.scss */
.products-grid .item {
  padding-top: 20px;
  padding-bottom: 0;
  position: relative;
  /* For hover effect */
}
/* line 1787, ../scss/core/_styles.scss */
.products-grid .product-name {
  margin: 15px 0 10px;
  font-family: inherit;
}
/* line 1791, ../scss/core/_styles.scss */
.products-grid .product-image-wrapper {
  margin: 0 auto;
  position: relative;
}
/* line 1795, ../scss/core/_styles.scss */
.products-grid .product-image {
  display: block;
}
/* line 1798, ../scss/core/_styles.scss */
.products-grid .price-box {
  margin: 10px 0 10px;
  display: inline-block;
  width: 100%;
}
/* line 1803, ../scss/core/_styles.scss */
.products-grid .ratings {
  margin: 10px 0;
  line-height: 1.0833em;
}
/* line 1807, ../scss/core/_styles.scss */
.products-grid .actions {
  margin: 10px 0 0;
}
/* line 1810, ../scss/core/_styles.scss */
.products-grid .availability {
  float: none;
  margin: 5px 0;
}
/* line 1814, ../scss/core/_styles.scss */
.products-grid .add-to-links {
  margin: 10px 0 0;
}

/* Grid: additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Equal height of items (buttons displayed at the bottom of items)
-------------------------------------------------------------- */
/* line 1824, ../scss/core/_styles.scss */
.products-grid.equal-height .item .actions {
  position: absolute;
  bottom: 15px;
}

/* Remove equal height */
/* line 1827, ../scss/core/_styles.scss */
.products-grid.auto-height .item .actions {
  position: static;
  bottom: auto;
}

/* Deprecated */
/* Display grid item elements only on hover
-------------------------------------------------------------- */
/* line 1831, ../scss/core/_styles.scss */
.products-grid .item .display-onhover {
  display: none;
}

/* Display grid item elements only on hover: fade-in (for sliders) */
/* line 1834, ../scss/core/_styles.scss */
.products-grid .item .visible-onhover {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
  -moz-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
  -webkit-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
  -o-transition: visibility 0s ease-in-out 600ms, opacity 300ms ease-in-out 300ms;
}

/* line 1842, ../scss/core/_styles.scss */
.products-grid .item:hover .visible-onhover {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
  -moz-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
  -webkit-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
  -o-transition: visibility 0s ease-in-out 0s, opacity 300ms ease-in-out 100ms;
}

/* Product name in a single line
-------------------------------------------------------------- */
/* line 1853, ../scss/core/_styles.scss */
.products-grid.single-line-name .product-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 1858, ../scss/core/_styles.scss */
.products-grid.single-line-name .item:hover .product-name {
  overflow: visible;
  white-space: normal;
}

/* Align to the center
-------------------------------------------------------------- */
/* line 1865, ../scss/core/_styles.scss */
.products-grid.centered .item {
  text-align: left;
}
/* line 1868, ../scss/core/_styles.scss */
.products-grid.centered .item .item-info-wrapper {
  width: 100%;
  height: 100%;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  padding: 7px 7px 30px 7px;
  box-sizing: border-box;
  -webkit-transition: all 400ms ease-out;
  transition: all 400ms ease-out;
}
/* line 1878, ../scss/core/_styles.scss */
.products-grid.centered .item .ratings .rating-box,
.products-grid.centered .item .btn-cart {
  margin-left: 0;
  margin-right: 0;
}
/* line 1883, ../scss/core/_styles.scss */
.products-grid.centered .item .ratings .amount {
  margin-left: 3px;
}
/* line 1886, ../scss/core/_styles.scss */
.products-grid.centered .item input.checkbox {
  float: none;
}
/* line 1889, ../scss/core/_styles.scss */
.products-grid.centered .item .actions .add-to-links li {
  float: none;
  margin: 0;
}

/* Grid: only in category view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1898, ../scss/core/_styles.scss */
.category-products-grid .item {
  border: 0 none;
  zoom: 1;
  padding-top: 2%;
  padding-left: 1%;
  padding-right: 1%;
  background-color: #fff;
  transition: box-shadow 0ms ease-in;
  -moz-transition: box-shadow 0ms ease-in;
  -webkit-transition: box-shadow 0ms ease-in;
  -o-transition: box-shadow 0ms ease-in;
}

/* Hover effect
-------------------------------------------------------------- */
/* line 1914, ../scss/core/_styles.scss */
.category-products-grid.hover-effect .item:hover {
  margin-left: -1%;
  margin-right: -1%;
  padding-left: 2%;
  padding-right: 2%;
  z-index: 10;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  border-color: transparent;
  transition: box-shadow 400ms ease-out;
  -moz-transition: box-shadow 400ms ease-out;
  -webkit-transition: box-shadow 400ms ease-out;
  -o-transition: box-shadow 400ms ease-out;
}

/* Grid: override grid elements to change size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product name
-------------------------------------------------------------- */
/* line 1935, ../scss/core/_styles.scss */
.products-grid.size-s .product-name {
  font-size: 1.1666em;
  /*14px*/
  line-height: 1.2307em;
  /*16px*/
}

/* line 1939, ../scss/core/_styles.scss */
.products-grid.size-xs .product-name {
  font-size: 1em;
  /*12px*/
  line-height: 1.25em;
  /*15px*/
}

/* Buttons
-------------------------------------------------------------- */
/* line 1946, ../scss/core/_styles.scss */
.products-grid.size-s .item .btn-cart {
  line-height: 3em;
  padding-left: 15px;
  padding-right: 15px;
}

/* line 1951, ../scss/core/_styles.scss */
.products-grid.size-xs .item .btn-cart {
  line-height: 2.5em;
  padding-left: 8px;
  padding-right: 8px;
}

/* Product labels
-------------------------------------------------------------- */
/* line 1959, ../scss/core/_styles.scss */
.products-grid.size-s .sticker {
  width: 45px;
  height: 45px;
  font-size: 1em;
}

/* line 1960, ../scss/core/_styles.scss */
.products-grid.size-s .item:hover .sticker {
  width: 50px;
  height: 50px;
}

/* line 1961, ../scss/core/_styles.scss */
.products-grid.size-xs .sticker {
  width: 40px;
  height: 40px;
  font-size: 0.9166em;
  /*11px*/
}

/* line 1962, ../scss/core/_styles.scss */
.products-grid.size-xs .item:hover .sticker {
  width: 45px;
  height: 45px;
}

/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Rating
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1972, ../scss/core/_styles.scss */
.ratings,
.no-rating {
  line-height: 15px;
  margin: 15px 0 15px;
}

/* line 1974, ../scss/core/_styles.scss */
.ratings strong {
  float: left;
  margin: 1px 5px 0 0;
}

/* For backward compatibility */
/* line 1976, ../scss/core/_styles.scss */
.rating-box {
  width: 69px;
  height: 13px;
  font-size: 0;
  line-height: 0;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/rating.png) 0 0 repeat-x;
  text-indent: -999em;
  overflow: hidden;
}

/* line 1977, ../scss/core/_styles.scss */
.rating-box .rating {
  float: left;
  height: 13px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/rating.png) 0 100% repeat-x;
}

/* line 1980, ../scss/core/_styles.scss */
.ratings .rating-box,
.ratings .amount,
.ratings .rating-links {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
/* line 1987, ../scss/core/_styles.scss */
.ratings .rating-box {
  margin-right: 6px;
}
/* line 1990, ../scss/core/_styles.scss */
.ratings .amount {
  white-space: nowrap;
  font-size: 10px;
  text-transform: uppercase;
}
/* line 1995, ../scss/core/_styles.scss */
.ratings .rating-links .separator {
  display: inline-block;
  vertical-align: middle;
  text-indent: -9999px;
  border-left: 1px solid #e5e5e5;
  height: 13px;
  width: 1px;
  margin: 0 3px;
}

/* line 2006, ../scss/core/_styles.scss */
.ratings-table th,
.ratings-table td {
  line-height: 1.1666em;
  /*14px*/
  padding: 3px 0;
}

/* line 2008, ../scss/core/_styles.scss */
.ratings-table th {
  padding-right: 8px;
}

/* Generic block for feature presentation on product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2014, ../scss/core/_styles.scss */
.product-action {
  display: block;
  margin: 10px 0;
}

/* line 2018, ../scss/core/_styles.scss */
.product-action .ic {
  vertical-align: middle;
  font-size: 0.9em;
  /* Fixed width of the icon container. Required because different icon widths can break the alignment. */
  width: 24px;
  text-align: center;
}

/* line 2025, ../scss/core/_styles.scss */
.product-action .label {
  vertical-align: middle;
  margin-left: 3px;
}

/* Availability - only X left
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2035, ../scss/core/_styles.scss */
a.availability-only {
  cursor: pointer;
}

/* It may also be a link to toggle more details */
/* Enlarge the icon */
/* line 2038, ../scss/core/_styles.scss */
.availability-only .ic {
  font-size: 20px;
  margin: 0 !important;
  /* Override default margin of icon inside "feature" element */
}

/* Inside the label */
/* line 2044, ../scss/core/_styles.scss */
.availability-only strong {
  font-weight: normal;
}

/* line 2045, ../scss/core/_styles.scss */
.availability-only .caret {
  margin-left: 8px;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Table with details */
/* line 2048, ../scss/core/_styles.scss */
.availability-only-details {
  width: 100%;
  margin: -10px auto 20px;
}

/* line 2049, ../scss/core/_styles.scss */
.availability-only-details thead {
  border-bottom: 1px solid #e5e5e5;
}

/* line 2050, ../scss/core/_styles.scss */
.availability-only-details th {
  padding: 4px 12px;
  font-weight: bold;
}

/* line 2051, ../scss/core/_styles.scss */
.availability-only-details td {
  padding: 1px 12px;
  border-right: 1px solid #f5f5f5;
}

/* line 2052, ../scss/core/_styles.scss */
.availability-only-details td.last {
  border-right: none;
}

/* Product increments
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2059, ../scss/core/_styles.scss */
.extrahint-wrapper .product-pricing {
  padding: 10px;
  background-color: #f5f5f5;
}

/* line 2060, ../scss/core/_styles.scss */
.product-options-bottom .product-pricing {
  clear: left;
}

/* Alerts
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2073, ../scss/core/_styles.scss */
.price {
  white-space: nowrap !important;
}

/* line 2075, ../scss/core/_styles.scss */
.price-box {
  margin: 0;
}

/* Common labels */
/* line 2080, ../scss/core/_styles.scss */
.old-price .price-label,
.special-price .price-label {
  white-space: nowrap;
}

/* line 2082, ../scss/core/_styles.scss */
.old-price .price-label {
  display: none;
}

/* Regular price */
/* Old price */
/* line 2089, ../scss/core/_styles.scss */
.old-price {
  margin: 0;
}

/* line 2090, ../scss/core/_styles.scss */
.old-price .price {
  text-decoration: line-through;
}

/* Special price */
/* Minimal price (as low as) */
/* line 2096, ../scss/core/_styles.scss */
.minimal-price {
  margin: 0 0 5px;
}

/* line 2098, ../scss/core/_styles.scss */
.minimal-price .price-label {
  white-space: nowrap;
}

/* line 2100, ../scss/core/_styles.scss */
.minimal-price-link {
  display: block;
}

/* Excluding tax */
/* line 2103, ../scss/core/_styles.scss */
.price-excluding-tax {
  display: block;
}

/* line 2104, ../scss/core/_styles.scss */
.price-excluding-tax .label {
  white-space: nowrap;
}

/* line 2105, ../scss/core/_styles.scss */
.price-excluding-tax .price {
  font-weight: normal;
}

/* Including tax */
/* line 2108, ../scss/core/_styles.scss */
.price-including-tax {
  display: block;
}

/* line 2109, ../scss/core/_styles.scss */
.price-including-tax .label {
  white-space: nowrap;
}

/* Configured price */
/* line 2113, ../scss/core/_styles.scss */
.configured-price {
  margin: 0;
}

/* line 2114, ../scss/core/_styles.scss */
.configured-price .price-label {
  font-weight: bold;
  white-space: nowrap;
}

/* line 2115, ../scss/core/_styles.scss */
.configured-price .price {
  font-weight: bold;
}

/* FPT */
/* line 2118, ../scss/core/_styles.scss */
.weee {
  display: block;
  font-size: 11px;
}

/* line 2119, ../scss/core/_styles.scss */
.weee .price {
  font-size: 11px;
  font-weight: normal;
}

/* Excl tax (for order tables) */
/* line 2122, ../scss/core/_styles.scss */
.price-excl-tax {
  display: block;
}

/* line 2123, ../scss/core/_styles.scss */
.price-excl-tax .label {
  display: block;
  white-space: nowrap;
}

/* line 2124, ../scss/core/_styles.scss */
.price-excl-tax .price {
  display: block;
}

/* Incl tax (for order tables) */
/* line 2127, ../scss/core/_styles.scss */
.price-incl-tax {
  display: block;
}

/* line 2128, ../scss/core/_styles.scss */
.price-incl-tax .label {
  display: block;
  white-space: nowrap;
}

/* line 2129, ../scss/core/_styles.scss */
.price-incl-tax .price {
  display: block;
  font-weight: bold;
}

/* Price range */
/* line 2132, ../scss/core/_styles.scss */
.price-from {
  margin: 0;
}

/* line 2133, ../scss/core/_styles.scss */
.price-from .price-label {
  white-space: nowrap;
}

/* line 2135, ../scss/core/_styles.scss */
.price-to {
  margin: 0;
}

/* line 2136, ../scss/core/_styles.scss */
.price-to .price-label {
  white-space: nowrap;
}

/* Price notice next to the options */
/* line 2139, ../scss/core/_styles.scss */
.price-notice {
  margin-left: 5px;
}

/* line 2140, ../scss/core/_styles.scss */
.price-notice .price {
  padding-left: 3px;
}

/* Price as configured */
/* line 2143, ../scss/core/_styles.scss */
.price-as-configured .price-label {
  font-size: 1.1666em;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
}

/* line 2145, ../scss/core/_styles.scss */
.price-box-bundle .price-box {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Tier Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2151, ../scss/core/_styles.scss */
.tier-prices {
  margin: 0 0 10px;
  padding-left: 10px;
}

/* line 2152, ../scss/core/_styles.scss */
.tier-prices li {
  line-height: 15px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/bullet.png) 0 4px no-repeat;
  padding: 0 0 0 11px;
  margin: 3px 0;
}

/* line 2153, ../scss/core/_styles.scss */
.tier-prices .benefit {
  color: #ee001c;
  font-weight: normal;
}

/* line 2155, ../scss/core/_styles.scss */
.tier-prices-grouped li {
  padding: 2px 0;
}

/* line 2156, ../scss/core/_styles.scss */
.tier-prices-grouped li .price {
  font-weight: bold;
}

/* Add-to links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2162, ../scss/core/_styles.scss */
.add-to-links .separator {
  display: none;
}

/* line 2163, ../scss/core/_styles.scss */
.add-to-links li {
  float: left;
}

/* line 2165, ../scss/core/_styles.scss */
.addto-gaps-right li {
  margin-right: 10px;
}

/* Add gaps at the right side of links */
/* Add-to links: simple icons (with no text)
-------------------------------------------------------------- */
/* If displayed in a group: add margin between icons */
/* line 2172, ../scss/core/_styles.scss */
.addto-links-icons .link-compare {
  margin-left: 3px;
}

/* line 2173, ../scss/core/_styles.scss */
.addto-links-icons a {
  display: block;
}

/* line 2174, ../scss/core/_styles.scss */
.addto-links-icons .ic {
  font-size: 16px;
}

/* If displayed on product image */
/* line 2177, ../scss/core/_styles.scss */
.addto-links-icons.addto-onimage {
  float: right;
  margin-top: -44px;
  /* Move up */
  position: relative;
  z-index: 1;
  padding-bottom: 4px;
  /* Use padding to cover the bottom part of the product image below icons */
  padding-right: 4px;
}

/* Add to Cart box
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Button "Add to cart" on product page */
/* line 2192, ../scss/core/_styles.scss */
.product-view .btn-cart {
  min-width: 200px;
  margin-bottom: 15px;
}
/* line 2196, ../scss/core/_styles.scss */
.product-view .add-to-cart {
  margin-top: 7px;
  float: none;
}

/* line 2203, ../scss/core/_styles.scss */
.add-to-cart .btn-cart,
.add-to-cart .qty-wrapper {
  display: inline-block;
}
/* line 2207, ../scss/core/_styles.scss */
.add-to-cart .btn-cart {
  line-height: 55px;
  font-size: 16px;
}
/* line 2211, ../scss/core/_styles.scss */
.add-to-cart .qty-wrapper > * {
  display: inline-block;
  vertical-align: middle;
}
/* line 2215, ../scss/core/_styles.scss */
.add-to-cart .qty-wrapper .qty {
  margin-right: 5px;
  height: 55px;
  width: 70px;
  text-align: center;
}

/* Quantity plus/minus
-------------------------------------------------------------- */
/* line 2225, ../scss/core/_styles.scss */
.qty-buttons-wrapper {
  display: inline-block;
}

/* line 2228, ../scss/core/_styles.scss */
.qty-button {
  margin: 0;
  cursor: pointer;
  width: 27px;
  height: 27px;
  line-height: 27px;
  display: block;
  text-align: center;
  vertical-align: middle;
  background-color: #f5f5f5;
  font-size: 18px;
  font-weight: bold;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 2245, ../scss/core/_styles.scss */
.qty-button.increase {
  margin-bottom: 1px;
}

/* Quantity buttons inside quantity field
-------------------------------------------------------------- */
/*.add-to-cart .qty-wrapper > * {
	float: left;
}
.add-to-cart .qty-wrapper .qty {
	width: 100px !important;
	margin-right: -27px;
	padding-right: 30px;
	margin-left: 5px;
}
.qty-button {
	width: 23px;
	height: 23px;
	line-height: 23px;
}
.qty-button.increase {
	margin-top: 4px;
}*/
/* Add class "left-side" to place the buttom at the left side
   of the quantity field
-------------------------------------------------------------- */
/* line 2273, ../scss/core/_styles.scss */
.add-to-cart.left-side {
  float: none !important;
  /* In case floating is set in some other styles */
}

/* line 2276, ../scss/core/_styles.scss */
.add-to-cart.left-side .btn-cart {
  float: left;
}

/* line 2279, ../scss/core/_styles.scss */
.add-to-cart.left-side .qty-wrapper {
  margin-right: 0;
  /* WHen button on the left side, no margin-right needed */
}

/* line 2282, ../scss/core/_styles.scss */
.add-to-cart.left-side .qty-wrapper label {
  padding-left: 10px;
}

/* PayPal
-------------------------------------------------------------- */
/* line 2288, ../scss/core/_styles.scss */
.product-view .paypal-wrapper {
  float: left;
}

/* line 2291, ../scss/core/_styles.scss */
.product-view .paypal-wrapper .paypal-logo {
  margin: 0;
  padding: 5px 0 0;
  text-align: right;
}

/* line 2296, ../scss/core/_styles.scss */
.product-view .paypal-wrapper .paypal-logo .paypal-or {
  clear: both;
  display: block;
  margin: 5px 60px 5px 0;
}

/* Magento's default */
/* line 2303, ../scss/core/_styles.scss */
.add-to-cart .paypal-logo {
  clear: left;
  margin: 0;
  padding: 10px 0 0;
  text-align: right;
}

/* line 2309, ../scss/core/_styles.scss */
.add-to-cart .paypal-logo .paypal-or {
  clear: both;
  display: block;
  margin: 5px 60px 5px 0;
}

/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Enlarged nested container. */
/* line 2321, ../scss/core/_styles.scss */
.product-view {
  width: 102%;
  margin-left: -1%;
}

/* Product images
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2330, ../scss/core/_styles.scss */
.product-view .product-img-column {
  float: left;
  margin-bottom: 10px;
  position: relative;
  /* Stickers are positioned relative to this container. TODO: move to the stylesheet with sticker styles. */
}

/* line 2334, ../scss/core/_styles.scss */
.col3-layout .product-view .product-img-column {
  float: none;
  margin: 0 auto;
}

/* Product primary column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2340, ../scss/core/_styles.scss */
.product-view .product-shop {
  float: left;
}

/* line 2341, ../scss/core/_styles.scss */
.product-view .product-shop .product-name {
  margin: 0 0 20px;
}

/* line 2342, ../scss/core/_styles.scss */
.product-view .product-shop .product-name h1 {
  margin: 0;
  font-size: 3.2rem;
}

/* line 2343, ../scss/core/_styles.scss */
.product-view .product-shop .ratings-table {
  margin: 15px 0 5px;
}

/* Product secondary Column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2349, ../scss/core/_styles.scss */
.product-view .product-secondary-column .inner {
  padding-top: 1px;
  padding-bottom: 10px;
  /* Stop collapsing margins */
}

/* Product primary column's elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2355, ../scss/core/_styles.scss */
.product-view .short-description {
  margin: 8px 0;
  line-height: 1.25em;
  /*15px*/
}

/* line 2356, ../scss/core/_styles.scss */
.product-view .short-description ul {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Add-to links */
/* line 2359, ../scss/core/_styles.scss */
.product-view .action-box {
  margin: 20px 0;
}

/* Add-to links in different places of the product page */
/* line 2362, ../scss/core/_styles.scss */
.product-view .add-to-links li {
  margin-right: 10px;
}

/* line 2365, ../scss/core/_styles.scss */
.product-view .add-to-links a {
  display: block;
}

/* line 2368, ../scss/core/_styles.scss */
.product-view .add-to-links a .ic {
  font-size: 16px;
  /* Override default margins of "feature" class icon */
  margin-right: 5px;
  margin-bottom: 0;
}

/* Other elements */
/* line 2378, ../scss/core/_styles.scss */
.extrahint-wrapper {
  margin-bottom: 15px;
}

/* Downloadable product
-------------------------------------------------------------- */
/* line 2382, ../scss/core/_styles.scss */
.product-type-data .item-options {
  clear: both;
}

/* line 2383, ../scss/core/_styles.scss */
.product-type-data .item-options dt {
  float: none;
  margin: 0 0 5px;
}

/* The same style as "item-options" in cart */
/* line 2385, ../scss/core/_styles.scss */
.product-type-data .item-options dd {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/bullet.png) 3px 4px no-repeat;
  padding-left: 15px;
}

/* Additional information table
-------------------------------------------------------------- */
/* line 2389, ../scss/core/_styles.scss */
.product-view .data-table th {
  font-weight: bold;
}

/* Prices - common for product view and MAP popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Prices on product page and MSRP */
/* line 2396, ../scss/core/_styles.scss */
.product-view .product-shop .price-box .price-including-tax .price {
  font-size: 18px;
}

/* line 2397, ../scss/core/_styles.scss */
.product-view .product-shop .price-box .price-excluding-tax .price {
  font-size: inherit;
}

/* Main price (prominent) */
/* line 2400, ../scss/core/_styles.scss */
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .special-price .price-label,
.product-view .product-shop .price-box .old-price .price,
.product-view .product-shop .price-box .old-price .price-label,
.product-view .product-shop .price-box .price-including-tax .price,
.product-view .product-options-bottom .price-box .regular-price .price,
.product-view .price-as-configured .price,
.map-popup-price .regular-price .price,
.product-view .price-box.map-info .old-price .price {
  font-size: 1.6666em;
  /*20px*/
}

/* Old price */
/* line 2412, ../scss/core/_styles.scss */
.product-view .product-shop .price-box .old-price .price-label {
  white-space: nowrap;
  display: none;
}

/* MSRP price (only in MSRP box) */
/* line 2415, ../scss/core/_styles.scss */
.map-popup-msrp .price {
  display: block;
  /* Move price below the label */
}

/* Move MSRP links below the price */
/* line 2418, ../scss/core/_styles.scss */
.product-view .product-shop .price-box.map-info .old-price {
  display: block;
}

/* Special price */
/* line 2421, ../scss/core/_styles.scss */
.product-view .price-box .special-price .price-label {
  white-space: normal;
}

/* line 2422, ../scss/core/_styles.scss */
.product-view .price-box .special-price .price-including-tax,
.product-view .price-box .special-price .price-excluding-tax {
  padding: 0 0 0 15px;
}

/* Price box inside "Add-to-cart" box or inside product options box */
/* line 2426, ../scss/core/_styles.scss */
.product-view .add-to-box .price-box,
.product-options-bottom .price-box {
  float: left;
  margin: 18px 15px 10px 0;
  padding: 0;
}

/* Main containers (e.g. for add-to-cart, product options)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product type specific data */
/* line 2434, ../scss/core/_styles.scss */
.product-view .product-type-data {
  margin: 10px 0 0;
}

/* Lower part of the container */
/* line 2437, ../scss/core/_styles.scss */
.product-view .container1-wrapper,
.product-view .container2-wrapper {
  padding: 0 0 15px;
}

/* line 2441, ../scss/core/_styles.scss */
.product-view .container1-wrapper,
.product-view .container2-wrapper {
  margin: 0 0 15px;
  border-bottom: 1px solid #e5e5e5;
}

/* line 2446, ../scss/core/_styles.scss */
.product-view .container2-wrapper {
  margin-bottom: 30px;
}

/* Button container */
/* line 2451, ../scss/core/_styles.scss */
.product-view .add-to-box {
  /*margin-top:15px;*/
}

/* Background color for main containers */
/*.product-view .product-type-data,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box {}*/
/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* TODO:? remove class .box-tabs to allow formatting even if collateral data displayed not in tabs */
/* Unordered list in product description (for lists with no bullet class) */
/* line 2467, ../scss/core/_styles.scss */
.product-view .short-description .std ul:not(.ic-ul),
.product-view .box-tabs .std ul:not(.ic-ul) {
  list-style: none outside none;
}

/* line 2469, ../scss/core/_styles.scss */
.product-view .short-description .std ul:not(.ic-ul) li,
.product-view .box-tabs .std ul:not(.ic-ul) li {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/list/bullet.png) 0 0 no-repeat;
  padding-left: 25px;
}

/* Margin for list in long description */
/* line 2473, ../scss/core/_styles.scss */
.product-view .box-tabs .std ul {
  margin-bottom: 1em;
}

/* If unordered list has "disc" class, override  */
/* line 2476, ../scss/core/_styles.scss */
.product-view .short-description .std ul.disc,
.product-view .box-tabs .std ul.disc {
  list-style: disc outside none;
  padding-left: 1.5em;
}

/* line 2478, ../scss/core/_styles.scss */
.product-view .short-description .std ul.disc li,
.product-view .box-tabs .std ul.disc li {
  background-image: none;
  padding-left: 0;
}

/* Product options
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2485, ../scss/core/_styles.scss */
.product-options {
  position: relative;
  display: inline-block;
  width: 100%;
}
/* line 2490, ../scss/core/_styles.scss */
.product-options dl {
  margin-bottom: 10px;
}
/* line 2494, ../scss/core/_styles.scss */
.product-options dt {
  font-weight: normal;
}
/* line 2497, ../scss/core/_styles.scss */
.product-options dt label {
  display: inline-block;
  font-weight: bold;
}
/* line 2501, ../scss/core/_styles.scss */
.product-options dt label.required em {
  float: right;
  margin-left: 3px;
}
/* line 2506, ../scss/core/_styles.scss */
.product-options dt .qty-disabled {
  background: none;
  border: 0;
  padding: 3px;
}
/* line 2512, ../scss/core/_styles.scss */
.product-options dd {
  margin: 0;
}
/* line 2515, ../scss/core/_styles.scss */
.product-options dd .qty-holder {
  display: block;
  padding: 5px 0 0;
}
/* line 2519, ../scss/core/_styles.scss */
.product-options dd .qty-holder label {
  vertical-align: middle;
}
/* line 2523, ../scss/core/_styles.scss */
.product-options dd input.input-text {
  width: 100%;
  /*98%*/
}
/* line 2526, ../scss/core/_styles.scss */
.product-options dd input.datetime-picker {
  width: 150px;
}
/* line 2529, ../scss/core/_styles.scss */
.product-options dd .time-picker {
  display: -moz-inline-box;
  display: inline-block;
  padding: 2px 0;
  vertical-align: middle;
}
/* line 2535, ../scss/core/_styles.scss */
.product-options dd textarea {
  width: 100%;
  /*width:92%;*/
  height: 8em;
}
/* line 2539, ../scss/core/_styles.scss */
.product-options dd select {
  width: 100%;
}
/* line 2542, ../scss/core/_styles.scss */
.product-options dd .multiselect option {
  border-bottom: 1px dotted #d9e5ee;
  padding: 2px 4px;
}
/* line 2547, ../scss/core/_styles.scss */
.product-options dl.last dd.last {
  border-bottom: 0;
}
/* line 2550, ../scss/core/_styles.scss */
.product-options ul.options-list {
  margin-right: 5px;
}
/* line 2553, ../scss/core/_styles.scss */
.product-options ul.options-list li {
  line-height: 1.5;
  padding: 2px 0;
}
/* line 2557, ../scss/core/_styles.scss */
.product-options ul.options-list input.radio {
  float: left;
}
/* line 2560, ../scss/core/_styles.scss */
.product-options ul.options-list input.checkbox {
  float: left;
  margin-top: 2px;
}
/* line 2564, ../scss/core/_styles.scss */
.product-options ul.options-list .label {
  display: block;
  margin-left: 18px;
  color: #333;
  font-size: 14px;
  text-align: left;
}
/* line 2571, ../scss/core/_styles.scss */
.product-options ul.options-list label {
  font-weight: normal;
}
/* line 2575, ../scss/core/_styles.scss */
.product-options ul.validation-failed {
  padding: 0 7px;
}
/* line 2578, ../scss/core/_styles.scss */
.product-options p.note {
  margin: 0;
  font-size: 0.9166em;
}
/* line 2582, ../scss/core/_styles.scss */
.product-options p.required {
  position: absolute;
  right: 0;
  top: -15px;
}

/*bottom*/
/* line 2590, ../scss/core/_styles.scss */
.product-options-bottom {
  /*margin-top:20px;*/
}
/* line 2593, ../scss/core/_styles.scss */
.product-options-bottom .tier-prices {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: 0;
}
/* line 2599, ../scss/core/_styles.scss */
.product-options-bottom .tier-prices li {
  background: 0;
  padding: 2px 0;
}
/* line 2604, ../scss/core/_styles.scss */
.product-options-bottom .add-to-cart {
  clear: both;
}

/* line 2609, ../scss/core/_styles.scss */
.product-shop .product-options-bottom {
  margin: 0;
}

/* line 2610, ../scss/core/_styles.scss */
.product-shop .product-options-bottom .price-label {
  float: none;
  padding-right: 0;
}

/* line 2611, ../scss/core/_styles.scss */
.product-shop .product-options-bottom .price-tax {
  float: none;
}

/* line 2612, ../scss/core/_styles.scss */
.product-shop .product-options-bottom .add-to-cart-box {
  clear: both;
  float: left;
  padding-top: 12px;
}

/* Grouped Product
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2618, ../scss/core/_styles.scss */
.product-view .grouped-items-table {
  margin: 0;
  clear: both;
}

/* line 2619, ../scss/core/_styles.scss */
.product-view .grouped-items-table thead th {
  font-weight: bold;
}

/* line 2620, ../scss/core/_styles.scss */
.product-view .grouped-items-table .price-box {
  margin: 0;
  padding: 0;
  border: 0;
}

/* line 2621, ../scss/core/_styles.scss */
.product-view .grouped-items-table .price-box .price-including-tax .price {
  font-size: inherit;
  font-family: inherit;
}

/* line 2623, ../scss/core/_styles.scss */
.product-view .grouped-items-table td {
  vertical-align: middle;
}

/* line 2624, ../scss/core/_styles.scss */
.product-view .grouped-items-table .price-box .regular-price .price {
  font-size: inherit;
  font-family: inherit;
}

/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2630, ../scss/core/_styles.scss */
.product-view .box-tags .info {
  margin-bottom: 10px;
}

/* line 2631, ../scss/core/_styles.scss */
.product-view .box-tags .product-tags {
  display: block;
  margin: 0 0 25px;
}

/* line 2632, ../scss/core/_styles.scss */
.product-view .box-tags .product-tags li {
  display: inline;
  padding: 0 7px;
  border-right: 1px solid #e5e5e5;
}

/* line 2633, ../scss/core/_styles.scss */
.product-view .box-tags .product-tags li.first {
  padding-left: 0;
}

/* line 2634, ../scss/core/_styles.scss */
.product-view .box-tags .product-tags li.last {
  padding-right: 0;
  border-right: 0;
}

/* line 2635, ../scss/core/_styles.scss */
.product-view .box-tags .form-add label {
  display: block;
  font-weight: bold;
  margin: 0 0 5px;
}

/* line 2636, ../scss/core/_styles.scss */
.product-view .box-tags .form-add .input-box {
  float: left;
  margin: 0 5px 5px 0;
}

/* line 2637, ../scss/core/_styles.scss */
.product-view .box-tags .form-add input.input-text {
  width: auto;
}

/* line 2638, ../scss/core/_styles.scss */
.product-view .box-tags .note {
  margin: 3px 0 0;
}

/* Block: Reviews
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2645, ../scss/core/_styles.scss */
.product-view .box-reviews {
  margin-top: 15px;
}
/* line 2648, ../scss/core/_styles.scss */
.product-view .box-reviews .heading {
  font-weight: normal;
  font-size: 17px;
  margin-bottom: 10px;
}
/* line 2653, ../scss/core/_styles.scss */
.product-view .box-reviews dl {
  margin: 30px 0 15px;
}
/* line 2657, ../scss/core/_styles.scss */
.product-view .box-reviews dt span {
  font-weight: bold;
}
/* line 2660, ../scss/core/_styles.scss */
.product-view .box-reviews dt a {
  font-size: 18px;
  margin-right: 8px;
}
/* line 2665, ../scss/core/_styles.scss */
.product-view .box-reviews dd {
  margin: 0 0 15px 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #e5e5e5;
}
/* line 2670, ../scss/core/_styles.scss */
.product-view .box-reviews dd:last-child {
  border-bottom: none;
}
/* line 2674, ../scss/core/_styles.scss */
.product-view .box-reviews .ratings-table {
  display: block;
  margin: 10px 0;
}
/* line 2678, ../scss/core/_styles.scss */
.product-view .box-reviews .review-content {
  display: block;
  margin-bottom: 10px;
}
/* line 2682, ../scss/core/_styles.scss */
.product-view .box-reviews .review-details {
  display: block;
  margin-bottom: 0;
}
/* line 2686, ../scss/core/_styles.scss */
.product-view .box-reviews .review-author {
  display: inline-block;
}
/* line 2689, ../scss/core/_styles.scss */
.product-view .box-reviews .review-date {
  display: inline-block;
  font-style: italic;
}
/* line 2693, ../scss/core/_styles.scss */
.product-view .box-reviews .pager {
  margin-bottom: 25px;
}
/* line 2697, ../scss/core/_styles.scss */
.product-view .box-reviews .form-add .form-list {
  margin: 15px 0 0;
}
/* line 2700, ../scss/core/_styles.scss */
.product-view .box-reviews .form-add .form-list input.input-text {
  width: 100%;
  max-width: 340px;
}
/* line 2704, ../scss/core/_styles.scss */
.product-view .box-reviews .form-add .form-list textarea {
  width: 100%;
  max-width: 500px;
}
/* line 2709, ../scss/core/_styles.scss */
.product-view .box-reviews .form-add .data-table {
  max-width: 176px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  /* line 2709, ../scss/core/_styles.scss */
  .product-view .box-reviews .form-add .data-table {
    max-width: 100%;
  }
}
/* line 2717, ../scss/core/_styles.scss */
.product-view .box-reviews .form-add .data-table th,
.product-view .box-reviews .form-add .data-table td {
  text-align: center;
  line-height: 1em;
}
/* line 2722, ../scss/core/_styles.scss */
.product-view .box-reviews .form-add .data-table td .radio {
  margin: 0;
}
/* line 2727, ../scss/core/_styles.scss */
.product-view .box-reviews .buttons-set {
  border: none;
  margin: 10px 0 0;
  padding: 0;
}
/* line 2732, ../scss/core/_styles.scss */
.product-view .box-reviews .buttons-set button.button {
  float: left;
  margin-left: 0;
}

/* Send a Friend
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2743, ../scss/core/_styles.scss */
.send-friend .form-list li p {
  margin: 0 15px 0 0;
}

/* line 2744, ../scss/core/_styles.scss */
.send-friend .form-list .field {
  margin-bottom: 8px;
}

/* line 2745, ../scss/core/_styles.scss */
.send-friend .form-list textarea {
  width: 100%;
}

/* line 2746, ../scss/core/_styles.scss */
.send-friend .buttons-set .limit {
  float: right;
  margin: 0 7px;
}

/* Product collateral data container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Generic wrapper for lower part of the product page */
/* line 2753, ../scss/core/_styles.scss */
.product-view .box-additional {
  /*margin-top: 20px;*/
}

/* Boxes for collateral data
-------------------------------------------------------------- */
/* line 2759, ../scss/core/_styles.scss */
.product-view .box-collateral {
  margin-top: 0;
  margin-bottom: 30px;
}

/* Remove margin if box is inside one of the main sections of product page */
/* line 2764, ../scss/core/_styles.scss */
.product-view .product-img-column .box-collateral,
.product-view .product-primary-column .box-collateral,
.product-view .product-secondary-column .box-collateral {
  margin-bottom: 15px;
}

/* Remove margin if box is inside tabs */
/* line 2770, ../scss/core/_styles.scss */
.product-view .box-tabs .box-collateral {
  margin-bottom: 0;
}

/* Collateral container
-------------------------------------------------------------- */
/* line 2777, ../scss/core/_styles.scss */
.product-view .collateral-container.box-tabs {
  /* Add large space below tabs */
  margin-bottom: 50px;
}

/* Headings
-------------------------------------------------------------- */
/* line 2784, ../scss/core/_styles.scss */
.product-view .box-collateral > h2:first-child,
.product-view .collateral-block > h2:first-child,
.product-view .box-collateral .section-title {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 15px;
  padding: 7px 0;
  border-bottom: 1px solid #e5e5e5;
}

/* Modify headings in specific cases
-------------------------------------------------------------- */
/* Slider headings - no bottom margin (it would pull the navigation arrows down)
-------------------------------------------------------------- */
/* line 2800, ../scss/core/_styles.scss */
.product-view .block-related .section-title,
.product-view .block-upsell .section-title {
  margin-bottom: 0;
}

/* Headings if box is inside one of the main sections of product page
-------------------------------------------------------------- */
/* Hide first heading if it's immediate child of "panel" (which is always the same as tab name) */
/* TODO: get rid of this hack */
/* line 2809, ../scss/core/_styles.scss */
.product-view .box-tabs .panel > h2:first-child,
.product-view .box-tabs .panel > .section-title {
  display: none;
}

/* Hide first heading also if it's NOT immediate child of "panel" but is immediate child of "box-collateral" */
/* TODO: get rid of this hack */
/* line 2817, ../scss/core/_styles.scss */
.product-view .box-tabs .box-collateral > h2:first-child,
.product-view .box-tabs .box-collateral > .section-title {
  display: none;
}

/* Headings inside one of the main sections of product page
-------------------------------------------------------------- */
/* line 2825, ../scss/core/_styles.scss */
.product-view .product-img-column .box-collateral > h2:first-child,
.product-view .product-primary-column .box-collateral > h2:first-child,
.product-view .product-secondary-column .box-collateral > h2:first-child {
  font-size: 18px;
}

/* Content Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Product Tags */
/* line 2837, ../scss/core/_styles.scss */
.tags-list li {
  display: inline;
}

/* Advanced Search */
/* line 2840, ../scss/core/_styles.scss */
.advanced-search-summary {
  padding: 20px;
  margin: 10px 0;
}

/* line 2841, ../scss/core/_styles.scss */
.advanced-search-summary ul {
  float: left;
  margin: 0 4% 10px 0;
  width: 46%;
}

/* line 2842, ../scss/core/_styles.scss */
.advanced-search-summary li {
  margin: 0 0 2px 0;
  font-size: 1.25em;
}

/* line 2843, ../scss/core/_styles.scss */
.advanced-search-summary strong {
  margin: 0 5px 0 0;
}

/* line 2844, ../scss/core/_styles.scss */
.advanced-search-summary p {
  clear: both;
  float: left;
  display: block;
  margin: 10px 0 0;
}

/* Advanced Search - form */
/* line 2847, ../scss/core/_styles.scss */
.advanced-search .form-list label {
  padding-right: 10px;
  width: 140px;
}

/* line 2848, ../scss/core/_styles.scss */
.advanced-search .form-list .input-box,
.advanced-search .form-list .input-range {
  clear: none;
  float: left;
  /* Complex form fields (e.g. price range) require floating for correct layout */
}

/* line 2854, ../scss/core/_styles.scss */
.catalogsearch-advanced-index .fieldset {
  margin-bottom: 3px;
}

/* line 2855, ../scss/core/_styles.scss */
.catalogsearch-advanced-index .buttons-set {
  padding-left: 0;
}

/* line 2856, ../scss/core/_styles.scss */
.catalogsearch-advanced-index .buttons-set button.button {
  float: left;
  margin-left: 0;
}

/* Sitemap */
/* line 2859, ../scss/core/_styles.scss */
.page-sitemap .links {
  float: right;
  margin: 0 0 5px;
  text-align: center;
}

/* line 2860, ../scss/core/_styles.scss */
.page-sitemap .links a {
  text-decoration: none;
  position: relative;
}

/* line 2861, ../scss/core/_styles.scss */
.page-sitemap .sitemap {
  margin: 15px;
}

/* line 2862, ../scss/core/_styles.scss */
.page-sitemap .sitemap li {
  margin: 3px 0;
}

/* line 2863, ../scss/core/_styles.scss */
.page-sitemap .sitemap li.level-0 {
  margin: 10px 0 0;
  font-weight: bold;
}

/* line 2865, ../scss/core/_styles.scss */
.page-sitemap .pager {
  clear: both;
}

/* RSS */
/* line 2868, ../scss/core/_styles.scss */
.rss-title h1 {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_rss-big.png) 0 center no-repeat;
  padding-left: 30px;
}

/* line 2869, ../scss/core/_styles.scss */
.rss-table .link-rss {
  display: block;
}

/* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Checkout Types
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2880, ../scss/core/_styles.scss */
.cart .page-title .checkout-types li {
  margin: 0 0 5px;
}
/* line 2884, ../scss/core/_styles.scss */
.cart .title-buttons .checkout-types {
  float: right;
}
/* line 2887, ../scss/core/_styles.scss */
.cart .title-buttons .checkout-types li {
  float: left;
  margin: 0 0 5px 5px;
}

/* Shopping Cart Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2899, ../scss/core/_styles.scss */
.cart-table thead tr {
  border-bottom: 1px solid #e5e5e5;
}
/* line 2902, ../scss/core/_styles.scss */
.cart-table th.last {
  border-right: none;
}
/* line 2905, ../scss/core/_styles.scss */
.cart-table .product-image {
  width: 168px;
  display: block;
}
/* line 2909, ../scss/core/_styles.scss */
.cart-table .product-name {
  margin: 0 0 10px;
  font-weight: normal;
  font-size: 1.6666em;
  line-height: 1.2em;
  /*20px, 24px*/
}
/* line 2915, ../scss/core/_styles.scss */
.cart-table .item-msg {
  margin: 5px 0;
  font-size: 0.9166em;
  font-weight: bold;
  color: #ee001c;
}
/* line 2921, ../scss/core/_styles.scss */
.cart-table tfoot td {
  padding: 5px 10px;
  border: none;
}
/* line 2924, ../scss/core/_styles.scss */
.cart-table input.qty {
  width: 4em !important;
}

/* Table bottom - buttons
-------------------------------------------------------------- */
/* line 2933, ../scss/core/_styles.scss */
.cart-table tfoot td.last {
  padding: 0;
}
/* line 2936, ../scss/core/_styles.scss */
.cart-table tfoot button {
  padding: 0;
  margin: 0 0 15px 10px;
}
/* line 2941, ../scss/core/_styles.scss */
.cart-table .btn-continue {
  float: left;
  margin-left: 0;
}
/* line 2945, ../scss/core/_styles.scss */
.cart-table .btn-update,
.cart-table .btn-empty {
  float: right;
}

/* Cart Collateral blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2954, ../scss/core/_styles.scss */
.cart-collaterals {
  margin-top: 2%;
  /* Percentage value to keep the same margin as between columns */
}

/* line 2955, ../scss/core/_styles.scss */
.cart .cart-left-column > *,
.cart .cart-right-column > * {
  margin-bottom: 20px;
}

/* line 2957, ../scss/core/_styles.scss */
.cart .cart-right-column {
  float: right;
}

/* Cross-sell
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.cart .crosssell .product-image { float:left; }
.cart .crosssell .product-details { margin-left:85px; }
.cart .crosssell .btn-cart { float:left; margin-right:10px; }
.cart .crosssell .add-to-links { float:left; margin:12px 0 0; }
.cart .crosssell .price-box { margin:7px 0; }
.cart .crosssell li.item { padding:20px 0; }
.cart .crosssell li.item.odd { margin-left:0; clear:left; }
.cart .crosssell li.item.even { margin-right:0; float:right; }*/
/*
-------------------------------------------------------------- */
/* line 2974, ../scss/core/_styles.scss */
.cart-wide-box .crosssell li.item {
  float: left;
  width: 265px;
  min-height: 109px;
}

/* line 2975, ../scss/core/_styles.scss */
.cart-wide-box .crosssell li.item.odd {
  padding-right: 20px;
  border-right: 1px solid #eee;
}

/* line 2976, ../scss/core/_styles.scss */
.cart-wide-box .crosssell li.item.even {
  padding-left: 20px;
}

/* Common styles: Cross-sell, Discount Codes, Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2982, ../scss/core/_styles.scss */
.cart .discount .buttons-set,
.cart .shipping .buttons-set {
  margin: 10px 0 0;
  border: 0;
  padding: 0;
  text-align: left;
}

/* line 2984, ../scss/core/_styles.scss */
.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
  float: none;
  margin-left: 0;
}

/* Discount Codes (coupons)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2991, ../scss/core/_styles.scss */
.cart .discount label {
  display: block;
  margin: 0 0 5px;
}

/* line 2993, ../scss/core/_styles.scss */
.cart .discount input.input-text {
  width: 100%;
}

/* Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 2999, ../scss/core/_styles.scss */
.cart .shipping input.input-text,
.cart .shipping select {
  width: 100%;
}

/* line 3001, ../scss/core/_styles.scss */
.cart .shipping p {
  margin-bottom: 10px;
}

/* line 3002, ../scss/core/_styles.scss */
.cart .shipping .sp-methods {
  margin: 10px 0 0;
}

/* Shopping Cart Totals
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3009, ../scss/core/_styles.scss */
.cart .totals {
  background-color: #f5f5f5;
}
/* line 3012, ../scss/core/_styles.scss */
.cart .totals table {
  width: 100%;
}
/* line 3015, ../scss/core/_styles.scss */
.cart .totals table td {
  padding: 1px 0 1px 7px;
}
/* line 3019, ../scss/core/_styles.scss */
.cart .totals table tfoot th {
  padding: 5px 15px 5px 7px;
}
/* line 3022, ../scss/core/_styles.scss */
.cart .totals table tfoot td {
  padding-bottom: 5px;
}
/* line 3025, ../scss/core/_styles.scss */
.cart .totals table tfoot th strong,
.cart .totals table tfoot td strong {
  font-size: 16px;
}
/* line 3031, ../scss/core/_styles.scss */
.cart .totals .checkout-types {
  text-align: right;
}
/* line 3034, ../scss/core/_styles.scss */
.cart .totals .checkout-types li {
  clear: both;
  margin: 10px 0 0;
}
/* line 3039, ../scss/core/_styles.scss */
.cart .totals-inner {
  padding: 20px;
}

/* Item Options and Options Tool Tip
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3047, ../scss/core/_styles.scss */
.item-options dt {
  float: left;
  clear: left;
}

/* line 3048, ../scss/core/_styles.scss */
.item-options dd {
  float: left;
  margin: 0 0 2px;
  padding-left: 7px;
  font-style: italic;
}

/* Item options in cart/checkout tables */
/* line 3051, ../scss/core/_styles.scss */
.data-table .item-options {
  line-height: 15px;
  margin: 0 0 0 10px;
}

/* line 3052, ../scss/core/_styles.scss */
.data-table .item-options dt {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/bullet.png) 0 4px no-repeat;
  padding-left: 10px;
}

/* line 3053, ../scss/core/_styles.scss */
.data-table .item-options dd {
  padding-left: 10px;
  /* The same left padding as "dt" in case "dd" drops to a new line */
}

/* Options Tool Tip
-------------------------------------------------------------- */
/* line 3057, ../scss/core/_styles.scss */
.truncated {
  cursor: help;
  display: inline-block;
}

/* line 3058, ../scss/core/_styles.scss */
.truncated a.dots {
  cursor: help;
}

/* line 3059, ../scss/core/_styles.scss */
.truncated a.details {
  cursor: help;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

/* line 3060, ../scss/core/_styles.scss */
.truncated .truncated_full_value {
  position: relative;
  z-index: 999;
}

/* line 3061, ../scss/core/_styles.scss */
.truncated .truncated_full_value .item-options {
  position: absolute;
  top: -99999em;
  left: -99999em;
  z-index: 999;
  width: 190px;
  padding: 15px;
}

/* line 3062, ../scss/core/_styles.scss */
.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  margin-bottom: 2px;
}

/* Truncated displayed as dropdown in the mini cart */
/* line 3065, ../scss/core/_styles.scss */
.truncated .show .item-options {
  display: block;
  left: -210%;
  top: 20px;
}

/* Modify position of truncated dropdown displayed on cart page */
/* line 3068, ../scss/core/_styles.scss */
.cart-table .truncated .show .item-options {
  left: 0;
  top: 5px;
}

/* Checkout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
/* line 3077, ../scss/core/_styles.scss */
.sp-methods dt {
  font-weight: bold;
  margin: 15px 0 0;
}

/* line 3078, ../scss/core/_styles.scss */
.sp-methods dt:first-child {
  margin-top: 0;
}

/* line 3079, ../scss/core/_styles.scss */
.sp-methods dt.a-center {
  text-align: left !important;
}

/* Heading "Credit Card Information" in the Order Review tab */
/* line 3080, ../scss/core/_styles.scss */
.sp-methods dd {
  margin: 3px 0 15px;
}

/* line 3081, ../scss/core/_styles.scss */
.sp-methods dd li {
  margin: 5px 0;
}

/* line 3082, ../scss/core/_styles.scss */
.sp-methods .price {
  font-weight: bold;
}

/* line 3083, ../scss/core/_styles.scss */
.sp-methods .form-list {
  padding: 10px 10px 10px 22px;
}

/* line 3084, ../scss/core/_styles.scss */
.sp-methods select.month {
  width: 150px;
  margin-right: 10px;
}

/* line 3085, ../scss/core/_styles.scss */
.sp-methods select.year {
  width: 96px;
}

/* line 3086, ../scss/core/_styles.scss */
.sp-methods input.cvv {
  width: 5em !important;
}

/* line 3089, ../scss/core/_styles.scss */
.sp-methods .checkmo-list label {
  padding-right: 10px;
}

/* line 3090, ../scss/core/_styles.scss */
.sp-methods .checkmo-list address {
  float: left;
}

/* line 3092, ../scss/core/_styles.scss */
.sp-methods .centinel-logos a {
  margin-right: 3px;
}

/* line 3093, ../scss/core/_styles.scss */
.sp-methods .centinel-logos img {
  vertical-align: middle;
}

/* line 3095, ../scss/core/_styles.scss */
.please-wait {
  float: right;
  margin-right: 5px;
}

/* line 3096, ../scss/core/_styles.scss */
.please-wait img {
  vertical-align: middle;
}

/* line 3097, ../scss/core/_styles.scss */
.cvv-what-is-this {
  cursor: help;
  margin-left: 10px;
}

/* Tooltip with credit card security code explanation */
/* line 3100, ../scss/core/_styles.scss */
.tool-tip {
  margin-left: 22px;
  /* To align with ".sp-methods .form-list" */
}

/* line 3101, ../scss/core/_styles.scss */
.tool-tip .btn-close a {
  display: block;
  margin: 0 0 5px;
}

/* Gift Messages */
/* line 3104, ../scss/core/_styles.scss */
.gift-messages {
  margin: 30px 0 10px;
}

/* line 3105, ../scss/core/_styles.scss */
.gift-messages-form {
  border: 1px solid #e5e5e5;
  padding: 20px;
  position: relative;
}

/* line 3106, ../scss/core/_styles.scss */
.gift-messages-form p {
  margin-bottom: 10px;
}

/* line 3107, ../scss/core/_styles.scss */
.gift-messages-form label {
  float: none !important;
  position: static !important;
}

/* line 3108, ../scss/core/_styles.scss */
.gift-messages-form .item {
  margin: 0 0 10px;
}

/* line 3109, ../scss/core/_styles.scss */
.gift-messages-form .item .product-img-box {
  float: left;
  width: 75px;
}

/* line 3110, ../scss/core/_styles.scss */
.gift-messages-form .item .product-image {
  margin: 0 0 7px;
}

/* line 3111, ../scss/core/_styles.scss */
.gift-messages-form .item .number {
  margin: 0;
  font-weight: bold;
  text-align: center;
}

/* line 3112, ../scss/core/_styles.scss */
.gift-messages-form .item .details {
  margin-left: 90px;
}

/* line 3114, ../scss/core/_styles.scss */
.gift-message-link {
  display: block;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/bkg_collapse.gif) 0 4px no-repeat;
  padding-left: 20px;
}

/* line 3115, ../scss/core/_styles.scss */
.gift-message-link.expanded {
  background-position: 0 -53px;
}

/* line 3116, ../scss/core/_styles.scss */
.gift-message-row .btn-close {
  float: right;
  padding: 0 7px 0;
}

/* line 3117, ../scss/core/_styles.scss */
.gift-message dt strong {
  font-weight: bold;
  color: #666;
}

/* line 3118, ../scss/core/_styles.scss */
.gift-message dd {
  margin: 5px 0 0;
  font-size: 13px;
}

/* line 3119, ../scss/core/_styles.scss */
.order-gift-message {
  margin: 15px 0;
}

/* Checkout Agreements */
/* line 3122, ../scss/core/_styles.scss */
.checkout-agreements li {
  display: block;
  padding: 22px;
  background-color: #f5f5f5;
  margin: 0 0 10px;
}

/* line 3123, ../scss/core/_styles.scss */
.checkout-agreements .agreement-content {
  overflow: auto;
  max-height: 144px;
  /* Height = 8 times 18px (default line height) */
}

/* line 3124, ../scss/core/_styles.scss */
.checkout-agreements .agree input.checkbox {
  margin-right: 8px;
}

/* line 3125, ../scss/core/_styles.scss */
.checkout-agreements .agree label {
  font-weight: bold;
  vertical-align: middle;
}

/* Centinel */
/* line 3128, ../scss/core/_styles.scss */
.centinel .authentication {
  border: 1px solid #ddd;
  background: #fff;
}

/* line 3129, ../scss/core/_styles.scss */
.centinel .authentication iframe {
  width: 99%;
  height: 400px;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Generic Info Set */
/* For more styles see Multiple Addresses Checkout */
/* line 3133, ../scss/core/_styles.scss */
.info-set .data-table .item-options {
  margin: 5px 0 0;
}

/********** Common Checkout Styles > */
/* Block - progress
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3140, ../scss/core/_styles.scss */
.block-progress dl {
  margin-top: 15px;
}

/* line 3141, ../scss/core/_styles.scss */
.block-progress dt {
  margin: 15px 0;
  line-height: 1.3em;
  /* Low line height to display the line near the heading text */
  text-transform: uppercase;
  font-weight: bold;
}

/* line 3147, ../scss/core/_styles.scss */
.block-progress dd {
  margin-bottom: 25px;
  padding-left: 15px;
  font-style: italic;
}

/* line 3152, ../scss/core/_styles.scss */
.block-progress address {
  font-style: italic;
}

/* line 3153, ../scss/core/_styles.scss */
.block-progress dt a {
  /* Reset styles of the heading text */
  text-transform: none;
  font-weight: normal;
}

/* line 3158, ../scss/core/_styles.scss */
.block-progress p {
  margin: 0;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3164, ../scss/core/_styles.scss */
.opc {
  position: relative;
}
/* line 3168, ../scss/core/_styles.scss */
.opc .buttons-set.disabled button.button {
  display: none;
}
/* line 3171, ../scss/core/_styles.scss */
.opc .buttons-set .please-wait {
  height: 45px;
  line-height: 45px;
  /* The same height as the button */
}
/* line 3176, ../scss/core/_styles.scss */
.opc .ul {
  list-style: disc outside;
  padding-left: 18px;
}
/* line 3180, ../scss/core/_styles.scss */
.opc .section {
  margin: 0 0 10px;
  padding: 0;
}
/* line 3184, ../scss/core/_styles.scss */
.opc .section.allow {
  cursor: pointer;
}
/* line 3187, ../scss/core/_styles.scss */
.opc .section.allow.active {
  cursor: auto;
}
/* line 3190, ../scss/core/_styles.scss */
.opc .section.allow .step-title {
  background: #f5f5f5;
}
/* line 3193, ../scss/core/_styles.scss */
.opc .section.allow .step-title h2 {
  color: #333;
}
/* line 3196, ../scss/core/_styles.scss */
.opc .section.allow .step-title a {
  display: block;
}
/* line 3199, ../scss/core/_styles.scss */
.opc .section.allow .step-title:hover {
  background-color: #e5e5e5;
}
/* line 3205, ../scss/core/_styles.scss */
.opc .step-title {
  background: #f5f5f5;
  padding: 10px;
  text-align: right;
}
/* line 3210, ../scss/core/_styles.scss */
.opc .step-title:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
/* line 3215, ../scss/core/_styles.scss */
.opc .step-title .number {
  float: left;
  background: #fff;
  margin: 0 8px 0 0;
  font-size: 1.3333em;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 0;
  line-height: 34px;
  margin-top: 3px;
}
/* line 3228, ../scss/core/_styles.scss */
.opc .step-title h2 {
  float: left;
  margin: 0;
  color: #999;
  font-size: 22px;
  line-height: 38px;
}
/* line 3235, ../scss/core/_styles.scss */
.opc .step-title a {
  display: none;
  float: right;
  margin-top: 8px;
}
/* line 3242, ../scss/core/_styles.scss */
.opc .active .step-title {
  background-color: #e5e5e5;
  cursor: default;
}
/* line 3246, ../scss/core/_styles.scss */
.opc .active .step-title a {
  display: none;
}
/* line 3250, ../scss/core/_styles.scss */
.opc .active .step-title .number {
  background: #50b848 !important;
  color: #fff;
}

/* line 3258, ../scss/core/_styles.scss */
.opc .step {
  padding: 10px 20px;
  margin-top: 10px;
  position: relative;
}

/* line 3259, ../scss/core/_styles.scss */
.opc .step .tool-tip {
  right: 30px;
}

@media (max-width: 768px) {
  /* line 3263, ../scss/core/_styles.scss */
  .opc-block-progress .block-content {
    display: block !important;
  }
}
/* line 3271, ../scss/core/_styles.scss */
#opc-login .buttons-set button {
  float: left;
  margin-left: 0;
}
/* line 3275, ../scss/core/_styles.scss */
#opc-login .buttons-set a {
  float: right !important;
  border-bottom: 2px solid #50b848;
  margin-bottom: 10px;
}
/* line 3281, ../scss/core/_styles.scss */
#opc-login h3 {
  margin-top: 10px;
}
/* line 3284, ../scss/core/_styles.scss */
#opc-login h4 {
  font-family: inherit;
  font-weight: normal;
}
/* line 3288, ../scss/core/_styles.scss */
#opc-login .form-list {
  margin: 15px 0 15px;
}
/* line 3291, ../scss/core/_styles.scss */
#opc-login .form-list li {
  margin: 0 0 3px;
}

/* line 3297, ../scss/core/_styles.scss */
.opc .gift-messages-form {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
}

/* line 3298, ../scss/core/_styles.scss */
.opc .gift-messages-form .inner-box {
  overflow: visible;
}

/* line 3300, ../scss/core/_styles.scss */
#opc-review .step {
  padding: 0;
}

/* line 3301, ../scss/core/_styles.scss */
#opc-review .item-options {
  margin: 5px 0 0;
}

/* line 3302, ../scss/core/_styles.scss */
#opc-review .btn-checkout {
  min-width: 200px;
}

/* line 3303, ../scss/core/_styles.scss */
#opc-review .buttons-set p {
  margin: 0;
  line-height: 28px;
}

/* line 3304, ../scss/core/_styles.scss */
#opc-review .buttons-set .please-wait {
  height: 28px;
  line-height: 28px;
}

/* line 3305, ../scss/core/_styles.scss */
#opc-review .authentication {
  margin: 0 auto;
  width: 570px;
}

/* line 3306, ../scss/core/_styles.scss */
#opc-review .warning-message {
  color: #222;
  font-weight: bold;
  text-align: center;
  padding: 10px 10px 0;
}

/* Common styles for: Multiple Addresses Checkout and Generic Info Set
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3312, ../scss/core/_styles.scss */
.multiple-checkout h2,
.info-set h2 {
  font-weight: bold;
  margin: 0 0 10px;
}

/* line 3314, ../scss/core/_styles.scss */
.multiple-checkout h3,
.multiple-checkout h4,
.info-set h3,
.info-set h4 {
  font-size: 15px;
  font-weight: bold;
}

/* line 3318, ../scss/core/_styles.scss */
.multiple-checkout h2 a,
.multiple-checkout h3 a,
.multiple-checkout h4 a,
.info-set h2 a,
.info-set h3 a,
.info-set h4 a {
  font-size: 12px;
  font-weight: normal;
}

/* line 3325, ../scss/core/_styles.scss */
.multiple-checkout .data-table .product-name,
.info-set .data-table .product-name {
  font-size: 13px;
  margin: 0 0 5px;
}

/* line 3327, ../scss/core/_styles.scss */
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
  font-weight: normal;
}

/* line 3329, ../scss/core/_styles.scss */
.multiple-checkout .col2-set h3.legend,
.info-set h3.legend {
  color: #ce001a;
  margin: 0 0 10px;
}

/* line 3331, ../scss/core/_styles.scss */
.multiple-checkout .col2-set .divider,
.info-set .divider {
  margin: 0 -20px;
  padding: 25px 0;
  position: relative;
}

/* line 3333, ../scss/core/_styles.scss */
.multiple-checkout .box,
.info-set .box {
  margin: 0 0 15px;
}

/* Multiple Addresses Checkout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3341, ../scss/core/_styles.scss */
.checkout-progress {
  padding: 0 110px;
  margin: -11px 0 25px;
}

/* line 3342, ../scss/core/_styles.scss */
.checkout-progress li {
  float: left;
  width: 19%;
  margin: 0 1px 0 0;
  padding-top: 5px;
  border-top: 10px solid #d5d5d5;
  text-align: center;
  color: #bbb;
}

/* line 3343, ../scss/core/_styles.scss */
.checkout-progress li.active {
  border-top-color: #ce001a;
  color: #ce001a;
}

/* line 3345, ../scss/core/_styles.scss */
.multiple-checkout .page-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
}

/* line 3346, ../scss/core/_styles.scss */
.multiple-checkout .buttons-set {
  border-top: 1px solid #e5e5e5;
  margin-top: 40px;
  padding-top: 15px;
}

/* Styles similar to cart-table */
/* line 3349, ../scss/core/_styles.scss */
.multiple-checkout .data-table thead tr {
  border-bottom: 1px solid #bbb;
}

/* line 3350, ../scss/core/_styles.scss */
.multiple-checkout .data-table thead th {
  padding: 10px;
  font-weight: normal;
}

/* line 3352, ../scss/core/_styles.scss */
.multiple-checkout .gift-messages {
  margin: 15px 0 0;
}

/* line 3353, ../scss/core/_styles.scss */
.multiple-checkout .tool-tip {
  top: 50%;
  margin-top: -120px;
  right: 10px;
}

/* line 3355, ../scss/core/_styles.scss */
.multiple-checkout .col2-set .col-1 {
  width: 32%;
}

/* line 3356, ../scss/core/_styles.scss */
.multiple-checkout p.actions {
  margin-bottom: 10px;
}

/* line 3358, ../scss/core/_styles.scss */
.multiple-checkout .place-order .please-wait {
  margin-top: 10px;
}

/* line 3359, ../scss/core/_styles.scss */
.multiple-checkout .place-order .grand-total {
  font-size: 1.5em;
  text-align: right;
}

/* line 3360, ../scss/core/_styles.scss */
.multiple-checkout .place-order .grand-total .inner div {
  display: inline;
}

/* line 3361, ../scss/core/_styles.scss */
.multiple-checkout .place-order .grand-total big {
  display: inline;
  margin-right: 20px;
}

/* Step 1 */
/* line 3364, ../scss/core/_styles.scss */
#multiship-addresses-table td {
  padding: 10px;
}

/* Step 2 */
/* line 3367, ../scss/core/_styles.scss */
.checkout-multishipping-shipping .box-sp-methods {
  border: 1px solid #e5e5e5;
  padding: 15px;
  margin-bottom: 0;
  position: relative;
}

/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Account Login/Create Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3377, ../scss/core/_styles.scss */
.account-login .new-users,
.account-login .registered-users {
  margin-bottom: 20px;
}

/* line 3379, ../scss/core/_styles.scss */
.account-login p {
  margin-bottom: 20px;
}

/* line 3380, ../scss/core/_styles.scss */
.account-login p.required {
  margin: 0;
}

/* Make top margin smaller - in log-in form "required" element is
   in different place then in other containers "buttons-set" */
/* line 3383, ../scss/core/_styles.scss */
.account-login .buttons-set {
  margin-top: 10px;
}

/* Account Login/Create box elements - login page and checkout page */
/* line 3386, ../scss/core/_styles.scss */
.account-login .buttons-set button {
  float: left;
  margin-left: 0;
}

/* line 3387, ../scss/core/_styles.scss */
.account-login .buttons-set a {
  float: right !important;
  margin-bottom: 10px;
}

/* My Account Dashboard
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3394, ../scss/core/_styles.scss */
.my-account .title-buttons .link-rss {
  float: none;
  margin: 0;
}

/********** < Dashboard */
/* line 3397, ../scss/core/_styles.scss */
.dashboard .welcome-msg {
  margin: 0 0 1.6666em;
}

/* line 3398, ../scss/core/_styles.scss */
.dashboard .welcome-msg .hello {
  font-size: 1.6666em;
  line-height: 1.2em;
  /*20px, 24px*/
}

/* line 3399, ../scss/core/_styles.scss */
.dashboard .welcome-msg .hello strong {
  font-weight: normal;
}

/* line 3400, ../scss/core/_styles.scss */
.dashboard .col-1,
.dashboard .col-2 {
  margin-bottom: 1.5em;
}

/* General Box */
/* line 3404, ../scss/core/_styles.scss */
.box-account {
  margin: 0 0 2.5em;
}

/* line 3405, ../scss/core/_styles.scss */
.box-account .box-head {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 10px;
  padding-bottom: 5px;
}

/* line 3406, ../scss/core/_styles.scss */
.box-account .box-head a {
  float: right;
  margin-top: 10px;
}

/* line 3407, ../scss/core/_styles.scss */
.box-account .box-head h2 {
  float: left;
  margin: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
}

/* line 3408, ../scss/core/_styles.scss */
.box-account.box-info .col-1 {
  border-right: 1px solid #e5e5e5;
}

/* line 3409, ../scss/core/_styles.scss */
.box-account.box-info .col-1 .box {
  padding-right: 10px;
}

/* line 3411, ../scss/core/_styles.scss */
.dashboard .box .box-title {
  padding: 0 0 2px;
  margin: 0 0 10px;
  text-align: right;
  border-bottom: 1px solid #e5e5e5;
}

/* line 3412, ../scss/core/_styles.scss */
.dashboard .box .box-title h3,
.dashboard .box .box-title h4 {
  float: left;
  margin: 0;
}

/* Block: Recent Orders */
/* Block: Account Information */
/* line 3420, ../scss/core/_styles.scss */
.dashboard .box-info h4 {
  font-weight: normal;
  text-transform: uppercase;
}

/* Block: Reviews */
/* line 3424, ../scss/core/_styles.scss */
.dashboard .box-reviews .number {
  float: left;
  font-size: 1.3333em;
  line-height: 1.25em;
  padding: 0 10px;
}

/* line 3425, ../scss/core/_styles.scss */
.dashboard .box-reviews .details {
  margin-left: 38px;
}

/* line 3426, ../scss/core/_styles.scss */
.dashboard .box-reviews li.item {
  margin: 0 0 7px;
}

/* line 3427, ../scss/core/_styles.scss */
.dashboard .box-reviews li.item.last {
  margin: 0;
}

/* line 3428, ../scss/core/_styles.scss */
.dashboard .box-reviews .ratings {
  margin: 5px 0 0;
}

/* Block: Tags */
/* line 3432, ../scss/core/_styles.scss */
.dashboard .box-tags .number {
  float: left;
  font-size: 1.3333em;
  line-height: 1.25em;
  padding: 0 10px;
}

/* line 3433, ../scss/core/_styles.scss */
.dashboard .box-tags .details {
  margin-left: 38px;
}

/* line 3434, ../scss/core/_styles.scss */
.dashboard .box-tags .tags {
  margin: 5px 0 0;
}

/* line 3435, ../scss/core/_styles.scss */
.dashboard .box-tags li.item {
  margin: 0 0 7px;
}

/* line 3436, ../scss/core/_styles.scss */
.dashboard .box-tags li.item.last {
  margin: 0;
}

/* line 3437, ../scss/core/_styles.scss */
.dashboard .box-tags .tags strong,
.dashboard .box-tags .tags ul,
.dashboard .box-tags .tags ul li {
  display: inline;
}

/********** Dashboard > */
/* Add left padding if icons are displayed in headings */
/*.box-account .box-head h2,
.order-items h2,
.order-about h2 { padding-left:38px; }*/
/* Address Book
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3451, ../scss/core/_styles.scss */
.addresses-list h3 {
  font-weight: normal;
}

/* line 3452, ../scss/core/_styles.scss */
.addresses-list address {
  margin-bottom: 10px;
}

/* line 3453, ../scss/core/_styles.scss */
.addresses-list .link-remove:hover {
  color: #ee001c;
}

/* line 3454, ../scss/core/_styles.scss */
.addresses-list .separator {
  margin: 0 3px;
}

/* line 3455, ../scss/core/_styles.scss */
.addresses-list .addresses-primary .item {
  padding: 15px;
  margin: 0 0 10px;
  background-color: #f5f5f5;
}

/* line 3456, ../scss/core/_styles.scss */
.addresses-list li.empty {
  background: none;
  border: 0;
  padding: 0;
}

/* line 3457, ../scss/core/_styles.scss */
.addresses-list li.empty p {
  color: #555;
}

/* line 3458, ../scss/core/_styles.scss */
.addresses-list .addresses-additional .item {
  padding: 15px;
  margin: 0 0 10px;
  border: 1px solid #e5e5e5;
}

/* line 3460, ../scss/core/_styles.scss */
.my-account .pager {
  margin-bottom: 20px;
  border-top: none;
  padding-top: 0;
}

/* line 3466, ../scss/core/_styles.scss */
.my-account .buttons-set {
  border-top: none;
}

/* Order View
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3473, ../scss/core/_styles.scss */
.order-info {
  margin: 20px 0 10px;
}

/* line 3474, ../scss/core/_styles.scss */
.order-info dt,
.order-info dd,
.order-info li,
.order-info li a {
  float: left;
}

/* line 3479, ../scss/core/_styles.scss */
.order-info dt {
  font-weight: bold;
}

/* line 3480, ../scss/core/_styles.scss */
.order-info li {
  margin-right: 1px;
}

/* line 3481, ../scss/core/_styles.scss */
.order-info dt,
.order-info li.current,
.order-info li a {
  padding: 10px;
}

/* line 3484, ../scss/core/_styles.scss */
.order-info dt {
  padding-left: 0;
}

/* line 3486, ../scss/core/_styles.scss */
.order-info li a {
  background-color: #f8f8f8;
}

/* line 3487, ../scss/core/_styles.scss */
.order-info li a:hover,
.order-info li.current {
  background-color: #e5e5e5;
}

/* Date */
/* line 3491, ../scss/core/_styles.scss */
.order-date {
  margin: 15px 0;
  color: #ee001c;
  clear: both;
}

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3497, ../scss/core/_styles.scss */
.order-info-box {
  margin: 0 0 10px;
  padding: 20px;
}

/* line 3498, ../scss/core/_styles.scss */
.order-info-box .col-1 {
  border-right: #e5e5e5 solid 1px;
}

/* line 3500, ../scss/core/_styles.scss */
.order-info-box .box-payment p {
  margin: 0 0 3px;
}

/* line 3501, ../scss/core/_styles.scss */
.order-info-box .box-payment th {
  font-weight: bold;
  padding-right: 7px;
}

/* line 3503, ../scss/core/_styles.scss */
.order-items .data-table {
  margin-bottom: 20px;
}

/* line 3504, ../scss/core/_styles.scss */
.order-items .data-table td {
  padding: 5px 9px;
}

/* line 3505, ../scss/core/_styles.scss */
.order-items .data-table .grand_total {
  font-size: 1.3333em;
}

/* Grand total color */
/* line 3510, ../scss/core/_styles.scss */
.order-items {
  width: 100%;
}

/* line 3511, ../scss/core/_styles.scss */
.order-items .product-name {
  margin: 0 0 3px;
  font-size: 12px;
}

/* line 3512, ../scss/core/_styles.scss */
.order-items .link-print {
  font-weight: normal;
}

/* line 3513, ../scss/core/_styles.scss */
.order-items p .link-print {
  float: none;
}

/* line 3515, ../scss/core/_styles.scss */
.order-items h2,
.order-about h2 {
  margin: 15px 0;
}

/* line 3518, ../scss/core/_styles.scss */
.order-items h3.table-caption {
  font-size: 13px;
  font-weight: bold;
}

/* line 3519, ../scss/core/_styles.scss */
.order-items h2.table-caption a,
.order-items h2.sub-title a {
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}

/* line 3525, ../scss/core/_styles.scss */
.order-items .order-links {
  text-align: right;
}

/* line 3529, ../scss/core/_styles.scss */
.order-details h2 .separator {
  color: #999;
  font-size: 12px;
}

/* line 3531, ../scss/core/_styles.scss */
.order-about {
  margin: 0 0 15px;
  padding: 5px 30px;
}

/* line 3532, ../scss/core/_styles.scss */
.order-about dt {
  font-weight: bold;
}

/* line 3533, ../scss/core/_styles.scss */
.order-about dd {
  font-size: 12px;
  margin-bottom: 15px;
}

/* line 3535, ../scss/core/_styles.scss */
.tracking-table {
  margin: 0 0 15px;
}

/* line 3536, ../scss/core/_styles.scss */
.tracking-table th {
  width: 20%;
  font-weight: bold;
  white-space: nowrap;
}

/* line 3537, ../scss/core/_styles.scss */
.tracking-table th,
.tracking-table td {
  padding: 5px 9px;
}

/* line 3540, ../scss/core/_styles.scss */
.tracking-table-popup {
  width: 100%;
}

/* line 3541, ../scss/core/_styles.scss */
.tracking-table-popup th {
  font-weight: bold;
  white-space: nowrap;
}

/* line 3542, ../scss/core/_styles.scss */
.tracking-table-popup th,
.tracking-table-popup td {
  padding: 1px 8px;
}

/* Order Print Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3549, ../scss/core/_styles.scss */
.page-print .print-head {
  margin: 0 0 15px;
}

/* line 3550, ../scss/core/_styles.scss */
.page-print .print-head .logo {
  float: left;
}

/* line 3551, ../scss/core/_styles.scss */
.page-print .print-head address {
  float: left;
  margin-left: 15px;
}

/* line 3552, ../scss/core/_styles.scss */
.page-print h1 {
  font-size: 16px;
  font-weight: bold;
}

/* line 3553, ../scss/core/_styles.scss */
.page-print h2,
.page-print h3 {
  font-size: 13px;
  font-weight: bold;
}

/* line 3555, ../scss/core/_styles.scss */
.page-print h2.h2 {
  font-size: 16px;
  font-weight: bold;
}

/* line 3556, ../scss/core/_styles.scss */
.page-print .order-date {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/bkg_divider1.gif) 0 100% repeat-x;
  padding: 0 0 10px;
  margin: 0 0 10px;
}

/* line 3557, ../scss/core/_styles.scss */
.page-print .col2-set {
  margin: 0 0 10px;
}

/* Price Rewrites */
/* line 3559, ../scss/core/_styles.scss */
.page-print .gift-message-link {
  display: none;
}

/* line 3560, ../scss/core/_styles.scss */
.page-print .price-excl-tax,
.page-print .price-incl-tax {
  display: block;
  white-space: nowrap;
}

/* line 3562, ../scss/core/_styles.scss */
.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
  display: inline;
}

/* My Wishlist
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3572, ../scss/core/_styles.scss */
.my-wishlist .product-image {
  display: block;
  margin: 0 0 5px;
  min-width: 113px;
  max-width: 140px;
}

/* line 3573, ../scss/core/_styles.scss */
.my-wishlist .product-name {
  margin-bottom: 10px;
}

/* line 3574, ../scss/core/_styles.scss */
.my-wishlist .description {
  margin-bottom: 10px;
}

/* line 3575, ../scss/core/_styles.scss */
.my-wishlist textarea {
  display: block;
  width: 97%;
  height: 70px;
  border: 1px solid #e5e5e5;
}

/* line 3576, ../scss/core/_styles.scss */
.my-wishlist .price-box {
  margin-bottom: 5px;
}

/* line 3577, ../scss/core/_styles.scss */
.my-wishlist .add-to-cart-alt {
  margin-bottom: 10px;
}

/* line 3578, ../scss/core/_styles.scss */
.my-wishlist .buttons-set {
  margin-top: 2em;
}

/* line 3579, ../scss/core/_styles.scss */
#wishlist-table .add-to-links {
  white-space: nowrap;
}

/* line 3581, ../scss/core/_styles.scss */
.my-wishlist .data-table tr.even {
  background: #f8f8f8;
}

/* line 3582, ../scss/core/_styles.scss */
.my-wishlist .btn-cart {
  margin: 10px 0 5px;
}

/* My Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3588, ../scss/core/_styles.scss */
.my-tag-edit {
  float: left;
  margin: 0 0 10px;
}

/* line 3589, ../scss/core/_styles.scss */
.my-tag-edit .btn-remove {
  float: right;
  margin: 5px 0 0 5px;
}

/* line 3590, ../scss/core/_styles.scss */
#my-tags-table {
  clear: both;
}

/* line 3591, ../scss/core/_styles.scss */
#my-tags-table td {
  padding: 10px;
}

/* line 3592, ../scss/core/_styles.scss */
#my-tags-table .add-to-links {
  white-space: nowrap;
}

/* My Reviews TODO:deprecated
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3598, ../scss/core/_styles.scss */
#my-reviews-table td {
  padding: 10px;
}

/* line 3599, ../scss/core/_styles.scss */
.product-review .product-img-box {
  float: left;
  width: 140px;
}

/* line 3600, ../scss/core/_styles.scss */
.product-review .product-img-box .product-image {
  display: block;
  width: 125px;
  height: 125px;
}

/* line 3601, ../scss/core/_styles.scss */
.product-review .product-img-box .label {
  margin: 0 0 8px;
}

/* line 3602, ../scss/core/_styles.scss */
.product-review .product-img-box .ratings .rating-box {
  float: none;
  display: block;
  margin: 0 0 10px;
}

/* line 3603, ../scss/core/_styles.scss */
.product-review .product-details {
  margin: 0 20px 20px 155px;
}

/* line 3604, ../scss/core/_styles.scss */
.product-review .product-name {
  font-size: 18px;
  margin: 0 0 18px;
}

/* line 3605, ../scss/core/_styles.scss */
.product-review h3 {
  font-size: 12px;
  margin: 15px 0 5px;
}

/* line 3606, ../scss/core/_styles.scss */
.product-review .ratings-table {
  margin: 0 0 15px;
}

/* line 3607, ../scss/core/_styles.scss */
.product-review dt {
  font-weight: bold;
}

/* line 3608, ../scss/core/_styles.scss */
.product-review dd {
  font-size: 12px;
  margin: 5px 0 0;
}

/* Billing Agreements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3614, ../scss/core/_styles.scss */
.billing-agreements .form-list li select {
  float: left;
}

/* line 3615, ../scss/core/_styles.scss */
.billing-agreements .form-list li button.button {
  float: left;
  margin-left: 10px;
}

/* line 3616, ../scss/core/_styles.scss */
.billing-agreements .table-caption {
  font-weight: bold;
  font-size: 13px;
}

/* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Remember Me Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3626, ../scss/core/_styles.scss */
.window-overlay {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/window_overlay.png) repeat;
  background: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

/* line 3628, ../scss/core/_styles.scss */
.remember-me label {
  float: none;
  margin: 0 6px;
}

/* line 3629, ../scss/core/_styles.scss */
.remember-me-popup {
  left: 50%;
  top: 50%;
  position: absolute;
  margin: -85px 0 0 -200px;
  width: 400px;
  z-index: 10000;
}

/* line 3630, ../scss/core/_styles.scss */
.remember-me-popup-head {
  position: relative;
}

/* line 3631, ../scss/core/_styles.scss */
.remember-me-popup-close-button {
  margin-top: 15px;
}

/* MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3637, ../scss/core/_styles.scss */
.cart-msrp-totals {
  color: red;
  text-align: right;
  text-transform: uppercase;
}

/* line 3642, ../scss/core/_styles.scss */
.map-cart-sidebar-total {
  display: block;
  color: red;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5em;
}

/* line 3650, ../scss/core/_styles.scss */
.map-popup {
  margin: 10px 0 0;
  position: absolute;
  width: 300px;
  z-index: 100;
}

/* line 3651, ../scss/core/_styles.scss */
.map-popup-heading h2 {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
}

/* line 3652, ../scss/core/_styles.scss */
.map-popup-arrow {
  display: none;
}

/* line 3653, ../scss/core/_styles.scss */
.map-popup-content {
  overflow: hidden;
  text-align: left;
}

/* line 3654, ../scss/core/_styles.scss */
.map-popup-checkout {
  float: right;
  text-align: right;
}

/* line 3655, ../scss/core/_styles.scss */
.map-popup-checkout .paypal-logo {
  margin: 0 0 5px;
}

/* line 3656, ../scss/core/_styles.scss */
.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
  margin: 0;
  padding: 0;
}

/* line 3658, ../scss/core/_styles.scss */
.map-popup-price {
  margin: 5px 0 0;
}

/* line 3659, ../scss/core/_styles.scss */
.map-popup-text {
  clear: right;
  padding: 20px;
  text-align: left;
  word-wrap: break-word;
}

/* line 3660, ../scss/core/_styles.scss */
.map-popup-only-text {
  border-top: 1px solid #eee;
}

/* Common styles for: Remember Me Popup and MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3666, ../scss/core/_styles.scss */
.remember-me-popup,
.map-popup {
  background: #fff;
  text-align: left;
}

/* line 3668, ../scss/core/_styles.scss */
.remember-me-popup-head,
.map-popup-heading {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 45px 15px 20px;
}

/* line 3670, ../scss/core/_styles.scss */
.remember-me-popup-head h3,
.map-popup-heading h2 {
  margin: 0;
  font-size: 16px;
}

/* line 3672, ../scss/core/_styles.scss */
.remember-me-popup-body,
.map-popup-content {
  padding: 20px;
}

/* line 3674, ../scss/core/_styles.scss */
.remember-me-popup-head .remember-me-popup-close,
.map-popup-close {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 3681, ../scss/core/_styles.scss */
.calendar {
  z-index: 200;
}

/* line 3682, ../scss/core/_styles.scss */
.calendar .button {
  display: table-cell;
  /* Fix conflict with standard buttons */
}

/* line 3686, ../scss/core/_styles.scss */
.calendar thead .hilite {
  /* How do the buttons in header appear when hover */
  border: none;
}

/* line 3689, ../scss/core/_styles.scss */
.calendar thead .active {
  /* Active (pressed) buttons in header */
  border: none;
}

/* line 3693, ../scss/core/_styles.scss */
.calendar tbody td.active {
  /* Active (pressed) cells */
  padding: 2px 4px 2px 2px;
  border: none;
  color: crimson;
}

/* line 3698, ../scss/core/_styles.scss */
.calendar tbody td.selected {
  /* Cell showing selected date */
  padding: 2px 4px 2px 2px;
  border: none;
  background-color: #eee;
}

/* line 3703, ../scss/core/_styles.scss */
.calendar tbody td.hilite {
  /* Hovered cells */
  padding: 2px 4px 2px 2px;
  border: none;
  background-color: #fff;
  color: red;
}

/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 3715, ../scss/core/_styles.scss */
.footer-container,
.footer-container2,
.footer-container3 {
  background-repeat: repeat;
  background-position: center top;
  background-attachment: scroll;
}

/* line 3718, ../scss/core/_styles.scss */
.footer {
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

/* line 3723, ../scss/core/_styles.scss */
.footer .item-left {
  float: left;
  margin-right: 20px;
}

/* line 3724, ../scss/core/_styles.scss */
.footer .item-right {
  float: right;
  margin-left: 20px;
}

/* Footer elements */
/* line 3727, ../scss/core/_styles.scss */
.footer .heading,
#subscribe-form label {
  margin-bottom: 0.625em;
  font-size: 1.3333em;
  font-weight: normal;
}

/* Footer top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Primary footer additional
-------------------------------------------------------------- */
/* line 3744, ../scss/core/_styles.scss */
.footer-primary-top-spacing {
  border-bottom: 1px solid;
  border-color: #eee;
  border-color: rgba(0, 0, 0, 0.05);
  padding-bottom: 20px;
  margin-bottom: 10px;
}

/* line 3751, ../scss/core/_styles.scss */
.footer-primary-bottom-spacing {
  border-top: 1px solid;
  border-color: #eee;
  border-color: rgba(0, 0, 0, 0.05);
  padding-top: 20px;
  margin-top: 10px;
}

/* Footer secondary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Footer bottom
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Footer elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Newsletter form
-------------------------------------------------------------- */
/* line 3779, ../scss/core/_styles.scss */
#subscribe-form form {
  display: block;
}

/* line 3780, ../scss/core/_styles.scss */
#subscribe-form label {
  float: left;
  margin: 0 5px 0 0;
  line-height: 36px;
  font-weight: normal;
  position: relative;
}

/* line 3781, ../scss/core/_styles.scss */
#subscribe-form .input-box {
  float: left;
  margin: 0 5px 5px 0;
  position: relative;
}

/* line 3782, ../scss/core/_styles.scss */
#subscribe-form .input-box .validation-advice {
  padding: 10px 0;
  margin: 0;
  width: 140%;
  position: absolute;
  top: -103%;
  left: -20%;
  text-align: center;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
}

/* line 3794, ../scss/core/_styles.scss */
#subscribe-form .input-text {
  float: left;
  width: auto;
}

/* line 3799, ../scss/core/_styles.scss */
#subscribe-form .button {
  float: left;
}

/* Social services
-------------------------------------------------------------- */
/* line 3803, ../scss/core/_styles.scss */
.social-links a > span.icon {
  display: inline-block;
}

/* For backward compatibility */
/* line 3804, ../scss/core/_styles.scss */
.social-links span.icon,
.social-links .ib {
  margin-bottom: 3px;
}

/* Other elements
-------------------------------------------------------------- */
/* line 3809, ../scss/core/_styles.scss */
.footer-copyright {
  font-size: 11px;
  line-height: 16px;
  margin: 4px 0;
}

/* Scroll to top button
-------------------------------------------------------------- */
/* line 3813, ../scss/core/_styles.scss */
#scroll-to-top {
  display: none;
  position: fixed;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 32px;
  bottom: 56px;
  right: 30px;
  z-index: 9999;
  border-radius: 50%;
  background-image: none !important;
  /* To hide possible image bg from outdated custom CSS styles */
}

/* line 3827, ../scss/core/_styles.scss */
#scroll-to-top:hover {
  background-color: #333;
}

/* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Configurable Swatches
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clears */
/* line 3839, ../scss/core/_styles.scss */
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling
-------------------------------------------------------------- */
/* line 3849, ../scss/core/_styles.scss */
.swatch-link,
.swatch-label {
  font-size: 14px;
  color: #333;
  text-decoration: none;
}

/* line 3856, ../scss/core/_styles.scss */
.swatch-link img {
  border-radius: 0;
  /*2px*/
}

/* line 3859, ../scss/core/_styles.scss */
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}

/* line 3863, ../scss/core/_styles.scss */
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}

/* line 3874, ../scss/core/_styles.scss */
.swatch-link.has-image .swatch-label {
  position: relative;
}

/* line 3877, ../scss/core/_styles.scss */
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

/* Configurable swatch list
-------------------------------------------------------------- */
/* line 3885, ../scss/core/_styles.scss */
.configurable-swatch-list {
  background: #fff;
  zoom: 1;
  clear: both;
  padding-top: 5px;
  transform: translateZ(0px);
  -webkit-transform: translateZ(0px);
  -ms-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -o-transform: translateZ(0px);
}
/* line 3896, ../scss/core/_styles.scss */
.configurable-swatch-list li {
  float: left;
  width: -webkit-calc((100% / 3) - 3px);
  width: calc((100% / 3) - 3px);
  zoom: 1;
  margin: 0 0 3px 3px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-weight: 600;
}
/* line 3905, ../scss/core/_styles.scss */
.configurable-swatch-list li.selected {
  background: #50b848;
}
/* line 3908, ../scss/core/_styles.scss */
.configurable-swatch-list li.selected a span {
  color: #fff;
}
/* line 3912, ../scss/core/_styles.scss */
.configurable-swatch-list li:hover {
  background: #50b848;
}
/* line 3915, ../scss/core/_styles.scss */
.configurable-swatch-list li:hover a span {
  color: #fff;
}
/* line 3920, ../scss/core/_styles.scss */
.configurable-swatch-list li a {
  width: 100%;
  height: 100% !important;
  display: block;
  text-align: center;
  padding: 10px 0;
}
/* line 3929, ../scss/core/_styles.scss */
.configurable-swatch-list .not-available .x {
  display: block;
}
/* line 3932, ../scss/core/_styles.scss */
.configurable-swatch-list .not-available .swatch-link {
  border-color: #ededed;
  position: relative;
}
/* line 3936, ../scss/core/_styles.scss */
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/* line 3941, ../scss/core/_styles.scss */
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
/* line 3945, ../scss/core/_styles.scss */
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}
/* line 3949, ../scss/core/_styles.scss */
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0;
}

/* line 3953, ../scss/core/_styles.scss */
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}

/* In layered navigation
-------------------------------------------------------------- */
/* line 3962, ../scss/core/_styles.scss */
#narrow-by-list dd {
  padding: 0;
}
/* line 3965, ../scss/core/_styles.scss */
#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 3px 3px;
  width: -webkit-calc((100% / 2) - 3px);
  width: calc((100% / 2) - 3px);
  line-height: 25px;
  text-align: center;
  background: #f4f4f4;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 3974, ../scss/core/_styles.scss */
#narrow-by-list dd .configurable-swatch-list li:hover {
  background: #bd08c3;
}
/* line 3977, ../scss/core/_styles.scss */
#narrow-by-list dd .configurable-swatch-list li:hover .swatch-link span {
  color: #fff !important;
}
/* line 3982, ../scss/core/_styles.scss */
#narrow-by-list dd .swatch-link {
  white-space: nowrap;
}
/* line 3985, ../scss/core/_styles.scss */
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
/* line 3988, ../scss/core/_styles.scss */
#narrow-by-list dd .swatch-link .count {
  color: #50b848;
}
/* line 3993, ../scss/core/_styles.scss */
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 0;
  /*3px;*/
  box-sizing: content-box;
}
/* line 3998, ../scss/core/_styles.scss */
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

/* Remove list arrow */
/* line 4004, ../scss/core/_styles.scss */
.block-layered-nav dd .configurable-swatch-list li,
.block-layered-nav .currently ol.configurable-swatch-list li {
  background: none;
  padding-left: 0;
  border-color: #cccccc;
  font-weight: normal;
}

/* line 4011, ../scss/core/_styles.scss */
.block-layered-nav dd .configurable-swatch-list > li > a::before {
  display: none;
}

/* In layered navigation - current filter
-------------------------------------------------------------- */
/* line 4018, ../scss/core/_styles.scss */
.currently .swatch-current {
  position: relative;
}
/* line 4021, ../scss/core/_styles.scss */
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
/* line 4027, ../scss/core/_styles.scss */
.currently .swatch-current span {
  display: block;
  float: left;
}
/* line 4032, ../scss/core/_styles.scss */
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
/* line 4036, ../scss/core/_styles.scss */
.currently .swatch-link:hover {
  border-color: #cccccc;
  cursor: default;
}

/* Other Swatch States
-------------------------------------------------------------- */
/*.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
	border-color: #50b649;

	.swatch-label {
		background: #555;
		color: #fff;
	}
}*/
/* line 4056, ../scss/core/_styles.scss */
.configurable-swatch-box {
  background: none !important;
}
/* line 4059, ../scss/core/_styles.scss */
.configurable-swatch-box select.swatch-select {
  display: none;
}
/* line 4062, ../scss/core/_styles.scss */
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 0;
  /*3px;*/
}

/* Product page swatches
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 4079, ../scss/core/_styles.scss */
.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}
/* line 4085, ../scss/core/_styles.scss */
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
/* line 4089, ../scss/core/_styles.scss */
.product-view .product-options .swatch-attr label {
  display: none;
}
/* line 4092, ../scss/core/_styles.scss */
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  padding-left: 5px;
}
/* line 4098, ../scss/core/_styles.scss */
.product-view .product-options dd .input-box {
  width: auto;
  height: auto;
}
/* line 4102, ../scss/core/_styles.scss */
.product-view .product-options .select-label {
  display: none;
}
/* line 4106, ../scss/core/_styles.scss */
.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default;
}

/* Gallery
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 4116, ../scss/core/_styles.scss */
.product-image-gallery {
  /*position: relative;*/
}

/* line 4119, ../scss/core/_styles.scss */
.product-image-gallery .gallery-image {
  display: none !important;
  /* Added 'important' to override inline style of cloud zoom */
  margin: 0 auto;
}

/* line 4123, ../scss/core/_styles.scss */
.product-image-gallery .gallery-image.visible {
  display: block !important;
}

/* line 4126, ../scss/core/_styles.scss */
.product-image-gallery .gallery-image.visible.hidden {
  visibility: hidden;
}

/* Overlay and spinner */
/* line 4131, ../scss/core/_styles.scss */
.product-image-gallery:before, .product-image-gallery:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

/* line 4140, ../scss/core/_styles.scss */
.product-image-gallery:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}

/* line 4145, ../scss/core/_styles.scss */
.product-image-gallery:after {
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/opc-ajax-loader.gif);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}

/* line 4151, ../scss/core/_styles.scss */
.product-image-gallery.loading {
  position: relative;
}

/* line 4154, ../scss/core/_styles.scss */
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
  display: block;
}

/* Mark for required product options (next to option label)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 4162, ../scss/core/_styles.scss */
label.required:after,
span.required:after {
  content: ' *';
  color: #EE001C;
  font-weight: normal;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
}

/* line 4170, ../scss/core/_styles.scss */
label.required em,
span.required em {
  display: none;
}

/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* CMS pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Home page */
/* line 4184, ../scss/core/_styles.scss */
body.cms-index-index .breadcrumbs {
  display: none;
}

/* Magento widgets
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 4190, ../scss/core/_styles.scss */
.widget-new-products .products-grid .item,
.widget-viewed .products-grid .item,
.widget-compared .products-grid .item {
  float: left;
  max-width: 165px;
  padding: 0 10px 15px;
}

/* line 4194, ../scss/core/_styles.scss */
.widget-new-products .products-list,
.widget-viewed .products-list,
.widget-compared .products-list {
  list-style-type: none;
  padding: 0;
}

/* line 4198, ../scss/core/_styles.scss */
.widget-new-products .products-list .product-image,
.widget-viewed .products-list .product-image,
.widget-compared .products-list .product-image {
  float: left;
}

/* Static block added via widget.
   Add "div" to make the rule more specific. */
/* line 4204, ../scss/core/_styles.scss */
.sidebar div.widget-static-block {
  margin-bottom: 10px;
}

/* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 4211, ../scss/core/_styles.scss */
.clearfix:before,
.clearfix:after {
  content: '';
  display: table;
}

/* line 4216, ../scss/core/_styles.scss */
.clearfix:after {
  clear: both;
}

/* line 4220, ../scss/core/_styles.scss */
.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}

/* Additional simple clearing */
/* line 4222, ../scss/core/_styles.scss */
.clearer:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

/* line 4223, ../scss/core/_styles.scss */
.header-container:after,
.header-container .top-container:after,
.header:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col3-layout .product-options-bottom .price-box:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-view .box-tags .form-add:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,
.breadcrumbs:after,
.product-type-data .item-options:after,
.my-account .order-info:after,
.mini-cart .bind-mini-cart-content .mini-products-list li.item:after,
.block-related-thumbnails .product:after,
.cart .crosssell:after,
.data-table .item-options:after,
.section-line:after,
.section-title:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

/**
 * Common styles for multiple elements
 */
/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 7, ../scss/core/_common.scss */
.sidebar .block:first-child {
  margin-top: 6px;
}

/* To align with page title */
/* line 13, ../scss/core/_common.scss */
.cms-index-index .sidebar .block:first-child {
  margin-top: 0;
}

/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Page Heading
-------------------------------------------------------------- */
/* line 24, ../scss/core/_common.scss */
.my-account .page-title,
.category-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
}

/* Block titles and section headings
-------------------------------------------------------------- */
/* line 32, ../scss/core/_common.scss */
.block .block-title,
.section-title,
strong.section-title,
.cart .crosssell h2,
.cart .discount h2,
.cart .shipping h2 {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  font-size: 19px;
  line-height: 29px;
}

/* Secondary headings
-------------------------------------------------------------- */
/* line 48, ../scss/core/_common.scss */
.account-login h2,
#opc-login h3,
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
  padding-bottom: 7px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.2222em;
  margin-bottom: 15px;
}

/* Other headings
-------------------------------------------------------------- */
/* Page title */
/* line 64, ../scss/core/_common.scss */
.category-title,
.my-account .page-title,
.box-account .box-head,
.dashboard .box .box-title {
  border-color: #e5e5e5;
}

/* Elements with horizontal border - standard
-------------------------------------------------------------- */
/* Blocks */
/* line 74, ../scss/core/_common.scss */
.block .actions,
.section-line,
.buttons-set,
.toolbar {
  border-color: #e5e5e5;
}

/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* line 83, ../scss/core/_common.scss */
.product-view .product-type-data,
.product-view .product-type-data .price-box,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box,
.category-products-grid .item,
.products-list li.item,
.remember-me-popup h3,
.map-popup-heading {
  border-color: #f5f5f5;
}

/* Elements with vertical border - standard
-------------------------------------------------------------- */
/* line 97, ../scss/core/_common.scss */
.product-view .ratings .rating-links .separator,
.custom-sidebar-right .inner,
.custom-sidebar-left .inner {
  border-color: #e5e5e5;
}

/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* line 105, ../scss/core/_common.scss */
.products-list .product-shop-inner {
  border-color: #f5f5f5;
}

/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
/* line 112, ../scss/core/_common.scss */
.data-table thead,
.cart-table thead tr,
.availability-only-details thead {
  border-color: #e5e5e5;
}

/* Other elements with border
-------------------------------------------------------------- */
/* line 120, ../scss/core/_common.scss */
.swatch-link {
  border: none #cccccc;
}

/* Elements with light gray background
-------------------------------------------------------------- */
/* line 126, ../scss/core/_common.scss */
.extrahint-wrapper .product-pricing,
.addresses-list .addresses-primary .item,
.order-info-box,
.advanced-search-summary,
.opc .gift-messages-form {
  background-color: #f5f5f5;
}

/* Elements with lighter text
-------------------------------------------------------------- */
/* Product grid/list */
/* line 137, ../scss/core/_common.scss */
.products-list .ratings,
.products-grid .ratings,
.products-list .ratings a,
.products-grid .ratings a,
.block-layered-nav dl dd ol > li > a .count,
.breadcrumbs li,
.breadcrumbs a,
.block-related-simple .related-add-to-wishlist,
.block-related-thumbnails .related-add-to-wishlist,
.availability,
.product-view .box-reviews .review-date,
.item-options dd,
.product-options p.note {
  color: #bbb;
}

/* Forms
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product options form colors
-------------------------------------------------------------- */
/* line 158, ../scss/core/_common.scss */
.product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list {
  color: #888;
}

/* line 165, ../scss/core/_common.scss */
.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover {
  color: #333;
}

/* Links and other selected elements
-------------------------------------------------------------- */
/* IMPORTANT: link transitions should be placed before other transitions */
/* line 176, ../scss/core/_common.scss */
a,
.menu-trigger .menu-trigger-inner,
.menu-trigger .menu-trigger-inner .trigger-icon .line,
.opener,
a > .ib,
a.feature-icon-hover > .ib {
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}

/* line 188, ../scss/core/_common.scss */
a:hover,
.menu-trigger .menu-trigger-inner:hover,
.menu-trigger .menu-trigger-inner:hover .trigger-icon .line,
.opener:hover,
.nav-item > a:hover + .opener,
a:hover > .ib,
a.feature-icon-hover:hover > .ib {
  transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  -o-transition-duration: 100ms;
}

/* Carets - in menu
-------------------------------------------------------------- */
/* line 203, ../scss/core/_common.scss */
.nav-regular a > .caret {
  transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;
  -moz-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;
  -webkit-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;
  -o-transition: border-color 300ms ease-in-out, opacity 300ms ease-in-out;
}

/* line 210, ../scss/core/_common.scss */
.nav-regular a:hover > .caret {
  transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  -o-transition-duration: 100ms;
}

/* Interface icons: toolbar icons, pager, prev/next slide etc.
-------------------------------------------------------------- */
/* line 219, ../scss/core/_common.scss */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.add-to-links.addto-icons a,
#scroll-to-top {
  transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
  -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
  -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
  -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/* Elements with animated color, background color and borders
-------------------------------------------------------------- */
/* Forms */
/* line 234, ../scss/core/_common.scss */
input.input-text, select, textarea,
.product-options ul.options-list,
.form-search .button,
.product-view .product-img-box .more-views .thumbnails li a,
.mini-products-list .product-image,
.cart .crosssell .product-image,
.gen-tabs .tabs a,
.gen-tabs .acctab,
.opc .step-title {
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}

/* line 249, ../scss/core/_common.scss */
.nav-tabs > li > a {
  display: block !important;
}

/* line 254, ../scss/core/_common.scss */
.btn-general {
  background-color: #50b848;
  color: #fff;
}
/* line 258, ../scss/core/_common.scss */
.btn-general:hover {
  background-color: #ff8200;
}

/* line 264, ../scss/core/_common.scss */
.modal-dialog .modal-content {
  border-radius: 0;
}

/* line 269, ../scss/core/_common.scss */
.uib-datepicker-popup.dropdown-menu {
  z-index: 999999;
  border-radius: unset;
  padding-right: 4px;
  padding-left: 4px;
}
@media only screen and (max-width: 375px) {
  /* line 269, ../scss/core/_common.scss */
  .uib-datepicker-popup.dropdown-menu {
    left: 5% !important;
    top: 30% !important;
    position: fixed;
  }
}

/* line 282, ../scss/core/_common.scss */
.tooltip-popover {
  margin-left: 5px;
  cursor: pointer;
}
/* line 286, ../scss/core/_common.scss */
.tooltip-popover:before {
  font-size: 16px;
}

/**
 * Infortis themes styles
 */
/* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 10, ../scss/core/_styles-infortis.scss */
.caret {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: initial;
  /* Important: avoid caret exceeding height of the item */
}

/* line 16, ../scss/core/_styles-infortis.scss */
.dropdown .caret {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

/* line 20, ../scss/core/_styles-infortis.scss */
.dropdown.open .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Product labels (stickers)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Positionning
-------------------------------------------------------------- */
/* line 32, ../scss/core/_styles-infortis.scss */
.sticker-wrapper {
  position: absolute;
  transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
}

/* line 39, ../scss/core/_styles-infortis.scss */
.product-view {
  /* Stickers are positioned relative to this container */
}
/* line 40, ../scss/core/_styles-infortis.scss */
.product-view .sticker-wrapper {
  z-index: 99;
  /* On product page z-index greater than Cloud Zoom image */
}
/* line 41, ../scss/core/_styles-infortis.scss */
.product-view .product-img-column {
  position: relative;
}

/* line 44, ../scss/core/_styles-infortis.scss */
.sticker-wrapper.top-right {
  top: -3px;
  right: -3px;
}

/* line 45, ../scss/core/_styles-infortis.scss */
.sticker-wrapper.bottom-right {
  bottom: -3px;
  right: -3px;
}

/* line 46, ../scss/core/_styles-infortis.scss */
.sticker-wrapper.bottom-left {
  bottom: -3px;
  left: -3px;
}

/* line 47, ../scss/core/_styles-infortis.scss */
.sticker-wrapper.top-left {
  top: -3px;
  left: -3px;
}

/* Appearence
-------------------------------------------------------------- */
/* line 51, ../scss/core/_styles-infortis.scss */
.sticker {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  font-size: 1.1666em;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  display: table-cell !important;
  /* Add "important" to override inherited styles of parent elements */
  vertical-align: middle !important;
  transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -webkit-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
}

/* Colors */
/* line 70, ../scss/core/_styles-infortis.scss */
.sticker.new {
  background-color: #5BD2EC;
  color: #fff;
}

/* line 71, ../scss/core/_styles-infortis.scss */
.sticker.sale {
  background-color: #F12B63;
  color: #fff;
}

/* Effects */
/* line 74, ../scss/core/_styles-infortis.scss */
.item:hover .sticker {
  width: 65px;
  height: 65px;
}

/*Sizes*/
/* line 81, ../scss/core/_styles-infortis.scss */
.sticker.size-s {
  width: 45px;
  height: 45px;
  font-size: 1em;
}

/* line 82, ../scss/core/_styles-infortis.scss */
.item:hover .sticker.size-s {
  width: 50px;
  height: 50px;
}

/* line 83, ../scss/core/_styles-infortis.scss */
.sticker.size-xs {
  width: 40px;
  height: 40px;
  font-size: 0.9166em;
  /*11px*/
}

/* line 84, ../scss/core/_styles-infortis.scss */
.item:hover .sticker.size-xs {
  width: 45px;
  height: 45px;
}

/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
/* line 95, ../scss/core/_styles-infortis.scss */
.video-wrapper,
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

/* line 102, ../scss/core/_styles-infortis.scss */
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 119, ../scss/core/_styles-infortis.scss */
.horizontal-section,
.vertical-section {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  position: relative;
}

/* line 121, ../scss/core/_styles-infortis.scss */
.horizontal-section {
  margin-top: 10px;
}

/* line 122, ../scss/core/_styles-infortis.scss */
.landing-page .center-block {
  display: block;
  margin: 0 auto;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Disable transitions, fade effect applied with JS */
/* line 130, ../scss/core/_styles-infortis.scss */
.fade-on-hover {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

/* Deprecated */
/* line 137, ../scss/core/_styles-infortis.scss */
.section {
  padding: 10px 0;
}

/* line 138, ../scss/core/_styles-infortis.scss */
.section-space {
  padding: 10px;
}

/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Layout
-----------------------------------------------------------------
*/
/* line 147, ../scss/core/_styles-infortis.scss */
.pull-left {
  float: left;
}

/* line 150, ../scss/core/_styles-infortis.scss */
.pull-right {
  float: right;
}

/* Margin */
/* line 155, ../scss/core/_styles-infortis.scss */
.margin-top {
  margin-top: 20px;
}

/* line 158, ../scss/core/_styles-infortis.scss */
.margin-bottom {
  margin-bottom: 20px;
}

/* line 161, ../scss/core/_styles-infortis.scss */
.no-margin {
  margin: 0 !important;
}

/* Padding */
/* line 166, ../scss/core/_styles-infortis.scss */
.padding-top {
  padding-top: 20px;
}

/* line 169, ../scss/core/_styles-infortis.scss */
.padding-bottom {
  padding-bottom: 20px;
}

/* line 172, ../scss/core/_styles-infortis.scss */
.no-padding {
  padding: 0 !important;
}

/* Text
-----------------------------------------------------------------
*/
/* line 180, ../scss/core/_styles-infortis.scss */
.text-left {
  text-align: left;
}

/* line 183, ../scss/core/_styles-infortis.scss */
.text-right {
  text-align: right;
}

/* line 186, ../scss/core/_styles-infortis.scss */
.text-center {
  text-align: center;
}

/* Design
-----------------------------------------------------------------
*/
/* line 194, ../scss/core/_styles-infortis.scss */
.no-bg {
  background: none !important;
}

/* Selected components from Bootstrap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* "Code" (code.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 206, ../scss/core/_styles-infortis.scss */
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

/* line 212, ../scss/core/_styles-infortis.scss */
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

/* line 219, ../scss/core/_styles-infortis.scss */
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}

/* line 228, ../scss/core/_styles-infortis.scss */
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

/* line 235, ../scss/core/_styles-infortis.scss */
pre {
  display: block;
  padding: 15px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: none;
  /*border: 1px solid #ccc;*/
  /*border-radius: 4px;*/
}

/* line 248, ../scss/core/_styles-infortis.scss */
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

/* line 256, ../scss/core/_styles-infortis.scss */
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

/* Part of "Table" (table.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 265, ../scss/core/_styles-infortis.scss */
.table-responsive {
  min-height: .01%;
  /* Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) */
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  /* line 270, ../scss/core/_styles-infortis.scss */
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }

  /* line 277, ../scss/core/_styles-infortis.scss */
  .table-responsive > .table {
    margin-bottom: 0;
  }

  /* line 280, ../scss/core/_styles-infortis.scss */
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}
/* Part of "Alerts" (alerts.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Override bottom margin of last element */
/* line 296, ../scss/core/_styles-infortis.scss */
.alert > *:last-child {
  margin-bottom: 0;
}

/* line 300, ../scss/core/_styles-infortis.scss */
.alert ul > li:last-child {
  margin-bottom: 0;
}

/**
 * Generic interface elements
 */
/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 13, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls .owl-buttons {
  position: absolute;
}
/* line 16, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls .owl-buttons div {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-indent: 0 !important;
  transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
}
/* line 32, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls .owl-buttons div.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
/* line 42, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover {
  background-color: #333;
}
/* line 45, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover {
  background-color: #e5e5e5;
  /* Must be the same as default color */
}
/* line 50, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover {
  background-position: -10px -60px;
}
/* line 53, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover {
  background-position: -10px -10px;
  /* Same as default */
}
/* line 58, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover {
  background-position: -60px -60px;
}
/* line 61, ../scss/core/_generic-nav.scss */
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover {
  background-position: -60px -10px;
  /* Same as default */
}

/* Position */
/* line 72, ../scss/core/_generic-nav.scss */
.slider-arrows1-pos-top-right .owl-controls .owl-buttons {
  top: -40px;
  right: 0;
}

/* line 79, ../scss/core/_generic-nav.scss */
.slider-arrows1-pos-top-left .owl-controls .owl-buttons {
  top: -40px;
  left: 0;
}

/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 91, ../scss/core/_generic-nav.scss */
.slider-arrows2 .owl-controls .owl-buttons div {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-indent: -9999px;
  background: #fff url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/generic-nav/slider-arrows.png) no-repeat;
  transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* line 111, ../scss/core/_generic-nav.scss */
.slider-arrows2 .owl-controls .owl-buttons .owl-prev {
  background-position: -2px 0;
  left: 0;
  top: 46%;
}
/* line 116, ../scss/core/_generic-nav.scss */
.slider-arrows2 .owl-controls .owl-buttons .owl-next {
  background-position: -48px 0;
  right: 0;
  top: 46%;
}
/* line 124, ../scss/core/_generic-nav.scss */
.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover {
  background-color: #000;
}
/* line 127, ../scss/core/_generic-nav.scss */
.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover {
  background-position: -2px -50px;
}
/* line 130, ../scss/core/_generic-nav.scss */
.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover {
  background-position: -48px -50px;
}
/* line 136, ../scss/core/_generic-nav.scss */
.slider-arrows2:hover .owl-controls .owl-buttons div {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 148, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls .owl-buttons div {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  text-indent: 0 !important;
  transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, color 300ms ease-in-out;
}
/* line 165, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls .owl-buttons div.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
/* line 171, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls .owl-buttons .owl-prev {
  top: 19% !important;
  left: -35px !important;
}
/* line 175, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls .owl-buttons .owl-next {
  top: 19% !important;
  right: -35px !important;
}
/* line 182, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover {
  background-color: #000;
}
/* line 185, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover {
  background-color: #fff;
  /* Must be the same as default color */
}
/* line 188, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover {
  background-position: -10px -60px;
}
/* line 191, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover {
  background-position: -10px -10px;
  /* Same as default */
}
/* line 194, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover {
  background-position: -60px -60px;
}
/* line 197, ../scss/core/_generic-nav.scss */
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover {
  background-position: -60px -10px;
  /* Same as default */
}

/* Generic pagination 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 210, ../scss/core/_generic-nav.scss */
.slider-pagination1 .owl-controls .owl-page {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
/* line 216, ../scss/core/_generic-nav.scss */
.slider-pagination1 .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 7px 7px;
  border-radius: 20px;
  background-color: #eee;
  transition: background-color 300ms ease-in-out;
  -moz-transition: background-color 300ms ease-in-out;
  -webkit-transition: background-color 300ms ease-in-out;
  -o-transition: background-color 300ms ease-in-out;
}
/* line 230, ../scss/core/_generic-nav.scss */
.slider-pagination1 .owl-controls .owl-page.active span {
  background-color: #ccc;
}
/* line 235, ../scss/core/_generic-nav.scss */
.slider-pagination1 .owl-controls.clickable .owl-page:hover span {
  background-color: #000;
}

/* Generic pagination 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 246, ../scss/core/_generic-nav.scss */
.slider-pagination2 .owl-controls .owl-page {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
/* line 252, ../scss/core/_generic-nav.scss */
.slider-pagination2 .owl-controls .owl-page span {
  display: block;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  width: 10px;
  height: 10px;
  margin: 8px;
  transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
  -webkit-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
}
/* line 267, ../scss/core/_generic-nav.scss */
.slider-pagination2 .owl-controls .owl-page.active {
  cursor: default;
}
/* line 270, ../scss/core/_generic-nav.scss */
.slider-pagination2 .owl-controls .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span {
  width: 16px;
  height: 16px;
  margin: 5px;
}

/* Pagination position
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 283, ../scss/core/_generic-nav.scss */
.pagination-pos-bottom-centered {
  padding-bottom: 50px;
  /* Additional space for bottom pagination */
}
/* line 286, ../scss/core/_generic-nav.scss */
.pagination-pos-bottom-centered .owl-pagination {
  padding: 10px 0;
  text-align: center;
  position: absolute;
  width: 100%;
}

/* line 294, ../scss/core/_generic-nav.scss */
.pagination-pos-bottom-right .owl-pagination {
  padding: 10px 0;
  float: right;
}

/* line 299, ../scss/core/_generic-nav.scss */
.pagination-pos-bottom-left .owl-pagination {
  padding: 10px 0;
  float: left;
}

/* Over the slider */
/* line 305, ../scss/core/_generic-nav.scss */
.pagination-pos-over-bottom-centered .owl-pagination {
  position: absolute;
  bottom: 0;
  padding-bottom: 14px;
  width: 100%;
  text-align: center;
}

/* line 313, ../scss/core/_generic-nav.scss */
.pagination-pos-over-bottom-right .owl-pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 14px;
  padding-right: 14px;
}

/* line 321, ../scss/core/_generic-nav.scss */
.pagination-pos-over-bottom-left .owl-pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 14px;
  padding-left: 14px;
}

/**
 * Theme Content Construction Kit
 */
/* (deprecated) Vertically centered content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 8, ../scss/core/_generic-cck.scss */
.v-centered-content {
  display: table;
}

/* line 11, ../scss/core/_generic-cck.scss */
.v-centered-content .v-center {
  display: table-cell;
  vertical-align: middle;
}

/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 19, ../scss/core/_generic-cck.scss */
.section-title {
  clear: both;
  margin: 0;
  display: block;
}

/* Horizontal line */
/* line 26, ../scss/core/_generic-cck.scss */
.section-line {
  clear: both;
  display: block;
  font-size: 0;
  line-height: 0;
  height: 0;
  margin: 0 0 10px;
  padding: 10px 0 0;
  background: none;
  border-bottom: 1px solid #e5e5e5;
  text-indent: -9999em;
  overflow: hidden;
}

/* Custom sidebars
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 43, ../scss/core/_generic-cck.scss */
.custom-sidebar-right {
  float: right !important;
}
/* line 46, ../scss/core/_generic-cck.scss */
.custom-sidebar-right .inner {
  padding-left: 10px;
  border-left: 1px solid #e5e5e5;
}

/* line 52, ../scss/core/_generic-cck.scss */
.custom-sidebar-left {
  float: left !important;
}
/* line 55, ../scss/core/_generic-cck.scss */
.custom-sidebar-left .inner {
  padding-right: 10px;
  border-right: 1px solid #e5e5e5;
}

/* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 64, ../scss/core/_generic-cck.scss */
.links {
  margin: 0;
}
/* line 67, ../scss/core/_generic-cck.scss */
.links > li {
  float: left;
  margin-bottom: 0;
}
/* line 71, ../scss/core/_generic-cck.scss */
.links > li > *, .links > li.label {
  display: block;
  line-height: 36px;
  padding: 0 7px;
}
/* line 77, ../scss/core/_generic-cck.scss */
.links > li.label {
  padding-left: 0;
}

/* line 83, ../scss/core/_generic-cck.scss */
.rtl .links > li.label {
  padding-right: 0;
  padding-left: 7px;
}

/* Links with separators (at the right side)
-------------------------------------------------------------- */
/* line 92, ../scss/core/_generic-cck.scss */
.links-wrapper-separators .links > li {
  margin-left: -1px;
}
/* line 95, ../scss/core/_generic-cck.scss */
.links-wrapper-separators .links > li:first-child {
  margin-left: 0;
}
/* line 98, ../scss/core/_generic-cck.scss */
.links-wrapper-separators .links > li:last-child > * {
  background-image: none;
}
/* line 101, ../scss/core/_generic-cck.scss */
.links-wrapper-separators .links > li.hide-separator > * {
  background-image: none;
}
/* line 104, ../scss/core/_generic-cck.scss */
.links-wrapper-separators .links > li.separator-left > * {
  background-position: left center;
}
/* line 107, ../scss/core/_generic-cck.scss */
.links-wrapper-separators .links > li > * {
  background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/link-separator.png);
  background-position: right center;
  background-repeat: no-repeat;
}

/* Links with separators (at the left side)
-------------------------------------------------------------- */
/* line 120, ../scss/core/_generic-cck.scss */
.links-wrapper-separators-left .links > li {
  margin-left: -1px;
  /* If label is first child, remove the background from the next item */
}
/* line 123, ../scss/core/_generic-cck.scss */
.links-wrapper-separators-left .links > li:first-child {
  margin-left: 0;
}
/* line 126, ../scss/core/_generic-cck.scss */
.links-wrapper-separators-left .links > li:first-child > * {
  background-image: none;
}
/* line 130, ../scss/core/_generic-cck.scss */
.links-wrapper-separators-left .links > li.hide-separator > * {
  background-image: none;
}
/* line 133, ../scss/core/_generic-cck.scss */
.links-wrapper-separators-left .links > li.separator-right > * {
  background-position: right center;
}
/* line 137, ../scss/core/_generic-cck.scss */
.links-wrapper-separators-left .links > li.label:first-child + li > * {
  background-image: none;
}

/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Link with an arrow */
/* line 148, ../scss/core/_generic-cck.scss */
a.go {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat;
  padding-right: 17px;
  display: inline !important;
}

/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2017-10-10 09:16:42 */
@media only screen and (min-width: 1200px) {
  /* Cart
  -------------------------------------------------------------- */
  /* line 10, ../scss/layout/_layout_default.scss */
  .cart-table .product-image {
    max-width: 110px;
  }

  /* Product page
  -------------------------------------------------------------- */
  /* line 14, ../scss/layout/_layout_default.scss */
  .product-view .sticker {
    width: 80px;
    height: 80px;
  }

  /* Misc
  -------------------------------------------------------------- */
  /* Mini cart */
  /* line 19, ../scss/layout/_layout_default.scss */
  .after-mini-cart {
    clear: none;
  }

  /* Item grid
  -------------------------------------------------------------- */
  /* Item grid: 2 columns */
  /* line 24, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-2col .item {
    width: 31.3333%;
    clear: none !important;
  }

  /* line 25, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) {
    clear: left !important;
  }

  /* Item grid: 3 columns */
  /* line 28, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-3col .item {
    width: 23%;
    clear: none !important;
  }

  /* line 29, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) {
    clear: left !important;
  }

  /* Item grid: 4 columns */
  /* line 32, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-4col .item {
    width: 18%;
    clear: none !important;
  }

  /* line 33, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) {
    clear: left !important;
  }

  /* Item grid: 5 columns */
  /* line 36, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-5col .item {
    width: 14.6666%;
    clear: none !important;
  }

  /* line 37, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) {
    clear: left !important;
  }

  /* Item grid: 6 columns */
  /* line 40, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-6col .item {
    width: 12.2857%;
    clear: none !important;
  }

  /* line 41, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) {
    clear: left !important;
  }

  /* Item grid: 7 columns */
  /* line 44, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-7col .item {
    width: 10.5%;
    clear: none !important;
  }

  /* line 45, ../scss/layout/_layout_default.scss */
  .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) {
    clear: left !important;
  }

  /* Cloud zoom
  -------------------------------------------------------------- */
  /* line 49, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 316px;
  }

  /*4*/
  /* Direction navigation */
  /* line 54, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-4 .direction-nav {
    display: none;
  }

  /* Slideshow caption
  -------------------------------------------------------------- */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Cart
  -------------------------------------------------------------- */
  /* line 65, ../scss/layout/_layout_default.scss */
  .cart-table .product-image {
    max-width: 80px;
  }

  /* Product page
  -------------------------------------------------------------- */
  /* line 69, ../scss/layout/_layout_default.scss */
  .product-view .sticker {
    width: 80px;
    height: 80px;
  }
}
@media only screen and (max-width: 991px) {
  /* Products grid: override size of elements (values like size-s)
  -------------------------------------------------------------- */
  /* Product labels */
  /* line 77, ../scss/layout/_layout_default.scss */
  .products-grid .sticker {
    width: 45px;
    height: 45px;
    font-size: 1em;
  }

  /* line 78, ../scss/layout/_layout_default.scss */
  .products-grid .item:hover .sticker {
    width: 50px;
    height: 50px;
  }

  /* Misc
  -------------------------------------------------------------- */
  /* Scroll to top button */
  /* line 83, ../scss/layout/_layout_default.scss */
  #scroll-to-top {
    /*display:none !important;*/
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    bottom: 81px;
    right: 0;
    border-radius: 0;
  }

  /* Hide amount. Note: has to be defined after aligning ".amount" center */
  /* line 95, ../scss/layout/_layout_default.scss */
  .toolbar .sorter .amount {
    display: none !important;
  }

  /* Banners
  -------------------------------------------------------------- */
  /* Make the font size smaller on mobile */
  /* line 102, ../scss/layout/_layout_default.scss */
  .cap-text-bg .text {
    padding: 2px 4px;
  }

  /* line 105, ../scss/layout/_layout_default.scss */
  .cap p {
    font-size: 1.4rem !important;
  }

  /* line 108, ../scss/layout/_layout_default.scss */
  .cap h1,
  .cap h2,
  .cap h3,
  .cap h4 {
    font-size: 1.9rem !important;
  }

  /* line 114, ../scss/layout/_layout_default.scss */
  .cap h5,
  .cap h6 {
    font-size: 1.6rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Default Magento classes
  -------------------------------------------------------------- */
  /* line 125, ../scss/layout/_layout_default.scss */
  .nobr {
    white-space: normal !important;
  }

  /* Cart
  -------------------------------------------------------------- */
  /* line 129, ../scss/layout/_layout_default.scss */
  .cart-table .product-name {
    font-size: 1em;
    font-family: inherit;
  }

  /*.cart-table .product-image { max-width:80px; }*/
  /* Product page
  -------------------------------------------------------------- */
  /* Related - simple */
  /* line 135, ../scss/layout/_layout_default.scss */
  .block-related-thumbnails .product-details {
    margin-left: 0;
    margin-bottom: 10px;
    clear: left;
  }

  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Shrink the slider if to many thumbnails */
  /* line 144, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-3,
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 158px !important;
  }

  /*2*/
  /* Direction navigation */
  /* line 150, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-3 .direction-nav,
  .itemslider-thumbnails.count-4 .direction-nav,
  .itemslider-thumbnails.count-5 .direction-nav,
  .itemslider-thumbnails.count-multi .direction-nav {
    display: block;
  }

  /* Thumbnails */
  /* line 156, ../scss/layout/_layout_default.scss */
  .img-box .thumbnails.show-all.auto-adjust-width .item {
    max-width: 32%;
  }

  /* Slideshow caption
  -------------------------------------------------------------- */
  /* line 161, ../scss/layout/_layout_default.scss */
  .caption button.button span span {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  /* line 170, ../scss/layout/_layout_default.scss */
  h1 {
    font-size: 4.0rem;
  }

  /* line 171, ../scss/layout/_layout_default.scss */
  h2 {
    font-size: 3.0rem;
  }

  /* line 172, ../scss/layout/_layout_default.scss */
  h3 {
    font-size: 2.4rem;
  }

  /* line 173, ../scss/layout/_layout_default.scss */
  h4 {
    font-size: 1.9rem;
  }

  /* line 174, ../scss/layout/_layout_default.scss */
  h5 {
    font-size: 1.6rem;
  }

  /* line 175, ../scss/layout/_layout_default.scss */
  h6 {
    font-size: 1.4rem;
  }

  /* Mobile collapsible
  -------------------------------------------------------------- */
  /* line 179, ../scss/layout/_layout_default.scss */
  .footer .mobile-collapsible .block-title {
    border-bottom: none;
  }

  /* Hide line when not on mobile */
}
@media only screen and (max-width: 768px) {
  /* Grid and basic layout
  -------------------------------------------------------------- */
  /* Margin for basic Magento columns */
  /* line 188, ../scss/layout/_layout_default.scss */
  .col-main,
  .col-right {
    margin-bottom: 30px;
  }

  /* Remove additional margin for sidebars */
  /* line 195, ../scss/layout/_layout_default.scss */
  .col-left > *,
  .col-left .widget-static-block {
    margin-right: 0;
  }

  /* line 197, ../scss/layout/_layout_default.scss */
  .col-right > *,
  .col-right .widget-static-block {
    margin-left: 0;
  }

  /* Magento utility classes
  -------------------------------------------------------------- */
  /* line 202, ../scss/layout/_layout_default.scss */
  .nobr {
    white-space: normal !important;
  }

  /* Forms
  -------------------------------------------------------------- */
  /* line 206, ../scss/layout/_layout_default.scss */
  .form-list .field,
  .form-list input.input-text,
  .form-list textarea,
  .form-list select,
  .form-list li.wide .input-box,
  .form-list li.wide input.input-text,
  .form-list li.wide textarea,
  .form-list li.wide select {
    max-width: 100%;
  }

  /* Tables
  -------------------------------------------------------------- */
  /* line 218, ../scss/layout/_layout_default.scss */
  .data-table thead .nobr {
    white-space: normal !important;
  }
  /* line 221, ../scss/layout/_layout_default.scss */
  .data-table th,
  .data-table td {
    padding: 5px 10px;
  }

  /* Data tables formatting
  -------------------------------------------------------------- */
  /* Basic formatting */
  /* line 231, ../scss/layout/_layout_default.scss */
  .cart .data-table thead,
  .my-wishlist .data-table thead,
  .my-account .data-table thead,
  .order-review .data-table thead {
    display: none;
  }

  /* line 236, ../scss/layout/_layout_default.scss */
  .cart .data-table tbody,
  .my-wishlist .data-table tbody,
  .my-account .data-table tbody,
  .order-review .data-table tbody {
    background: transparent !important;
  }

  /* line 241, ../scss/layout/_layout_default.scss */
  .cart .data-table tr,
  .cart .data-table td,
  .my-wishlist .data-table tr,
  .my-wishlist .data-table td,
  .my-account .data-table tr,
  .my-account .data-table td,
  .order-review .data-table tr,
  .order-review .data-table td {
    border: none !important;
    background: transparent !important;
    display: block;
    width: 100%;
    text-align: left !important;
  }

  /* line 256, ../scss/layout/_layout_default.scss */
  .cart .data-table tr,
  .my-wishlist .data-table tr,
  .my-account .data-table tr,
  .order-review .data-table tr {
    border-bottom: 1px solid #e5e5e5 !important;
    margin-bottom: 10px;
  }

  /* Highlight first cell in table footer */
  /* line 262, ../scss/layout/_layout_default.scss */
  .my-account .data-table tfoot tr td:first-child,
  .order-review .data-table tfoot tr td:first-child {
    font-weight: bold;
  }

  /* Show cell label */
  /* line 266, ../scss/layout/_layout_default.scss */
  .data-table .cell-label {
    display: inline-block;
    width: 30%;
    min-width: 100px;
    max-width: 140px;
    margin-right: 10px;
    font-weight: bold;
  }

  /* Main
  -------------------------------------------------------------- */
  /* On mobile there is no need to set minimum height of the content area */
  /* line 279, ../scss/layout/_layout_default.scss */
  .main {
    min-height: 100px;
  }

  /* Footer
  -------------------------------------------------------------- */
  /* Footer elements - align center */
  /* line 286, ../scss/layout/_layout_default.scss */
  .footer .mobile-inline-container {
    text-align: center;
  }

  /* line 287, ../scss/layout/_layout_default.scss */
  .footer .mobile-inline-container > * {
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }

  /* line 289, ../scss/layout/_layout_default.scss */
  .footer-primary-top-spacing,
  .footer-primary-bottom-spacing,
  .footer-top .links,
  .footer-bottom {
    text-align: center;
  }

  /* line 294, ../scss/layout/_layout_default.scss */
  .footer-primary-top-spacing .item,
  .footer-primary-bottom-spacing .item,
  #subscribe-form,
  .footer-bottom .item,
  .footer-top .links li {
    float: none;
    display: inline-block;
  }

  /* line 299, ../scss/layout/_layout_default.scss */
  .footer-top .item {
    float: none;
  }

  /* Simplify links */
  /* line 302, ../scss/layout/_layout_default.scss */
  .footer .links-wrapper-separators .links li a,
  .footer .links-wrapper-separators-left .links li a {
    background-image: none;
  }

  /* Footer elements */
  /* line 306, ../scss/layout/_layout_default.scss */
  .footer-primary-bottom-spacing .item {
    width: 100%;
    margin: 0;
  }

  /* line 307, ../scss/layout/_layout_default.scss */
  .footer-bottom .item {
    margin-left: 5px;
    margin-right: 5px;
  }

  /* Copyright - remove space */
  /* line 310, ../scss/layout/_layout_default.scss */
  .footer-copyright {
    margin-left: 0;
  }

  /* Primary and secondary section: additional inner padding */
  /* line 313, ../scss/layout/_layout_default.scss */
  .footer-primary > .grid-full > .section,
  .footer-secondary > .grid-full > .section {
    padding: 15px 10px;
  }

  /* Breadcrumbs on product page
  -------------------------------------------------------------- */
  /* line 318, ../scss/layout/_layout_default.scss */
  .catalog-product-view .breadcrumbs {
    text-align: center;
  }

  /* line 319, ../scss/layout/_layout_default.scss */
  .catalog-product-view .breadcrumbs > * {
    display: inline-block;
  }

  /* Layered navigation
  -------------------------------------------------------------- */
  /* Hide main heading of the block */
  /* line 325, ../scss/layout/_layout_default.scss */
  .block-layered-nav {
    margin-bottom: 0;
  }
  /* line 328, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-title {
    display: none;
  }
  /* line 331, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-content {
    font-size: 14px;
    padding: 0;
  }

  /* line 336, ../scss/layout/_layout_default.scss */
  #narrow-by-list,
  #narrow-by-list2 {
    margin: 0;
    background: #f1f1f1;
  }

  /* Attributes
  -------------------------------------------------------------- */
  /* line 346, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-content > dl > dt {
    cursor: pointer;
    padding: 7px 10px 7px 25px;
    border-bottom: 1px solid #f5f5f5;
    text-transform: uppercase;
  }
  /* line 352, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-content > dl > dt:after {
    display: block;
    /* Show on mobile */
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #50b848;
    border-right: none;
  }
  /* line 364, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-content > dl > dd {
    display: none;
    padding: 10px;
  }
  /* line 368, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-content > dl > dd.current li {
    background: #fff;
  }
  /* line 371, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-content > dl > dd.current li:nth-child(odd) {
    margin-left: 0 !important;
  }

  /* Accordion opened */
  /* line 380, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-content.accordion-open > dl > dt.current:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 5px solid #50b848;
    border-bottom: none;
    left: 6px;
    top: 50%;
    margin-top: -3px;
  }

  /* line 394, ../scss/layout/_layout_default.scss */
  .block-layered-nav .block-content.accordion-open > dl > dd.current {
    display: block;
  }

  /* Single filter
  -------------------------------------------------------------- */
  /* line 400, ../scss/layout/_layout_default.scss */
  .block-layered-nav dl dd ol > li > a,
  .block-layered-nav dl dd ol > li > span {
    position: static;
    padding: 7px 14px;
    margin-bottom: 1px;
  }

  /* line 406, ../scss/layout/_layout_default.scss */
  .block-layered-nav dl dd ol > li > a:before {
    display: none;
    /* Hide on mobile */
  }

  /* Toolbar
  -------------------------------------------------------------- */
  /* All elements - align center and increase vertical spacing */
  /* line 414, ../scss/layout/_layout_default.scss */
  .pager,
  .sorter {
    text-align: center;
  }

  /* line 416, ../scss/layout/_layout_default.scss */
  .pager .amount,
  .pager .limiter,
  .pager .pages,
  .sorter .amount,
  .sorter .limiter,
  .sorter .view-mode,
  .sorter .sort-by {
    display: inline-block;
    float: none;
    padding-top: 0;
    padding-bottom: 0;
  }

  /* line 428, ../scss/layout/_layout_default.scss */
  .sorter .amount {
    margin-bottom: 0;
  }

  /* line 431, ../scss/layout/_layout_default.scss */
  .toolbar .sort-by,
  .toolbar .sorter .amount {
    border-right: none;
  }

  /* line 434, ../scss/layout/_layout_default.scss */
  .sorter .per-page,
  .pager .per-page {
    display: none;
  }

  /* Category view
  -------------------------------------------------------------- */
  /* line 439, ../scss/layout/_layout_default.scss */
  .note-msg.empty-catalog {
    background-position: center 10px !important;
    color: inherit;
    padding: 150px 10px 10px !important;
    text-align: center;
  }

  /* Page heading with RSS link */
  /* line 447, ../scss/layout/_layout_default.scss */
  .page-title {
    position: relative;
  }

  /* line 448, ../scss/layout/_layout_default.scss */
  .page-title .link-rss {
    float: none;
    display: block;
    position: static;
    margin: 10px 0 0;
  }

  /* Products list
  -------------------------------------------------------------- */
  /* line 452, ../scss/layout/_layout_default.scss */
  .products-list .product-shop-inner {
    padding-right: 0;
    border-right: none;
  }

  /* Products grid: override size of elements (values like size-s)
  -------------------------------------------------------------- */
  /* Product name */
  /* line 457, ../scss/layout/_layout_default.scss */
  .products-grid .product-name {
    font-size: 1.1666em;
    /*14px*/
    line-height: 1.2307em;
    /*16px*/
  }

  /* Product view
  -------------------------------------------------------------- */
  /* Reset "nested container" style */
  /* line 466, ../scss/layout/_layout_default.scss */
  .product-view {
    width: 100%;
    margin-left: 0;
  }

  /* Margin for all product view columns
  -------------------------------------------------------------- */
  /* line 474, ../scss/layout/_layout_default.scss */
  .product-img-column,
  .product-primary-column-part2,
  .product-secondary-column,
  .product-lower-primary-column,
  .product-lower-primary-column-part2,
  .product-lower-secondary-column {
    margin-bottom: 30px;
  }

  /* Order of product page columns in mobile view
  -------------------------------------------------------------- */
  /* Make this element a flex container */
  /* line 488, ../scss/layout/_layout_default.scss */
  .product-view {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }

  /* Order of product view columns in mobile view */
  /* line 498, ../scss/layout/_layout_default.scss */
  .product-img-column {
    -ms-flex-order: 0;
    -webkit-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }

  /* line 503, ../scss/layout/_layout_default.scss */
  .product-primary-column {
    -ms-flex-order: 10;
    -webkit-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }

  /* line 508, ../scss/layout/_layout_default.scss */
  .product-primary-column-part2 {
    -ms-flex-order: 11;
    -webkit-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }

  /* line 513, ../scss/layout/_layout_default.scss */
  .product-lower-primary-column {
    -ms-flex-order: 20;
    -webkit-order: 20;
    -webkit-box-ordinal-group: 21;
            order: 20;
  }

  /* line 518, ../scss/layout/_layout_default.scss */
  .product-secondary-column {
    -ms-flex-order: 30;
    -webkit-order: 30;
    -webkit-box-ordinal-group: 31;
            order: 30;
  }

  /* line 523, ../scss/layout/_layout_default.scss */
  .product-lower-secondary-column {
    -ms-flex-order: 40;
    -webkit-order: 40;
    -webkit-box-ordinal-group: 41;
            order: 40;
  }

  /* line 528, ../scss/layout/_layout_default.scss */
  .product-lower-primary-column-part2 {
    -ms-flex-order: 50;
    -webkit-order: 50;
    -webkit-box-ordinal-group: 51;
            order: 50;
  }

  /* Product collateral data container
  -------------------------------------------------------------- */
  /* Headings */
  /*.product-view .box-collateral > h2:first-child,
  .product-view .collateral-block > h2:first-child, /* Rule required in case a heading is not a child of "box-collateral" */
  /*.product-view .box-collateral .section-title {
      font-size: 17px;
  }*/
  /* Other
  -------------------------------------------------------------- */
  /* Related: remove bottom margin */
  /* line 548, ../scss/layout/_layout_default.scss */
  .block-related-slider {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  /* line 552, ../scss/layout/_layout_default.scss */
  .block-related-slider .item .product-name {
    min-height: 120px;
  }
}

@media only screen and (max-width: 768px) {
  /* Sidebar */
  /* line 559, ../scss/layout/_layout_default.scss */
  .product-view {
    /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
  }
  /* line 561, ../scss/layout/_layout_default.scss */
  .product-view .box-additional {
    margin-top: 0;
  }
  /* line 564, ../scss/layout/_layout_default.scss */
  .product-view .custom-sidebar-right .inner {
    padding-left: 0;
    border-left: none;
  }
  /* line 568, ../scss/layout/_layout_default.scss */
  .product-view .custom-sidebar-left .inner {
    padding-right: 0;
    border-right: none;
  }
  /* line 572, ../scss/layout/_layout_default.scss */
  .product-view .add-to-links {
    text-align: center;
  }
  /* line 575, ../scss/layout/_layout_default.scss */
  .product-view .add-to-links li {
    float: none;
    display: inline-block;
  }

  /* Cart
  -------------------------------------------------------------- */
  /* Buttons below table: align center */
  /* line 586, ../scss/layout/_layout_default.scss */
  .cart-table tfoot tr.first td {
    text-align: center !important;
    padding: 0;
    margin-bottom: 20px;
  }

  /* line 587, ../scss/layout/_layout_default.scss */
  .cart-table tfoot button {
    display: inline-block;
    float: none !important;
    margin: 0 0 3px;
    padding: 0;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  /* line 587, ../scss/layout/_layout_default.scss */
  .cart-table tfoot button {
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 0 10px 10px !important;
  }
}

@media only screen and (max-width: 768px) {
  /* One Page Checkout
  -------------------------------------------------------------- */
  /* Step title - link "edit" */
  /* line 603, ../scss/layout/_layout_default.scss */
  .opc .allow .step-title a {
    display: none;
  }

  /* Account
  -------------------------------------------------------------- */
  /* line 608, ../scss/layout/_layout_default.scss */
  .my-wishlist .product-image {
    max-width: none;
  }

  /* Items slider
  -------------------------------------------------------------- */
  /* line 612, ../scss/layout/_layout_default.scss */
  .control-nav.control-paging {
    display: none;
  }

  /* Deprecated */
  /* If only one item exists */
  /* line 615, ../scss/layout/_layout_default.scss */
  .itemslider.single-item .slides > li {
    margin: 0 auto;
  }

  /* Deprecated */
  /* Slideshow
  -------------------------------------------------------------- */
  /* When additional banners are on the left side, the slideshow is on the right side - but not on mobile! */
  /* line 620, ../scss/layout/_layout_default.scss */
  .slideshow-wrapper._right {
    float: none !important;
  }

  /* line 624, ../scss/layout/_layout_default.scss */
  .slideshow-wrapper-additional {
    margin-top: 0 !important;
    /* Reset nagative top margin */
  }

  /* Additional banners */
  /* line 627, ../scss/layout/_layout_default.scss */
  .slideshow-banners {
    padding-left: 0;
    padding-right: 0;
  }

  /* Slideshow navigation: move buttons to the top right corner */
  /* line 633, ../scss/layout/_layout_default.scss */
  .slideshow-wrapper-outer .slider-arrows2 .owl-controls .owl-buttons .owl-prev {
    top: 10px;
    right: 60px;
    left: auto;
  }

  /* line 634, ../scss/layout/_layout_default.scss */
  .slideshow-wrapper-outer .slider-arrows2 .owl-controls .owl-buttons .owl-next {
    top: 10px;
    right: 10px;
    left: auto;
  }

  /* Pagination */
  /* line 637, ../scss/layout/_layout_default.scss */
  .slideshow-wrapper-outer .owl-pagination {
    display: none;
  }

  /* Slideshow caption */
  /* Shrink font, hide all elements except heading */
  /* line 641, ../scss/layout/_layout_default.scss */
  .caption > * {
    display: none !important;
  }

  /* line 642, ../scss/layout/_layout_default.scss */
  .caption .heading {
    display: inline-block !important;
    font-size: 2.0833em;
    margin-bottom: 1px;
  }

  /* line 643, ../scss/layout/_layout_default.scss */
  .caption p {
    font-size: 1.1666em;
    margin-bottom: 1px;
  }

  /* line 644, ../scss/layout/_layout_default.scss */
  .caption button.button span span {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
  }

  /* Cloud Zoom
  -------------------------------------------------------------- */
  /* Hide zoom */
  /* line 653, ../scss/layout/_layout_default.scss */
  .cloud-zoom-big,
  .cloud-zoom-lens {
    display: none !important;
  }

  /* line 655, ../scss/layout/_layout_default.scss */
  .cloud-zoom-lens {
    cursor: default !important;
  }

  /* Thumbnails */
  /* line 658, ../scss/layout/_layout_default.scss */
  .img-box .thumbnails.show-all.auto-adjust-width .item {
    max-width: 16%;
  }

  /* Lightbox
  -------------------------------------------------------------- */
  /* line 662, ../scss/layout/_layout_default.scss */
  #cboxTitle,
  #cboxCurrent {
    display: none !important;
  }

  /* Accordion
  -------------------------------------------------------------- */
  /* line 667, ../scss/layout/_layout_default.scss */
  .accordion-style1 li a {
    padding: 15px 10px;
    font-size: 1.1666em;
    /*14px*/
    line-height: 1.2857em;
    /*18px*/
  }

  /* Space for openner if item has children. It has to be a few pixels wider than openner */
  /* line 673, ../scss/layout/_layout_default.scss */
  .accordion-style1 li.parent > a {
    padding-right: 53px;
  }

  /* line 674, ../scss/layout/_layout_default.scss */
  .accordion-style1 .opener {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }

  /* Different types of collapsible blocks
  -------------------------------------------------------------- */
  /* Sidebar blocks */
  /* line 679, ../scss/layout/_layout_default.scss */
  .sidebar .block {
    margin-bottom: 20px;
  }

  /* Blocks collapsible only on mobile, so icon visible only on mobile */
  /* line 684, ../scss/layout/_layout_default.scss */
  .mobile-collapsible .block-title:after,
  .sidebar .block .block-title:after,
  .block-layered-nav .block-title:after {
    /* Show only on mobile */
    display: inline-block !important;
  }

  /* line 690, ../scss/layout/_layout_default.scss */
  .mobile-collapsible .block-title,
  .sidebar .block .block-title,
  .block-layered-nav .block-title {
    cursor: pointer;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* Category view
  -------------------------------------------------------------- */
  /* line 707, ../scss/layout/_layout_default.scss */
  .products-list .product-shop,
  .products-list .right-column,
  .products-list .product-image-wrapper {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
  }

  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Broaden the slider if at least 4 thumbnails */
  /* line 714, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 316px;
  }

  /*4*/
  /* Direction navigation */
  /* line 719, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-4 .direction-nav {
    display: none;
  }

  /* Shrink and align center the main image */
  /* line 722, ../scss/layout/_layout_default.scss */
  .img-box .product-image {
    width: 60.4651%;
    /*364px*/
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  /* Item grid
  -------------------------------------------------------------- */
  /* line 731, ../scss/layout/_layout_default.scss */
  .itemgrid.itemgrid-adaptive .item {
    width: 31.3333%;
    clear: none !important;
  }

  /* line 732, ../scss/layout/_layout_default.scss */
  .itemgrid.itemgrid-adaptive > li:nth-of-type(3n+1) {
    clear: left !important;
  }
}
@media only screen and (max-width: 639px) {
  /* Disable hover effect
  -------------------------------------------------------------- */
  /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
  /* line 740, ../scss/layout/_layout_default.scss */
  .category-products-grid.hover-effect .item {
    border-top: none;
  }

  /* line 741, ../scss/layout/_layout_default.scss */
  .category-products-grid.hover-effect .item:hover {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1%;
    padding-right: 1%;
    box-shadow: none !important;
  }

  /* Show elements normally displayed only on hover */
  /* line 750, ../scss/layout/_layout_default.scss */
  .category-products-grid.hover-effect .item .display-onhover {
    display: block !important;
  }

  /* Show full name even if enabled: display name in single line */
  /* line 753, ../scss/layout/_layout_default.scss */
  .products-grid.single-line-name .item .product-name {
    overflow: visible;
    white-space: normal;
  }

  /* Spaces between items */
  /* line 756, ../scss/layout/_layout_default.scss */
  .category-products-grid.hover-effect .item {
    margin-bottom: 20px;
  }

  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Thumbnails */
  /* line 761, ../scss/layout/_layout_default.scss */
  .img-box .thumbnails.show-all.auto-adjust-width .item {
    max-width: 19%;
  }

  /* Banners
  -------------------------------------------------------------- */
  /* Make the font size smaller on mobile.
     Added "ban" class to make the selector more specific. */
  /* line 767, ../scss/layout/_layout_default.scss */
  .ban .cap p {
    font-size: 1.2rem !important;
  }

  /* line 771, ../scss/layout/_layout_default.scss */
  .ban .cap h1,
  .ban .cap h2,
  .ban .cap h3,
  .ban .cap h4,
  .ban .cap h5,
  .ban .cap h6 {
    font-size: 1.6rem !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
  /* Item grid
  -------------------------------------------------------------- */
  /* line 787, ../scss/layout/_layout_default.scss */
  .itemgrid.itemgrid-adaptive .item {
    width: 48%;
    clear: none !important;
  }

  /* line 788, ../scss/layout/_layout_default.scss */
  .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) {
    clear: left !important;
  }
}
@media only screen and (max-width: 479px) {
    /* Products grid
	-------------------------------------------------------------- */
  /* line 795, ../scss/layout/_layout_default.scss */
  .products-grid.category-products-grid.hover-effect .item .add-to-links,
  .products-grid .item .add-to-links {
    display: none !important;
  }

  /* Buttons - stretch full width
  -------------------------------------------------------------- */
  /* line 800, ../scss/layout/_layout_default.scss */
  .buttons-set .button,
  .title-buttons .button,
  .cart .btn-checkout,
  .mini-cart .actions .button,
  .mini-compare .actions .button {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 7px;
  }

  /* line 811, ../scss/layout/_layout_default.scss */
  .buttons-set .button:last-child,
  .cart .btn-checkout:last-child,
  .mini-cart .actions .button:last-child {
    margin-bottom: 0;
  }

  /* Button on product page - stretch full width and remove vertical alignment
  -------------------------------------------------------------- */
  /* line 819, ../scss/layout/_layout_default.scss */
  .product-view .add-to-cart {
    display: block;
    float: none;
  }

  /* line 823, ../scss/layout/_layout_default.scss */
  .product-view .add-to-cart .btn-cart {
    display: block;
    width: 100%;
  }

  /* line 827, ../scss/layout/_layout_default.scss */
  .add-to-cart.left-side .qty-wrapper label {
    padding-left: 0;
  }

  /* Buttons set
  -------------------------------------------------------------- */
  /* line 833, ../scss/layout/_layout_default.scss */
  .buttons-set .required {
    display: none;
  }

  /* Grid elements
  -------------------------------------------------------------- */
  /* line 839, ../scss/layout/_layout_default.scss */
  .col2-set .col-1,
  .col2-set .col-2 {
    width: 100%;
  }

  /* Products list
  -------------------------------------------------------------- */
  /* line 844, ../scss/layout/_layout_default.scss */
  .products-list .item {
    margin-bottom: 20px;
  }

  /* line 845, ../scss/layout/_layout_default.scss */
  .products-list .item:first-child {
    margin-top: 1px;
    /* Move item down to uncover the border of the toolbar */
  }

  /* line 846, ../scss/layout/_layout_default.scss */
  .products-list .product-image {
    margin-bottom: 20px;
  }

  /* Products list: disable hover effect
  -------------------------------------------------------------- */
  /* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
  /* line 851, ../scss/layout/_layout_default.scss */
  .products-list.hover-effect .item {
    border-top: none;
  }

  /* line 852, ../scss/layout/_layout_default.scss */
  .products-list.hover-effect .item:hover {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none !important;
  }

  /* Products grid: override size of elements (values like size-xs)
  -------------------------------------------------------------- */
  /* Product labels */
  /* line 863, ../scss/layout/_layout_default.scss */
  .products-grid .sticker {
    width: 40px;
    height: 40px;
    font-size: 0.9166em;
  }

  /* line 864, ../scss/layout/_layout_default.scss */
  .products-grid .item:hover .sticker {
    width: 45px;
    height: 45px;
  }

  /* Product page
  -------------------------------------------------------------- */
  /* Reviews */
  /* line 870, ../scss/layout/_layout_default.scss */
  .product-view .box-reviews .form-add .data-table th,
  .product-view .box-reviews .form-add .data-table td {
    padding: 6px 1px;
  }

  /* line 872, ../scss/layout/_layout_default.scss */
  .product-view .box-reviews .form-add .form-list input.input-text,
  .product-view .box-reviews .form-add .form-list textarea {
    width: 100%;
  }

  /* Add-to links */
  /* line 876, ../scss/layout/_layout_default.scss */
  .product-view .add-to-links {
    text-align: inherit;
  }

  /* Toolbar
  -------------------------------------------------------------- */
  /* line 881, ../scss/layout/_layout_default.scss */
  .toolbar .limiter {
    display: none;
  }

  /* line 882, ../scss/layout/_layout_default.scss */
  .sorter .view-mode {
    display: none;
  }

  /* line 883, ../scss/layout/_layout_default.scss */
  .sorter .sort-by {
    background: none;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
  }

  /* Remove right divider */
  /* Account
  -------------------------------------------------------------- */
  /* Account info + Order info */
  /* line 889, ../scss/layout/_layout_default.scss */
  .my-account .col2-set .col-1 {
    border-right: none;
    margin-bottom: 20px;
  }

  /* line 890, ../scss/layout/_layout_default.scss */
  .my-account .col2-set .col-1 .box {
    padding-right: 0;
  }

  /* Order details */
  /* line 893, ../scss/layout/_layout_default.scss */
  .order-items .sub-title .separator {
    display: none;
  }

  /* Checkout
  -------------------------------------------------------------- */
  /* line 897, ../scss/layout/_layout_default.scss */
  .opc .step-title h2 {
    font-size: 1em;
    line-height: 2.8333em;
  }

  /* Advanced search results
  -------------------------------------------------------------- */
  /* line 901, ../scss/layout/_layout_default.scss */
  .advanced-search-summary ul {
    width: 100%;
    margin-right: 0;
  }

  /* Footer
  -------------------------------------------------------------- */
  /* line 905, ../scss/layout/_layout_default.scss */
  #subscribe-form label {
    display: inline-block;
    float: none;
    line-height: 1em;
    margin: 15px 0 2px;
  }

  /* line 911, ../scss/layout/_layout_default.scss */
  #subscribe-form .input-box {
    display: inline-block;
    float: none;
    margin: 5px 0;
    position: relative;
    width: 100%;
  }

  /* line 918, ../scss/layout/_layout_default.scss */
  #subscribe-form .input-text {
    width: 100%;
    max-width: 100%;
  }

  /* line 919, ../scss/layout/_layout_default.scss */
  #subscribe-form .button {
    display: inline-block;
    float: none;
  }

  /*TOOD: check on mobiles*/
  /* line 924, ../scss/layout/_layout_default.scss */
  #subscribe-form .input-box .validation-advice {
    width: 100%;
    left: 0;
  }

  /* Slideshow
  -------------------------------------------------------------- */
  /* Slideshow caption */
  /* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */
  /* line 930, ../scss/layout/_layout_default.scss */
  .caption > *,
  .caption .heading,
  .caption .permanent {
    display: none !important;
  }

  /* line 933, ../scss/layout/_layout_default.scss */
  .caption .heading.permanent {
    display: inline-block !important;
  }

  /* line 935, ../scss/layout/_layout_default.scss */
  .caption .heading {
    font-size: 1.3333em;
  }

  /* line 936, ../scss/layout/_layout_default.scss */
  .caption p {
    font-size: 1em;
  }

  /* Itemslider
  -------------------------------------------------------------- */
  /* Pagination */
  /* line 941, ../scss/layout/_layout_default.scss */
  .itemslider .owl-pagination {
    display: none;
  }

  /* Cloud zoom
  -------------------------------------------------------------- */
  /* line 945, ../scss/layout/_layout_default.scss */
  #zoom-btn {
    display: none;
  }

  /* Thumbnails */
  /* line 948, ../scss/layout/_layout_default.scss */
  .img-box .thumbnails.show-all.auto-adjust-width .item {
    max-width: 24%;
  }

  /* Banners
  -------------------------------------------------------------- */
  /* Make the font size smaller on mobile.
     Added "ban" class to make the selector more specific. */
  /* line 954, ../scss/layout/_layout_default.scss */
  .ban .cap p {
    font-size: 1.1rem !important;
  }

  /* line 958, ../scss/layout/_layout_default.scss */
  .ban .cap h1,
  .ban .cap h2,
  .ban .cap h3,
  .ban .cap h4,
  .ban .cap h5,
  .ban .cap h6 {
    font-size: 1.3rem !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
  /* Item grid
  -------------------------------------------------------------- */
  /* line 974, ../scss/layout/_layout_default.scss */
  .itemgrid.itemgrid-adaptive .item {
    width: 48%;
    clear: none !important;
  }

  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Shrink the slider if to many thumbnails */
  /* line 979, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-3,
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 237px;
  }

  /*3*/
  /*{ max-width:158px; }*/
  /*2*/
  /* Direction navigation */
  /* line 985, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-3 .direction-nav,
  .itemslider-thumbnails.count-4 .direction-nav,
  .itemslider-thumbnails.count-5 .direction-nav,
  .itemslider-thumbnails.count-multi .direction-nav {
    display: block;
  }
}
@media only screen and (max-width: 319px) {
  /* Product page
  -------------------------------------------------------------- */
  /* Related - thumbnails */
  /* line 997, ../scss/layout/_layout_default.scss */
  .block-related-thumbnails .product-details {
    margin-left: 0;
    margin-bottom: 10px;
    clear: left;
  }

  /* line 1002, ../scss/layout/_layout_default.scss */
  .block-related-thumbnails .product-details .price-box {
    display: inline-block;
    margin-right: 5px;
  }

  /* line 1003, ../scss/layout/_layout_default.scss */
  .block-related-thumbnails .product-details .related-add-to-wishlist {
    display: inline-block;
  }

  /* Item grid
  -------------------------------------------------------------- */
  /* Always show 1 column */
  /* Important: added ".itemgrid" class to override other styles */
  /* line 1009, ../scss/layout/_layout_default.scss */
  .itemgrid.itemgrid-adaptive .item {
    width: 98%;
    clear: none !important;
  }

  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Thumbnails */
  /* line 1014, ../scss/layout/_layout_default.scss */
  .img-box .thumbnails.show-all.auto-adjust-width .item {
    max-width: 32%;
  }

  /* Slideshow
  -------------------------------------------------------------- */
  /* line 1018, ../scss/layout/_layout_default.scss */
  .slideshow-wrapper-outer .owl-buttons {
    display: none;
  }
}
@media only screen and (min-width: 240px) and (max-width: 319px) {
  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Shrink the slider if to many thumbnails */
  /* line 1027, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-3,
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 158px;
  }

  /*2*/
}
@media only screen and (max-width: 239px) {
  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Shrink the slider if to many thumbnails */
  /* line 1039, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-2,
  .itemslider-thumbnails.count-3,
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 79px !important;
  }

  /*1*/
  /* Direction navigation */
  /* line 1046, ../scss/layout/_layout_default.scss */
  .itemslider-thumbnails.count-2 .direction-nav,
  .itemslider-thumbnails.count-3 .direction-nav,
  .itemslider-thumbnails.count-4 .direction-nav,
  .itemslider-thumbnails.count-5 .direction-nav,
  .itemslider-thumbnails.count-multi .direction-nav {
    display: block;
  }
}
/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2017-05-03 14:36:19 */
/* w:1200, b:1200*/
/* line 6, ../scss/layout/_grid-default.scss */
.lte-ie8 .container {
  max-width: 1170px;
}

@media only screen and (min-width: 1200px) {
  /* line 11, ../scss/layout/_grid-default.scss */
  .container {
    max-width: 1170px;
  }

  /* Special grid units */
  /* line 16, ../scss/layout/_grid-default.scss */
  .grid-col2-sidebar {
    width: 20.41%;
  }

  /* line 17, ../scss/layout/_grid-default.scss */
  .grid-col2-main {
    width: 75.58%;
  }

  /* line 19, ../scss/layout/_grid-default.scss */
  .no-gutter.grid-col2-sidebar {
    width: 22.41%;
  }

  /* line 20, ../scss/layout/_grid-default.scss */
  .no-gutter.grid-col2-main {
    width: 77.58%;
  }

  /* line 22, ../scss/layout/_grid-default.scss */
  .grid-col3-sidebar {
    width: 27.01%;
  }

  /* line 23, ../scss/layout/_grid-default.scss */
  .grid-col3-main {
    width: 70.34%;
  }

  /* line 25, ../scss/layout/_grid-default.scss */
  .no-gutter.grid-col3-sidebar {
    width: 27.01%;
  }

  /* line 26, ../scss/layout/_grid-default.scss */
  .no-gutter.grid-col3-main {
    width: 70.34%;
  }

  /* Hide */
  /* line 29, ../scss/layout/_grid-default.scss */
  .hide-below-1280 {
    display: inherit !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* line 35, ../scss/layout/_grid-default.scss */
  .container {
    max-width: 970px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* line 41, ../scss/layout/_grid-default.scss */
  .container {
    max-width: 750px;
  }

  /* 2 columns - left
  -------------------------------------------------------------- */
  /* line 47, ../scss/layout/_grid-default.scss */
  .page-layout-2columns-left .column-main {
    width: 100% !important;
  }

  /* line 50, ../scss/layout/_grid-default.scss */
  .page-layout-2columns-left .sidebar-main {
    width: 100% !important;
  }

  /* line 53, ../scss/layout/_grid-default.scss */
  .page-layout-2columns-left .sidebar-additional {
    width: 100% !important;
  }

  /* 2 columns - right
  -------------------------------------------------------------- */
  /* line 59, ../scss/layout/_grid-default.scss */
  .page-layout-2columns-right .column-main {
    width: 75%;
  }

  /* line 62, ../scss/layout/_grid-default.scss */
  .page-layout-2columns-right .sidebar-main {
    width: 25%;
  }

  /* line 65, ../scss/layout/_grid-default.scss */
  .page-layout-2columns-right .sidebar-additional {
    width: 25%;
  }

  /* 3 columns
  -------------------------------------------------------------- */
  /* line 71, ../scss/layout/_grid-default.scss */
  .page-layout-3columns .column-main {
    width: 75%;
    float: right;
  }

  /* line 75, ../scss/layout/_grid-default.scss */
  .page-layout-3columns .sidebar-main {
    width: 25%;
    float: left;
  }

  /* line 79, ../scss/layout/_grid-default.scss */
  .page-layout-3columns .sidebar-additional {
    width: 25%;
    padding-right: 2%;
    padding-left: 0;
    clear: left;
    float: left;
  }
}
@media only screen and (max-width: 769px) {
  /* line 90, ../scss/layout/_grid-default.scss */
  .hide-when-mobile-header {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  /* line 96, ../scss/layout/_grid-default.scss */
  .container {
    max-width: none !important;
    width: 100%;
  }

  /* line 101, ../scss/layout/_grid-default.scss */
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-5,
  .grid12-6,
  .grid12-7,
  .grid12-8,
  .grid12-9,
  .grid12-10,
  .grid12-11,
  .grid12-12,
  .grid-full,
  .grid-col2-sidebar,
  .grid-col2-main,
  .grid-col3-sidebar,
  .grid-col3-main {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* line 123, ../scss/layout/_grid-default.scss */
  .columns .column-main,
  .columns .sidebar-main,
  .columns .sidebar-additional {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
  }

  /* line 133, ../scss/layout/_grid-default.scss */
  .v-grid-container {
    display: block;
  }

  /* line 136, ../scss/layout/_grid-default.scss */
  .v-grid {
    float: inherit;
    display: block;
    width: 100%;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* Mobile grid (for browser viewport between 480px and 768px):
Below 768px all grid units are stretched (full width) and stack vertically.
The "mobile-grid" class forces narrow grid units to stay narrow,
but the width is increased to avoid too small columns.
-------------------------------------------------------------- */
  /* line 150, ../scss/layout/_grid-default.scss */
  .mobile-grid.grid12-1 {
    width: 14.66% !important;
    margin-left: 1%;
    margin-right: 1%;
  }

  /* 1/12 turns into 1/6 */
  /* line 151, ../scss/layout/_grid-default.scss */
  .mobile-grid.grid12-2 {
    width: 31.33% !important;
    margin-left: 1%;
    margin-right: 1%;
  }

  /* 1/6  turns into 1/3 */
  /* line 152, ../scss/layout/_grid-default.scss */
  .mobile-grid.grid12-3 {
    width: 48% !important;
    margin-left: 1%;
    margin-right: 1%;
  }

  /* 1/4  turns into 1/2 */
  /* Force other grid units to take half of the available width */
  /* line 154, ../scss/layout/_grid-default.scss */
  .mobile-grid-half {
    width: 48% !important;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media only screen and (max-width: 1023px) {
  /* line 159, ../scss/layout/_grid-default.scss */
  .hide-below-1024 {
    display: none !important;
  }
}
@media only screen and (max-width: 959px) {
  /* line 162, ../scss/layout/_grid-default.scss */
  .hide-below-960 {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  /* line 165, ../scss/layout/_grid-default.scss */
  .hide-below-768 {
    display: none !important;
  }
}
@media only screen and (max-width: 479px) {
  /* line 168, ../scss/layout/_grid-default.scss */
  .hide-below-480 {
    display: none !important;
  }
}
@media only screen and (max-width: 319px) {
  /* line 171, ../scss/layout/_grid-default.scss */
  .hide-below-320 {
    display: none !important;
  }
}
/* line 1, ../scss/layout/_design_default.scss */
body,
input, select, textarea, button {
  font-size: 14px;
}

/* line 6, ../scss/layout/_design_default.scss */
body {
  color: #333333;
  background-color: #ffffff;
}

/* line 11, ../scss/layout/_design_default.scss */
a {
  color: #50b848;
}

/* line 15, ../scss/layout/_design_default.scss */
a:hover,
.sideacco li.current > a,
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
h6.product-name a:hover,
strong.product-name a:hover,
p.product-name a:hover {
  color: #269d1d;
}

/* line 27, ../scss/layout/_design_default.scss */
.button {
  background-color: #ff8200;
  color: #ffffff;
}

/* line 31, ../scss/layout/_design_default.scss */
.button:hover,
.button:focus {
  background-color: #ff6f0f !important;
  color: #ffffff !important;
}

/* line 36, ../scss/layout/_design_default.scss */
button:disabled,
button[disabled], button[disabled]:hover {
  border: 1px solid #e4e4e4 !important;
  background-color: #f5f5f5 !important;
  color: #ccc !important;
  cursor: not-allowed;
}

/* line 44, ../scss/layout/_design_default.scss */
.product-view .btn-cart,
.btn-checkout {
  background-color: #ff8200;
  color: #ffffff;
}

/* line 49, ../scss/layout/_design_default.scss */
.product-view .btn-cart:hover,
.btn-checkout:hover {
  background-color: #ff6f0f;
  color: #ffffff;
}

/* line 55, ../scss/layout/_design_default.scss */
.links > li > a:hover {
  background-color: #333333;
  color: #ffffff !important;
}

/* line 60, ../scss/layout/_design_default.scss */
.sticker.new {
  background-color: #50b848;
  color: #ffffff;
}

/* line 64, ../scss/layout/_design_default.scss */
.sticker.sale {
  background-color: #bd6dae;
  color: #ffffff;
}

/* line 69, ../scss/layout/_design_default.scss */
.price-box .price,
.price-as-configured .price {
  color: #333333;
}

/* line 74, ../scss/layout/_design_default.scss */
.special-price .price,
.special-price .price-label,
.minimal-price-link .price {
  color: #ee001c !important;
}

/* line 80, ../scss/layout/_design_default.scss */
.price-notice .price,
.old-price,
.price-box .old-price .price,
#map-popup-msrp,
.map-popup-msrp .price {
  color: #aaa;
}

/* line 88, ../scss/layout/_design_default.scss */
.additional-bg-color,
.cart .totals,
.checkout-agreements li {
  background-color: #f5f5f5;
}

/* line 94, ../scss/layout/_design_default.scss */
.skip-link .count {
  background-color: #baff00;
}

/* Custom content class */
/* line 99, ../scss/layout/_design_default.scss */
h1, h2, h3, h4, h5,
.section-title,
.block-layered-nav .block-subtitle--filter,
.feature .heading,
.accordion .heading,
.nav-holder .dropdown .dropdown-heading,
.block .block-title,
#opc-login h3,
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2,
.product-view .box-reviews .heading,
.footer .heading,
.caption .heading {
  font-family: 'Source Sans Pro', sans-serif;
}

/* line 117, ../scss/layout/_design_default.scss */
.main-font,
.products-list .product-name,
.nav-regular .nav-item.level0 > a,
.nav-regular .nav-submenu--mega > li > a,
.menu-trigger,
.nav-mobile .nav-item.level0 > a,
.nav-mobile .nav-item.level1 > a,
.nav-mobile .nav-item.level2 > a,
.header-mobile .skip-link .label,
.header-mobile .account-links a,
.gen-tabs .tabs a,
.gen-tabs .acctab,
#subscribe-form label {
  font-family: 'Open Sans', sans-serif;
}

/* Toolbar */
/* line 134, ../scss/layout/_design_default.scss */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages a,
.pager .pages .current,
.add-to-links .ic,
#cboxPrevious,
#cboxNext,
#cboxClose,
.accordion-style1 .opener,
.collapsible .opener,
.qty-button,
#scroll-to-top {
  background-color: #f5f5f5;
  color: #333333;
}

/* Toolbar */
/* line 152, ../scss/layout/_design_default.scss */
.sorter .view-mode a:hover,
.sorter .sort-by .category-asc:hover,
.sorter .sort-by .category-desc:hover,
.pager .pages li a:hover,
.add-to-links .ic:hover,
.add-to-links .feature-icon-hover:hover .ic,
.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,
.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls.clickable .owl-page:hover span,
#cboxPrevious:hover,
#cboxNext:hover,
#cboxClose:hover,
.accordion-style1 .opener:hover,
.collapsible .opener:hover,
.qty-button:hover,
#scroll-to-top:hover {
  background-color: #333333;
  color: #ffffff;
}

/* line 174, ../scss/layout/_design_default.scss */
.sorter .view-mode span.grid,
.sorter .view-mode span.list,
.pager .pages .current {
  background-color: #e5e5e5;
  color: #333333;
}

/* line 181, ../scss/layout/_design_default.scss */
.ib {
  background-color: #bd6dae;
  color: #ffffff;
}

/* line 186, ../scss/layout/_design_default.scss */
.ib-hover:hover,
.feature-icon-hover:hover .ib {
  background-color: #50b848;
  color: #ffffff;
}

/* line 192, ../scss/layout/_design_default.scss */
.ib-ef-1:hover,
.feature-icon-hover:hover .ib-ef-1 {
  background-color: #50b848;
  color: #ffffff;
}

/* line 197, ../scss/layout/_design_default.scss */
.ib-ef-1:after {
  box-shadow: 0 0 0 4px #50b848;
}

/* line 201, ../scss/layout/_design_default.scss */
.ib-ef-2 {
  box-shadow: 0 0 0 4px #bd6dae;
}

/* line 204, ../scss/layout/_design_default.scss */
.ib-ef-2:after {
  background-color: #bd6dae;
}

/* line 208, ../scss/layout/_design_default.scss */
.ib-ef-2a:hover,
.feature-icon-hover:hover .ib-ef-2a {
  color: #ffffff;
}

/* line 213, ../scss/layout/_design_default.scss */
.ib-ef-2b:hover,
.feature-icon-hover:hover .ib-ef-2b {
  color: #bd6dae;
}

/* line 218, ../scss/layout/_design_default.scss */
.ib-ef-3 {
  box-shadow: 0 0 0 4px #bd6dae;
}

/* line 221, ../scss/layout/_design_default.scss */
.ib-ef-3:after {
  background-color: #bd6dae;
}

/* line 225, ../scss/layout/_design_default.scss */
.ib-ef-3a:hover,
.feature-icon-hover:hover .ib-ef-3a {
  color: #bd6dae;
}

/* line 230, ../scss/layout/_design_default.scss */
.ib-ef-3b {
  color: #bd6dae;
}

/* line 233, ../scss/layout/_design_default.scss */
.ib-ef-3b:hover,
.feature-icon-hover:hover .ib-ef-3b {
  color: #ffffff;
}

/* line 238, ../scss/layout/_design_default.scss */
.ib.icon-color-productview {
  background-color: #50b848;
  color: #ffffff;
}

/* line 242, ../scss/layout/_design_default.scss */
.ib-hover.icon-color-productview:hover,
.feature-icon-hover:hover .ib.icon-color-productview {
  background-color: #269d1d !important;
  color: #ffffff !important;
}

/* line 248, ../scss/layout/_design_default.scss */
.cap {
  background-color: #008bf1;
}

/* line 252, ../scss/layout/_design_default.scss */
.wrapper {
  border: none !important;
  background-color: #ffffff;
}

/* line 257, ../scss/layout/_design_default.scss */
.main {
  background-color: #ffffff;
}

/* line 261, ../scss/layout/_design_default.scss */
.truncated .item-options {
  background-color: #ffffff;
}

/* Slider arrows */
/* line 267, ../scss/layout/_design_default.scss */
.slideshow-wrapper .owl-controls .owl-buttons div,
.slideshow-wrapper.slider-pagination1 .owl-controls .owl-page span,
.slideshow-wrapper.slider-pagination2 .owl-controls .owl-page span,
.slideshow-wrapper.slider-pagination2 .owl-controls .owl-page.active span,
.slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page.active:hover span {
  background-color: #ffffff;
  color: #333333;
}

/* Slider arrows */
/* line 277, ../scss/layout/_design_default.scss */
.slideshow-wrapper .owl-controls.clickable .owl-buttons div:hover,
.slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.slideshow-wrapper.slider-pagination2 .owl-controls.clickable .owl-page:hover span {
  background-color: #000000;
  color: #ffffff;
}

/* line 284, ../scss/layout/_design_default.scss */
.slideshow-wrapper.slider-pagination1 .owl-controls .owl-page.active span,
.slideshow-wrapper.slider-pagination1 .owl-controls.clickable .owl-page.active:hover span {
  background-color: #de2666;
}

/* line 289, ../scss/layout/_design_default.scss */
.footer-container {
  background-color: #f7f7f7;
}

/* line 292, ../scss/layout/_design_default.scss */
.footer {
  background-color: #f7f7f7;
  color: #f7f7f7;
}
/* line 296, ../scss/layout/_design_default.scss */
.footer a {
  color: #ffffff;
}
/* line 299, ../scss/layout/_design_default.scss */
.footer a:hover {
  color: #3b3b3b;
}
/* line 303, ../scss/layout/_design_default.scss */
.footer .ib,
.footer span.icon {
  background-color: #50b848;
  color: #ffffff;
}
/* line 308, ../scss/layout/_design_default.scss */
.footer .ib-hover:hover,
.footer span.icon-hover:hover,
.footer .feature-icon-hover:hover .ib,
.footer .feature-icon-hover:hover span.icon {
  background-color: #444444 !important;
  color: #ffffff !important;
}

/* Slider arrows */
/* line 318, ../scss/layout/_design_default.scss */
.footer .slider-arrows1 .owl-controls .owl-buttons div,
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-arrows2 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls .owl-buttons div,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover,
.footer .slider-pagination1 .owl-controls .owl-page span,
.footer .slider-pagination2 .owl-controls .owl-page span,
.footer .accordion-style1 .opener,
.footer .collapsible .opener {
  background-color: #f5f5f5;
  color: #333333;
}

/* Slider arrows */
/* line 332, ../scss/layout/_design_default.scss */
.footer .slider-arrows1 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows2 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-arrows3 .owl-controls.clickable .owl-buttons div:hover,
.footer .slider-pagination1 .owl-controls.clickable .owl-page:hover span,
.footer .slider-pagination2 .owl-controls.clickable .owl-page:hover span,
.footer .accordion-style1 .opener:hover,
.footer .collapsible .opener:hover {
  background-color: #50b848;
  color: #ffffff;
}

/* line 343, ../scss/layout/_design_default.scss */
.footer-top {
  color: #ffffff;
}
/* line 346, ../scss/layout/_design_default.scss */
.footer-top a {
  color: #ffffff;
}
/* line 349, ../scss/layout/_design_default.scss */
.footer-top a:hover {
  color: #3b3b3b;
}

/* line 355, ../scss/layout/_design_default.scss */
.footer-primary-container {
  background-color: #50b848;
}

/* line 358, ../scss/layout/_design_default.scss */
.footer-primary {
  background-color: #50b848;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 364, ../scss/layout/_design_default.scss */
.footer-primary a {
  color: #ffffff;
}
/* line 367, ../scss/layout/_design_default.scss */
.footer-primary a:hover {
  color: #3b3b3b;
}
/* line 372, ../scss/layout/_design_default.scss */
.footer-primary .collapsible .block-title,
.footer-primary .mobile-collapsible .block-title {
  border-bottom: 0 none;
  font-weight: bold;
}
@media (max-width: 768px) {
  /* line 379, ../scss/layout/_design_default.scss */
  .footer-primary .mobile-collapsible .block-title:before {
    content: "+";
    margin-right: 10px;
  }
}

/* line 387, ../scss/layout/_design_default.scss */
.footer-bottom-container {
  background-color: #f7f7f7;
}

/* line 390, ../scss/layout/_design_default.scss */
.footer-bottom {
  color: #3b3b3b;
  padding-top: 20px;
  padding-bottom: 20px;
}
/* line 395, ../scss/layout/_design_default.scss */
.footer-bottom a {
  color: #3b3b3b;
}
/* line 398, ../scss/layout/_design_default.scss */
.footer-bottom a:hover {
  color: #50b848;
}

/* line 404, ../scss/layout/_design_default.scss */
.social-links .ib,
.social-links a > span.icon {
  background-color: #fff;
  color: #50b848;
}

/* line 409, ../scss/layout/_design_default.scss */
.social-links .ib-hover:hover,
.social-links a > span.icon-hover:hover {
  background-color: #388132 !important;
  color: #fff !important;
}

/*
 * Grid system
 */
/* Required overrides
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/**
 * Remove side padding from grid containers 
 * and override Bootstrap's default width values.
 */
/* line 15, ../scss/layout/_grid12.scss */
.container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* Set box sizing of all Bootstrap grid units */
/* line 22, ../scss/layout/_grid12.scss */
[class*="col-"] {
  box-sizing: border-box;
}

/* Additional optional features
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Column gutter
-------------------------------------------------------------- */
/**
 * Remove gutter (gaps between column content created 
 * via side padding) from selected grid units.
 */
/* line 41, ../scss/layout/_grid12.scss */
.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

/* line 46, ../scss/layout/_grid12.scss */
.no-left-gutter {
  padding-left: 0;
}

/* line 50, ../scss/layout/_grid12.scss */
.no-right-gutter {
  padding-right: 0;
}

/**
 * Add bottom gutter to all grid units inside the row
 */
/* line 58, ../scss/layout/_grid12.scss */
.row-bottom-gutter [class*="col-"] {
  margin-bottom: 30px;
}

/* line 62, ../scss/layout/_grid12.scss */
.row-bottom-gutter-half [class*="col-"] {
  margin-bottom: 15px;
}

/* Row outdent
-------------------------------------------------------------- */
/**
 * Rows in Bootstrap grid are outdented (with negative margin). It's so that
 * content within grid columns is lined up with non-grid content.
 * But sometimes (e.g. on CMS pages) we may need a row with no outdent 
 * so that edges of grid columns are lined up with non-grid content.
 * We can force this behavior with additional class.
 */
/* line 78, ../scss/layout/_grid12.scss */
.row.no-outdent,
.row-no-outdent {
  margin-left: 0;
  margin-right: 0;
}

/* Checkered grid
-------------------------------------------------------------- */
/**
 * Columns have a pattern of alternating rectangles of different 
 * background, i.e. 1st column have a background (light gray), 
 * 2nd column have no background, 3rd column have a background, 
 * and so on.
 * In even rows the 1st column starts with no background,
 * 2nd column have a background, and so on.
 */
/* line 97, ../scss/layout/_grid12.scss */
.row-checkered > *:nth-child(2n+1) {
  background-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.02);
}

/* line 102, ../scss/layout/_grid12.scss */
.row-checkered-even > *:nth-child(2n) {
  background-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.02);
}

/* Vertically centered grid
-------------------------------------------------------------- */
/* line 111, ../scss/layout/_grid12.scss */
.row-center-vertically > * {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  /* line 118, ../scss/layout/_grid12.scss */
  .row-center-vertically {
    display: table;
    width: 100%;
    text-align: center;
  }

  /* line 124, ../scss/layout/_grid12.scss */
  .row-center-vertically > * {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/* Infortis 12-column grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Grid units
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 142, ../scss/layout/_grid12.scss */
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full,
.grid-col2-sidebar,
.grid-col2-main {
  /*position:relative;*/
  display: inline;
  float: left;
  margin-left: 1%;
  margin-right: 1%;
}

/* Basic grid units width */
/* line 168, ../scss/layout/_grid12.scss */
.grid12-1 {
  width: 6.33%;
}

/* line 169, ../scss/layout/_grid12.scss */
.grid12-2 {
  width: 14.66%;
}

/* line 170, ../scss/layout/_grid12.scss */
.grid12-3 {
  width: 23%;
}

/* line 171, ../scss/layout/_grid12.scss */
.grid12-4 {
  width: 31.33%;
}

/* line 172, ../scss/layout/_grid12.scss */
.grid12-5 {
  width: 39.67%;
}

/* line 173, ../scss/layout/_grid12.scss */
.grid12-6 {
  width: 48%;
}

/* line 174, ../scss/layout/_grid12.scss */
.grid12-7 {
  width: 56.33%;
}

/* line 175, ../scss/layout/_grid12.scss */
.grid12-8 {
  width: 64.67%;
}

/* line 176, ../scss/layout/_grid12.scss */
.grid12-9 {
  width: 73%;
}

/* line 177, ../scss/layout/_grid12.scss */
.grid12-10 {
  width: 81.33%;
}

/* line 178, ../scss/layout/_grid12.scss */
.grid12-11 {
  width: 89.67%;
}

/* line 179, ../scss/layout/_grid12.scss */
.grid12-12,
.grid-full {
  width: 98%;
}

/* Grid units without left gutter (margin) */
/* line 183, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-1 {
  margin-left: 0;
  width: 7.33%;
}

/* line 184, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-2 {
  margin-left: 0;
  width: 15.66%;
}

/* line 185, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-3 {
  margin-left: 0;
  width: 24%;
}

/* line 186, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-4 {
  margin-left: 0;
  width: 32.33%;
}

/* line 187, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-5 {
  margin-left: 0;
  width: 40.67%;
}

/* line 188, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-6 {
  margin-left: 0;
  width: 49%;
}

/* line 189, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-7 {
  margin-left: 0;
  width: 57.33%;
}

/* line 190, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-8 {
  margin-left: 0;
  width: 65.67%;
}

/* line 191, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-9 {
  margin-left: 0;
  width: 74%;
}

/* line 192, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-10 {
  margin-left: 0;
  width: 82.33%;
}

/* line 193, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-11 {
  margin-left: 0;
  width: 90.67%;
}

/* line 194, ../scss/layout/_grid12.scss */
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full {
  margin-left: 0;
  width: 99%;
}

/* Grid units without right gutter (margin) */
/* line 198, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-1 {
  margin-right: 0;
  width: 7.33%;
}

/* line 199, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-2 {
  margin-right: 0;
  width: 15.66%;
}

/* line 200, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-3 {
  margin-right: 0;
  width: 24%;
}

/* line 201, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-4 {
  margin-right: 0;
  width: 32.33%;
}

/* line 202, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-5 {
  margin-right: 0;
  width: 40.67%;
}

/* line 203, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-6 {
  margin-right: 0;
  width: 49%;
}

/* line 204, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-7 {
  margin-right: 0;
  width: 57.33%;
}

/* line 205, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-8 {
  margin-right: 0;
  width: 65.67%;
}

/* line 206, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-9 {
  margin-right: 0;
  width: 74%;
}

/* line 207, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-10 {
  margin-right: 0;
  width: 82.33%;
}

/* line 208, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-11 {
  margin-right: 0;
  width: 90.67%;
}

/* line 209, ../scss/layout/_grid12.scss */
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full {
  margin-right: 0;
  width: 99%;
}

/* Grid units without any gutter (margin) */
/* line 213, ../scss/layout/_grid12.scss */
.no-gutter.grid12-1 {
  margin-left: 0;
  margin-right: 0;
  width: 8.33%;
}

/* line 214, ../scss/layout/_grid12.scss */
.no-gutter.grid12-2 {
  margin-left: 0;
  margin-right: 0;
  width: 16.66%;
}

/* line 215, ../scss/layout/_grid12.scss */
.no-gutter.grid12-3 {
  margin-left: 0;
  margin-right: 0;
  width: 25%;
}

/* line 216, ../scss/layout/_grid12.scss */
.no-gutter.grid12-4 {
  margin-left: 0;
  margin-right: 0;
  width: 33.33%;
}

/* line 217, ../scss/layout/_grid12.scss */
.no-gutter.grid12-5 {
  margin-left: 0;
  margin-right: 0;
  width: 41.67%;
}

/* line 218, ../scss/layout/_grid12.scss */
.no-gutter.grid12-6 {
  margin-left: 0;
  margin-right: 0;
  width: 50%;
}

/* line 219, ../scss/layout/_grid12.scss */
.no-gutter.grid12-7 {
  margin-left: 0;
  margin-right: 0;
  width: 58.33%;
}

/* line 220, ../scss/layout/_grid12.scss */
.no-gutter.grid12-8 {
  margin-left: 0;
  margin-right: 0;
  width: 66.67%;
}

/* line 221, ../scss/layout/_grid12.scss */
.no-gutter.grid12-9 {
  margin-left: 0;
  margin-right: 0;
  width: 75%;
}

/* line 222, ../scss/layout/_grid12.scss */
.no-gutter.grid12-10 {
  margin-left: 0;
  margin-right: 0;
  width: 83.33%;
}

/* line 223, ../scss/layout/_grid12.scss */
.no-gutter.grid12-11 {
  margin-left: 0;
  margin-right: 0;
  width: 91.67%;
}

/* line 224, ../scss/layout/_grid12.scss */
.no-gutter.grid12-12,
.no-gutter.grid-full {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: 
   sidebar unit (fixed-width) and main unit (fluid).
   Sidebar unit has the same width for all viewports above 1280px.
   Width of the main unit is fluid.
*/
/* line 234, ../scss/layout/_grid12.scss */
.grid-col2-sidebar {
  width: 23%;
}

/* line 235, ../scss/layout/_grid12.scss */
.grid-col2-main {
  width: 73%;
}

/* line 237, ../scss/layout/_grid12.scss */
.no-gutter.grid-col2-sidebar {
  margin-left: 0;
  margin-right: 0;
  width: 25%;
}

/* line 238, ../scss/layout/_grid12.scss */
.no-gutter.grid-col2-main {
  margin-left: 0;
  margin-right: 0;
  width: 75%;
}

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
/* line 241, ../scss/layout/_grid12.scss */
.grid-col3-sidebar {
  width: 31.52%;
}

/* line 242, ../scss/layout/_grid12.scss */
.grid-col3-main {
  width: 65.90%;
}

/* line 244, ../scss/layout/_grid12.scss */
.no-gutter.grid-col3-sidebar {
  margin-left: 0;
  margin-right: 0;
  width: 31.52%;
}

/* line 245, ../scss/layout/_grid12.scss */
.no-gutter.grid-col3-main {
  margin-left: 0;
  margin-right: 0;
  width: 65.90%;
}

/* New 2 and 3 columns layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*  Required initial styles
-------------------------------------------------------------- */
/* line 254, ../scss/layout/_grid12.scss */
.columns .column-main {
  padding-left: 0;
  padding-right: 0;
  min-height: 370px;
}

/* line 259, ../scss/layout/_grid12.scss */
.columns .sidebar-main {
  padding-right: 2%;
}

/* line 262, ../scss/layout/_grid12.scss */
.columns .sidebar-additional {
  padding-left: 2%;
  clear: right;
}

/* line 267, ../scss/layout/_grid12.scss */
.columns .column-main,
.columns .sidebar-main,
.columns .sidebar-additional {
  box-sizing: border-box;
}

/* Remove column inner margin */
/* line 274, ../scss/layout/_grid12.scss */
.columns .sidebar-main > * {
  margin-right: 0;
}

/* line 277, ../scss/layout/_grid12.scss */
.columns .sidebar-additional > * {
  margin-left: 0;
}

/* Basic column styles
-------------------------------------------------------------- */
/* line 283, ../scss/layout/_grid12.scss */
.columns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  box-sizing: border-box;
}

/* line 293, ../scss/layout/_grid12.scss */
.columns .column-main {
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

/* line 304, ../scss/layout/_grid12.scss */
.columns .sidebar-main {
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

/* line 315, ../scss/layout/_grid12.scss */
.columns .sidebar-additional {
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -ms-flex-order: 2;
  -webkit-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

/* 3 columns
-------------------------------------------------------------- */
/* line 329, ../scss/layout/_grid12.scss */
.page-layout-3columns .column-main {
  width: 66.66666667%;
  display: inline-block;
  -ms-flex-order: 2;
  -webkit-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

/* line 336, ../scss/layout/_grid12.scss */
.page-layout-3columns .sidebar-main {
  width: 16.66666667%;
  float: left;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

/* line 343, ../scss/layout/_grid12.scss */
.page-layout-3columns .sidebar-additional {
  width: 16.66666667%;
  float: right;
  -ms-flex-order: 3;
  -webkit-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

/* 2 columns - left
-------------------------------------------------------------- */
/* line 353, ../scss/layout/_grid12.scss */
.page-layout-2columns-left .column-main {
  width: 77.16666667%;
  float: right;
  -ms-flex-order: 2;
  -webkit-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

/* line 360, ../scss/layout/_grid12.scss */
.page-layout-2columns-left .sidebar-main {
  width: 22.83333333%;
  float: left;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

/* line 367, ../scss/layout/_grid12.scss */
.page-layout-2columns-left .sidebar-additional {
  width: 22.83333333%;
  float: right;
  -ms-flex-order: 2;
  -webkit-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

/* Additional sidebar goes left - adjust padding */
/* line 376, ../scss/layout/_grid12.scss */
.page-layout-2columns-left .sidebar-additional {
  padding-right: 2%;
  padding-left: 0;
  clear: left;
  float: left;
}

/* 2 columns - right
-------------------------------------------------------------- */
/* line 385, ../scss/layout/_grid12.scss */
.page-layout-2columns-right .column-main {
  width: 79.16666667%;
  float: left;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

/* line 392, ../scss/layout/_grid12.scss */
.page-layout-2columns-right .sidebar-main {
  width: 20.83333333%;
  float: left;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

/* line 399, ../scss/layout/_grid12.scss */
.page-layout-2columns-right .sidebar-additional {
  width: 20.83333333%;
  float: right;
  -ms-flex-order: 2;
  -webkit-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

/* Main sidebar goes right - adjust padding */
/* line 408, ../scss/layout/_grid12.scss */
.page-layout-2columns-right .sidebar-main {
  padding-right: 0;
  padding-left: 2%;
}

/* Required overrides
-------------------------------------------------------------- */
/* Important: required after other styles to override the display for the columns container */
/* line 416, ../scss/layout/_grid12.scss */
.columns {
  display: block;
}

/* Additional overrides
-------------------------------------------------------------- */
/* Additional override: main column can't float in 3-column layout */
/* line 424, ../scss/layout/_grid12.scss */
.page-layout-3columns .column-main {
  float: none;
}

/* Vertically aligned grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 432, ../scss/layout/_grid12.scss */
.v-grid-container {
  display: table;
  width: 100%;
}

/* line 436, ../scss/layout/_grid12.scss */
.v-grid {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

/* Utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
/* line 447, ../scss/layout/_grid12.scss */
.alpha {
  margin-left: 0;
}

/* line 448, ../scss/layout/_grid12.scss */
.omega {
  margin-right: 0;
}

/* Hide element if screen width is lower than the width specified in the class name */
/* line 451, ../scss/layout/_grid12.scss */
.hide-below-1680 {
  display: none !important;
}

/* line 452, ../scss/layout/_grid12.scss */
.hide-below-1440 {
  display: none !important;
}

/* line 453, ../scss/layout/_grid12.scss */
.hide-below-1360 {
  display: none !important;
}

/* line 454, ../scss/layout/_grid12.scss */
.hide-below-1280 {
  display: none !important;
}

/* Basic page layout container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Main container for page content.
   Max width of the page is applied to elements with this class.
-------------------------------------------------------------- */
/* line 463, ../scss/layout/_grid12.scss */
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* Deprecated */
/* line 471, ../scss/layout/_grid12.scss */
.nested-container {
  width: 102%;
  margin-left: -1%;
}

/* Inner container.
   Additional container, horizontal padding is applied to elements with this class.
-------------------------------------------------------------- */
/* line 479, ../scss/layout/_grid12.scss */
.inner-container {
  padding-left: 15px;
  padding-right: 15px;
  /* Clear floats */
  *zoom: 1;
  clear: both;
}

/* Clear floats */
/* line 488, ../scss/layout/_grid12.scss */
.inner-container:before,
.inner-container:after {
  display: table;
  line-height: 0;
  content: "";
}

/* line 490, ../scss/layout/_grid12.scss */
.inner-container:after {
  clear: both;
}

/* Full width container
-------------------------------------------------------------- */
/* line 494, ../scss/layout/_grid12.scss */
.container.full-width {
  width: 100%;
  max-width: none;
}

/* Expanded container (without inner side padding)
-------------------------------------------------------------- */
/* line 501, ../scss/layout/_grid12.scss */
.container.no-side-padding > .inner-container {
  padding-left: 0;
  padding-right: 0;
}

/* Grid units containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Grid units container:
   clears floats (place grid units inside "div" with this class)
-------------------------------------------------------------- */
/* line 514, ../scss/layout/_grid12.scss */
.grid-container {
  *zoom: 1;
  clear: both;
}

/* line 515, ../scss/layout/_grid12.scss */
.grid-container:before,
.grid-container:after {
  display: table;
  line-height: 0;
  content: "";
}

/* line 517, ../scss/layout/_grid12.scss */
.grid-container:after {
  clear: both;
}

/* Grid unit container:
   clears floats and adds vertical margin between units
-------------------------------------------------------------- */
/* line 522, ../scss/layout/_grid12.scss */
.grid-container-spaced {
  *zoom: 1;
  clear: both;
}

/* line 523, ../scss/layout/_grid12.scss */
.grid-container-spaced:before,
.grid-container-spaced:after {
  display: table;
  line-height: 0;
  content: "";
}

/* line 525, ../scss/layout/_grid12.scss */
.grid-container-spaced:after {
  clear: both;
}

/* line 526, ../scss/layout/_grid12.scss */
.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full {
  margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
/* line 545, ../scss/layout/_grid12.scss */
.show-grid [class*="grid12-"] {
  background-color: #eee;
  text-align: center;
  min-height: 40px;
  line-height: 40px;
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
}

/* line 555, ../scss/layout/_grid12.scss */
.show-grid [class*="grid12-"]:hover {
  background-color: #F08080;
}

/* line 558, ../scss/layout/_grid12.scss */
.footer-primary-container .grid12-3 {
  width: 18%;
}
/* line 560, ../scss/layout/_grid12.scss */
.footer-primary-container .grid12-3:last-child {
  width: 38%;
}
@media (min-width: 992px) {
  /* line 558, ../scss/layout/_grid12.scss */
  .footer-primary-container .grid12-3 {
    width: 20%;
  }
  /* line 565, ../scss/layout/_grid12.scss */
  .footer-primary-container .grid12-3:last-child {
    width: 32%;
  }
}
@media (min-width: 1200px) {
  /* line 558, ../scss/layout/_grid12.scss */
  .footer-primary-container .grid12-3 {
    width: 22%;
  }
  /* line 571, ../scss/layout/_grid12.scss */
  .footer-primary-container .grid12-3:last-child {
    width: 26%;
  }
}

/* ============================================ *
 * Global
 * ============================================ */
/* line 9, ../scss/layout/_global.scss */
.modal .loader {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
/* line 16, ../scss/layout/_global.scss */
.modal .loader:before, .modal .loader:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 10px solid transparent;
  border-top-color: #50b848;
}
/* line 29, ../scss/layout/_global.scss */
.modal .loader:before {
  z-index: 100;
  -webkit-animation: spin 1s infinite;
          animation: spin 1s infinite;
}
/* line 34, ../scss/layout/_global.scss */
.modal .loader:after {
  border: 10px solid #ccc;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* line 59, ../scss/layout/_global.scss */
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/* line 67, ../scss/layout/_global.scss */
.truncate-3-row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.2em;
  max-height: 3.6em;
}

/* line 77, ../scss/layout/_global.scss */
.truncate-2-row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.2em;
  max-height: 3.6em;
}

/* line 87, ../scss/layout/_global.scss */
.truncate-1-row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.2em;
  max-height: 3.6em;
}

/**
 * Override styles configured via admin panel
 */
/* Icons with no background
-------------------------------------------------------------- */
/* Toolbar */
/* line 8, ../scss/override/_override-config.scss */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover {
  background-color: transparent;
}

/* Other icons
-------------------------------------------------------------- */
/* Add-to links icons in product grid - square, no rounding */
/* line 20, ../scss/override/_override-config.scss */
.products-grid .addto-links-icons span.icon {
  border-radius: 0;
}

/* Pager */
/* line 25, ../scss/override/_override-config.scss */
.pager .pages li a {
  background-color: #f5f5f5;
}

/* Add-to links */
/* line 30, ../scss/override/_override-config.scss */
.addto-links-icons .ic {
  background-color: #fff;
}

/**
 * Override modules
 */
/**
 * Override all Magento base styles.
 * Add theme-specific styles.
 */
/**
 *
 *
 * OVERRIDE/EXTEND styles.css
 *
 *
 */
/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Additional margin for sidebars
-------------------------------------------------------------- */
/* line 18, ../scss/override/_override-theme.scss */
.col-left > *,
.col-left .widget-static-block {
  margin-right: 32px;
}

/* line 22, ../scss/override/_override-theme.scss */
.col-right > *,
.col-right .widget-static-block {
  margin-left: 32px;
}

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 30, ../scss/override/_override-theme.scss */
.page-title h1,
.page-title h2 {
  margin: 0;
  min-height: 1.3125em;
  /* 42px. Has to ba aligned with ".block .block-title" */
}

/* line 34, ../scss/override/_override-theme.scss */
.category-title {
  margin-bottom: 0;
}

/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 41, ../scss/override/_override-theme.scss */
.note-msg.empty-catalog {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important;
  color: inherit;
  min-height: 70px;
  padding: 40px 20px 40px 160px !important;
}

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 52, ../scss/override/_override-theme.scss */
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
  padding-left: 0;
  list-style: none;
}

/* line 58, ../scss/override/_override-theme.scss */
.block-viewed .block-content li.item,
.block-compare .block-content li.item,
.block-compared .block-content li.item {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/bullet.png) no-repeat 3px 10px;
  padding-left: 15px;
}

/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 69, ../scss/override/_override-theme.scss */
.block-account .block-title {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/ic-account.png) 5px 2px no-repeat;
  padding-left: 42px !important;
}

/* line 73, ../scss/override/_override-theme.scss */
.block-account .block-content {
  padding: 10px 0 0;
}

/* line 76, ../scss/override/_override-theme.scss */
.block-account li > * {
  padding: 2px;
}

/* line 79, ../scss/override/_override-theme.scss */
.block-account li.current strong {
  font-weight: bold;
}

/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 86, ../scss/override/_override-theme.scss */
.products-grid .item {
  -webkit-tap-highlight-color: transparent;
}

/* Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Bundle product */
/* line 94, ../scss/override/_override-theme.scss */
.price-box-bundle {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px 0 15px;
  /* Move up to align with the main price box */
  padding-bottom: 15px;
}

/* Main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Margin before price box */
/* line 104, ../scss/override/_override-theme.scss */
.product-view .space-before-avail {
  margin: 0 0 15px;
  height: 0;
  line-height: 0;
}

/* Upper part of the container */
/* line 107, ../scss/override/_override-theme.scss */
.product-view .product-type-data > .price-box {
  border-top-style: solid;
  border-top-width: 1px;
  margin: 15px 0 0;
  padding: 10px 0;
}

/* New elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 118, ../scss/override/_override-theme.scss */
.product-view .sku {
  margin: 15px 0;
}

/* line 119, ../scss/override/_override-theme.scss */
.product-view .sku .label {
  font-weight: bold;
}

/* Product type specific data
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 125, ../scss/override/_override-theme.scss */
.product-view .is-type-grouped .availability {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 126, ../scss/override/_override-theme.scss */
.product-view .grouped-items-table input.input-text {
  height: 26px;
  padding: 4px;
  /* Decrease default height and padding */
}

/* Collapsible blocks.
   Set position and other properties of arrow icon.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Different types of collapsible blocks share the same styles */
/* Generic tabs - accordion */
/* line 137, ../scss/override/_override-theme.scss */
.gen-tabs .acctab:after,
.collapsible .block-title:after,
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after {
  float: right;
  font-size: 22px;
}

/* Blocks collapsible only on mobile - hide arrow */
/* line 147, ../scss/override/_override-theme.scss */
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after {
  display: none !important;
}

/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - full width */
/* line 157, ../scss/override/_override-theme.scss */
.cart-left-column .grid-full,
.cart-right-column .grid-full {
  width: 100%;
}

/* *************************************************************************************************************
****************************************************************************************************************
 Override CSS components ***************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* Accordion/collapsible openers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 173, ../scss/override/_override-theme.scss */
.accordion .opener,
.acco .opener,
.collapsible .opener {
  /* Override default background image */
  background-image: none !important;
  /* Icon size */
  font-size: 12px;
}

/* Colorbox
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 188, ../scss/override/_override-theme.scss */
#cboxPrevious,
#cboxNext,
#cboxClose {
  /* Override default background image */
  background-image: none !important;
  /* Icon size */
  font-size: 20px;
}

/* line 197, ../scss/override/_override-theme.scss */
#cboxClose {
  font-size: 16px;
}

/* Generic-nav
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Styles common for all direction controls */
/* line 207, ../scss/override/_override-theme.scss */
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div {
  /* Override default background image and remove text indent */
  background-image: none !important;
  background-color: transparent !important;
  text-indent: 0;
  /* Icon size */
  font-size: 20px;
}
@media (max-width: 767px) {
  /* line 207, ../scss/override/_override-theme.scss */
  .slider-arrows1 .owl-controls .owl-buttons div,
  .slider-arrows2 .owl-controls .owl-buttons div,
  .slider-arrows3 .owl-controls .owl-buttons div {
    background: #50b848 !important;
  }
  /* line 221, ../scss/override/_override-theme.scss */
  .slider-arrows1 .owl-controls .owl-buttons div:before,
  .slider-arrows2 .owl-controls .owl-buttons div:before,
  .slider-arrows3 .owl-controls .owl-buttons div:before {
    color: #fff !important;
  }
}

/* *************************************************************************************************************
****************************************************************************************************************
 BUILT-IN STATIC BLOCKS ****************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* line 233, ../scss/override/_override-theme.scss */
.block_category_above_collection {
  margin: 10px 0;
}

/* line 234, ../scss/override/_override-theme.scss */
.block_category_below_collection {
  margin: 10px 0;
}

/* line 235, ../scss/override/_override-theme.scss */
.block_category_above_empty_collection {
  margin: 10px 0;
}

/* line 236, ../scss/override/_override-theme.scss */
.block_mini_cart_above_products {
  margin: 0 0 10px;
}

/* line 237, ../scss/override/_override-theme.scss */
.block_cms_page_top {
  margin: 0 0 15px;
}

/* line 238, ../scss/override/_override-theme.scss */
.block_footer_payment {
  margin-bottom: 10px;
  margin-left: 20px;
}

/* *************************************************************************************************************
****************************************************************************************************************
 HIGH-RESOLUTION READY IMAGES (RETINA-READY) *******************************************************************
****************************************************************************************************************
************************************************************************************************************* */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (-ms-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Rating */
  /* line 255, ../scss/override/_override-theme.scss */
  .rating-box,
  .rating-box .rating {
    background-image: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/img/rating@2x.png);
    background-size: 14px 43px;
  }
}
/* Affiliateplus stylesheet */
/* line 2, ../scss/module/_affiliateplus.scss */
.affiliate_message {
  margin: 10px 0 0 0;
}

/* line 6, ../scss/module/_affiliateplus.scss */
.affiliateplus-account-bottom .col-button {
  text-align: center;
  padding-left: 0;
  margin-left: 0 !important;
}
/* line 11, ../scss/module/_affiliateplus.scss */
.affiliateplus-account-bottom button.form-button {
  border: none;
  background: none;
  box-shadow: none;
  float: left;
  width: 160px;
  height: 53px;
  margin: 10px 0;
}
/* line 20, ../scss/module/_affiliateplus.scss */
.affiliateplus-account-bottom button.form-button span {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  width: 160px;
  height: 53px;
  line-height: 53px;
  padding: 0 53px 0 20px;
  margin: 0;
  float: left;
  border-radius: 5px;
  text-align: left;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
/* line 36, ../scss/module/_affiliateplus.scss */
.affiliateplus-account-bottom button.form-button:hover span, .affiliateplus-account-bottom button.form-button:focus span {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 41, ../scss/module/_affiliateplus.scss */
.affiliateplus-account-bottom button.form-button.btn-login span {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/bg-btn.png) no-repeat right -7px #E05435;
}
/* line 44, ../scss/module/_affiliateplus.scss */
.affiliateplus-account-bottom button.form-button.btn-signup span {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/bg-btn.png) no-repeat right -71px #8ec549;
}
/* line 47, ../scss/module/_affiliateplus.scss */
.affiliateplus-account-bottom button.form-button.btn-contact span {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/bg-btn.png) no-repeat right -142px #0081ba;
}

/* Banner-Links */
/* line 54, ../scss/module/_affiliateplus.scss */
#banner-view-list li.banner-view-item {
  border-top: 2px solid #CCCCCC;
  margin-bottom: 45px;
}
/* line 58, ../scss/module/_affiliateplus.scss */
#banner-view-list li.banner-view-item span.share {
  float: right;
}
/* line 61, ../scss/module/_affiliateplus.scss */
#banner-view-list li.banner-view-item .aff-link-over {
  width: 98%;
  overflow: auto;
}

/* Referer */
/* line 69, ../scss/module/_affiliateplus.scss */
#referer_grid thead th a {
  color: #0A263C;
}
/* line 72, ../scss/module/_affiliateplus.scss */
#referer_grid thead th a:hover {
  color: #0A263C;
}

/* Miniform request money */
/* line 79, ../scss/module/_affiliateplus.scss */
.affiliateplus_form_request {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
/* line 84, ../scss/module/_affiliateplus.scss */
.affiliateplus_form_request #request_amount {
  color: #686868;
}

/* Tiers */
/* line 91, ../scss/module/_affiliateplus.scss */
#tiers_grid thead th a {
  color: #0A263C;
}
/* line 94, ../scss/module/_affiliateplus.scss */
#tiers_grid thead th a:hover {
  color: #0A263C;
}

/* Payment Method */
/* line 101, ../scss/module/_affiliateplus.scss */
li.payment_method_form {
  margin-left: 21px;
  *float: left;
  *width: 100%;
}

/* line 107, ../scss/module/_affiliateplus.scss */
#account-new-address-form li.wide,
#account-new-address-form div.field {
  width: 50%;
  float: left;
}
/* line 112, ../scss/module/_affiliateplus.scss */
#account-new-address-form li.field {
  width: 100%;
}

/* line 117, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form .fieldset {
  float: left;
  padding: 0 0 12px 0;
  background: #fff;
  border: 1px solid #ececec;
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0;
}
/* line 126, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form .authentication-comment {
  margin: 0;
  padding: 0 0 0 13px;
  font-size: 11px;
}
/* line 131, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form input.radio {
  float: left;
  margin: 3px 5px 0 0;
}
/* line 136, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form .form-group .verified {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_msg-success.gif) no-repeat 0 0;
  margin-top: 8px;
}
/* line 140, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form .form-group .verified a {
  padding-left: 25px;
  color: #446423 !important;
  text-decoration: none;
  cursor: default;
}
/* line 146, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form .form-group .verified a:hover {
  text-decoration: none;
}
/* line 153, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form .field .required-email {
  float: right;
  margin-top: -20px;
}
/* line 157, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form .field .not-verified {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_msg-error.gif) no-repeat;
  margin-top: 30px;
}
/* line 161, ../scss/module/_affiliateplus.scss */
#affiliateplus_payment_request_form .field .not-verified a {
  padding-left: 20px;
  text-decoration: none;
  color: red;
  cursor: default;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_msg-error.gif) no-repeat;
}

/* line 171, ../scss/module/_affiliateplus.scss */
.affiliateplus-action-gray {
  background: #ACABAB !important;
  border: 1px solid #ACABAB !important;
}

/*  Contact Group */
/* line 177, ../scss/module/_affiliateplus.scss */
#group-table tr {
  cursor: pointer;
}
/* line 180, ../scss/module/_affiliateplus.scss */
#group-table tr:hover {
  background-color: #FCF5DD;
}

/* Commissions */
/* line 186, ../scss/module/_affiliateplus.scss */
ul.affiliate-commission-tab {
  height: 27px;
  font-weight: bold;
  margin-top: 10px;
}
/* line 192, ../scss/module/_affiliateplus.scss */
ul.affiliate-commission-tab li a {
  text-decoration: none;
  color: #999;
}
/* line 196, ../scss/module/_affiliateplus.scss */
ul.affiliate-commission-tab li.affiliate-tab-item {
  float: left;
  height: 20px;
  border: 1px solid #E2E2E2;
  border-bottom: 0;
  margin: 1px 2px;
  padding: 3px 6px;
  background-color: #E2E2E2;
}
/* line 205, ../scss/module/_affiliateplus.scss */
ul.affiliate-commission-tab li.active-tab {
  font-size: 1.1em;
  background-color: #FFF;
  color: #DE5400;
}

/* End commissions */
/* Search Grid Style */
/* line 216, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-title th {
  background-image: none;
  border-bottom: 1px solid #C2D3E0;
}
/* line 221, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search th {
  vertical-align: top;
}
/* line 224, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item {
  padding-bottom: 2px;
}
/* line 227, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .search-text {
  width: 97%;
}
/* line 230, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container {
  float: left;
  padding-bottom: 2px;
}
/* line 234, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container .from-price,
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container .to-price {
  min-width: 100px;
}
/* line 239, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range {
  min-width: 121px;
  min-height: 18px;
  margin-bottom: 3px;
}
/* line 244, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range .label {
  display: block;
  width: 36px;
  float: left;
}
/* line 249, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range img {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
/* line 254, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range input.range-text {
  float: right;
  width: 50px;
  padding: 1px;
}
/* line 260, ../scss/module/_affiliateplus.scss */
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item select {
  width: 100%;
}

/* line 266, ../scss/module/_affiliateplus.scss */
.affiliateplus-search-button {
  padding-bottom: 5px;
  text-align: right;
}

/* End Search */
/* End */
/*==========Custom Credit by Crystal===========*/
/* line 275, ../scss/module/_affiliateplus.scss */
.affiliate-page input[type=email],
.affiliate-page input[type=search],
.affiliate-page input[type=number],
.affiliate-page input[type=password],
.affiliate-page input[type=tel],
.affiliate-page input[type=text],
.affiliate-page select.form-control {
  width: 100%;
  margin-top: 0;
}
/* line 285, ../scss/module/_affiliateplus.scss */
.affiliate-page #affiliateplusstatistic-filter select.form-control {
  width: 90%;
}
/* line 288, ../scss/module/_affiliateplus.scss */
.affiliate-page h2.legend {
  font-size: 25px !important;
}
/* line 291, ../scss/module/_affiliateplus.scss */
.affiliate-page h2,
.affiliate-page .popup-content h2,
.affiliate-page .aff-main-content .block .block-title strong {
  color: #444 !important;
  font-size: 17px;
  padding: 10px 0;
  font-weight: 600;
  margin: 0;
  text-transform: none;
  background: #fff !important;
  display: block;
  border-style: none;
}
/* line 304, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .block .block-title strong:after {
  border-left: none;
}
/* line 307, ../scss/module/_affiliateplus.scss */
.affiliate-page .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
/* line 328, ../scss/module/_affiliateplus.scss */
.affiliate-page .form-group {
  float: left;
  width: 100%;
}
/* line 332, ../scss/module/_affiliateplus.scss */
.affiliate-page .form-group.change-password {
  margin-top: 15px;
}
/* line 335, ../scss/module/_affiliateplus.scss */
.affiliate-page .form-group select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: none;
}
/* line 348, ../scss/module/_affiliateplus.scss */
.affiliate-page .form-group .label-title {
  padding-left: 15px;
  padding-bottom: 10px;
}
/* line 353, ../scss/module/_affiliateplus.scss */
.affiliate-page .account-name {
  float: left;
  margin-right: 5px;
}
/* line 358, ../scss/module/_affiliateplus.scss */
.affiliate-page .box {
  width: 100% !important;
  display: inline-block;
  height: auto;
  border: 0;
}

/* line 367, ../scss/module/_affiliateplus.scss */
#discount-affiliateplus-form h2.legend {
  color: #fff;
  font-size: 14px;
  padding: 7px 15px 7px 60px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/custom.png") no-repeat;
}
/* line 376, ../scss/module/_affiliateplus.scss */
#discount-affiliateplus-form .discount {
  padding: 0;
  border: 1px solid #d0cbc1;
  margin: 0 0 18px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
/* line 384, ../scss/module/_affiliateplus.scss */
#discount-affiliateplus-form .discount-form {
  padding: 12px 15px;
  float: left;
}
/* line 388, ../scss/module/_affiliateplus.scss */
#discount-affiliateplus-form #affiliateplus_credit {
  float: left;
  margin-top: 3px;
}
/* line 392, ../scss/module/_affiliateplus.scss */
#discount-affiliateplus-form .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
/* line 397, ../scss/module/_affiliateplus.scss */
#discount-affiliateplus-form .btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

/* line 406, ../scss/module/_affiliateplus.scss */
#checkout-step-payment .affiliateplus_credit {
  float: left;
  width: 100%;
}
/* line 410, ../scss/module/_affiliateplus.scss */
#checkout-step-payment #affiliateplus_credit {
  float: left;
  margin-top: 4px;
}

/* line 415, ../scss/module/_affiliateplus.scss */
#discount-affiliateplus-form .affiliateplus_credit label,
#checkout-step-payment .affiliateplus_credit label {
  float: left;
  width: 90%;
  margin-left: 5px;
}

/*============Popup request payment=============*/
/* line 423, ../scss/module/_affiliateplus.scss */
.affiliateplus-index-paymentform #tinybox {
  right: 0 !important;
  left: 0 !important;
  margin: auto !important;
}

/* line 428, ../scss/module/_affiliateplus.scss */
#verify-email-form #authentication_code {
  float: left;
  width: 70%;
  left: 0;
  right: 0;
  margin: auto;
}

/* line 435, ../scss/module/_affiliateplus.scss */
#tinybox #verify-email-form {
  width: 100%;
  float: left;
}

/*=============Checkout-affiliate=============*/
/* line 441, ../scss/module/_affiliateplus.scss */
.img-reload {
  width: 30px;
  height: 30px;
}

/* line 446, ../scss/module/_affiliateplus.scss */
.affiliateplus-discount-code .title-spending {
  float: left;
}
/* line 449, ../scss/module/_affiliateplus.scss */
.affiliateplus-discount-code .style-form {
  float: right;
  margin-left: 10px;
}
/* line 453, ../scss/module/_affiliateplus.scss */
.affiliateplus-discount-code .using_credit {
  cursor: pointer;
  float: left;
  margin-left: 10px;
}
/* line 458, ../scss/module/_affiliateplus.scss */
.affiliateplus-discount-code .img-edit {
  margin-top: 5px;
  float: right;
  margin-left: 5px;
}
/* line 463, ../scss/module/_affiliateplus.scss */
.affiliateplus-discount-code .image-success {
  margin-top: 5px;
  float: right;
  margin-left: 10px;
}

/*======== My widgets========*/
/* line 471, ../scss/module/_affiliateplus.scss */
.affiliate-list-widgets tbody textarea {
  outline: 0;
}

/* line 476, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-get-link {
  padding: 0;
  margin: 28px 0;
}
/* line 480, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-get-link .box-all {
  border: 1px solid #e7e7e7;
  float: left;
  width: 100%;
}
/* line 485, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-get-link .form-list {
  padding-top: 40px;
  margin: 30px 20px;
}
/* line 490, ../scss/module/_affiliateplus.scss */
.affiliate-page #affiliate-page-link {
  margin-bottom: 5px;
}
/* line 493, ../scss/module/_affiliateplus.scss */
.affiliate-page #banner-view-list li.banner-view-item {
  border: 1px solid #e7e7e7;
}

/*******detail lead********/
/* line 501, ../scss/module/_affiliateplus.scss */
.affiliate-page #payperlead-url-form .fieldset {
  border: 1px solid #e7e7e7;
  padding: 0;
  margin: 28px 0;
}
/* line 506, ../scss/module/_affiliateplus.scss */
.affiliate-page #payperlead-url-form .fieldset .form-list {
  padding-top: 40px;
  margin: 20px;
}
/* line 510, ../scss/module/_affiliateplus.scss */
.affiliate-page #payperlead-url-form .fieldset .form-list li {
  margin: 0;
}
/* line 513, ../scss/module/_affiliateplus.scss */
.affiliate-page #payperlead-url-form .fieldset .form-list input#use-personal-url {
  margin: 0;
  vertical-align: middle;
}
/* line 517, ../scss/module/_affiliateplus.scss */
.affiliate-page #payperlead-url-form .fieldset .form-list label {
  float: none;
  padding: 0;
}
/* line 524, ../scss/module/_affiliateplus.scss */
.affiliate-page .buttons-set-aff {
  margin-left: 15px;
  margin-bottom: 10px;
}
/* line 528, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .actions {
  padding-left: 20px;
  padding-bottom: 20px;
}

/*============Setting page=============*/
/* line 535, ../scss/module/_affiliateplus.scss */
.signup_affiliate_account_form {
  border: 1px solid #ececec;
}
/* line 538, ../scss/module/_affiliateplus.scss */
.signup_affiliate_account_form .form-group input.checkbox {
  float: left;
  width: auto;
  margin-right: 5px;
}

/************Report***************/
/* line 547, ../scss/module/_affiliateplus.scss */
#affiliateplusstatistic-filter input.aff-date {
  width: 90%;
  float: left;
}
/* line 551, ../scss/module/_affiliateplus.scss */
#affiliateplusstatistic-filter #report-filter {
  border: 1px solid #ececec;
  padding-bottom: 10px;
}
/* line 555, ../scss/module/_affiliateplus.scss */
#affiliateplusstatistic-filter #date_picker_from,
#affiliateplusstatistic-filter #date_picker_to {
  float: left;
  margin: 10px 0 0 5px;
}
/* line 560, ../scss/module/_affiliateplus.scss */
#affiliateplusstatistic-filter .form-group label {
  width: 100%;
}

/******* Balance ********/
/* line 567, ../scss/module/_affiliateplus.scss */
.affiliate-page label.required:after,
.affiliate-page span.required:after {
  content: '';
}
/* line 571, ../scss/module/_affiliateplus.scss */
.affiliate-page #tinymask {
  z-index: 9999;
}
/* line 574, ../scss/module/_affiliateplus.scss */
.affiliate-page #tinybox {
  z-index: 10000;
  /*max-width:100%;*/
}
/* line 579, ../scss/module/_affiliateplus.scss */
.affiliate-page .messages.col-xs-12,
.affiliate-page .messages.col-sm-12,
.affiliate-page .messages.col-md-12,
.affiliate-page .messages.col-lg-12 {
  padding-left: 0;
}

/****Popup****/
/* line 588, ../scss/module/_affiliateplus.scss */
.bg-fade {
  float: left;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #000;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

/* line 600, ../scss/module/_affiliateplus.scss */
.aff-popup {
  z-index: 10000;
  -webkit-transition: top .25s ease;
  transition: top .25s ease;
  position: absolute;
  top: 20%;
  right: 0;
  left: 0;
  max-width: 40%;
  background: #fff;
  border-radius: 5px;
  padding: 15px;
  height: auto;
  margin-left: 30%;
  margin-right: 30%;
}
/* line 615, ../scss/module/_affiliateplus.scss */
.aff-popup .active {
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/pageloading.gif") no-repeat !important;
}
/* line 618, ../scss/module/_affiliateplus.scss */
.aff-popup .no-content {
  float: left;
  width: 100%;
  min-height: 200px;
}
/* line 623, ../scss/module/_affiliateplus.scss */
.aff-popup .close-affpopup {
  position: absolute;
  right: -15px;
  top: -15px;
}
/* line 629, ../scss/module/_affiliateplus.scss */
.aff-popup.active {
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/pageloading.gif") center center no-repeat #fff;
}
@media screen and (max-width: 1050px) {
  /* line 600, ../scss/module/_affiliateplus.scss */
  .aff-popup {
    max-width: 60%;
    box-sizing: border-box;
    margin-left: 20%;
    margin-right: 20%;
  }
}
@media screen and (max-width: 979px) {
  /* line 600, ../scss/module/_affiliateplus.scss */
  .aff-popup {
    max-width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
}
@media screen and (max-width: 768px) {
  /* line 600, ../scss/module/_affiliateplus.scss */
  .aff-popup {
    max-width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media screen and (max-width: 480px) {
  /* line 600, ../scss/module/_affiliateplus.scss */
  .aff-popup {
    max-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media screen and (max-width: 991px) {
  /* line 657, ../scss/module/_affiliateplus.scss */
  #affiliateplus_payment_request_form .field .not-verified {
    margin-top: 0;
  }
  /* line 660, ../scss/module/_affiliateplus.scss */
  #affiliateplus_payment_request_form .field .not-verified a {
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  /* line 667, ../scss/module/_affiliateplus.scss */
  .affiliate-page #button-notnow {
    float: left;
    margin-left: 0;
    position: relative;
    left: 0;
    bottom: 0;
  }
}
/* line 676, ../scss/module/_affiliateplus.scss */
#loading_mask_loader img {
  display: inline;
}

/* line 679, ../scss/module/_affiliateplus.scss */
.aff-main-content .note-msg {
  margin-top: 10px;
}

/* line 682, ../scss/module/_affiliateplus.scss */
#affiliateplus-email-form .input-box {
  width: 100%;
}

/* line 685, ../scss/module/_affiliateplus.scss */
textarea.widgets-code,
textarea#affiliate-email-content {
  width: 99%;
  margin-top: 10px;
}

/* line 690, ../scss/module/_affiliateplus.scss */
#payperlead-url-form li.control label {
  background-color: #fff;
  padding: 0;
}

/*Changed By Adam 02/05/2015: fix loi CSS cho dob, tax, gender*/
/* line 697, ../scss/module/_affiliateplus.scss */
.form-group .customer-dob {
  width: 100%;
  float: left;
}
/* line 701, ../scss/module/_affiliateplus.scss */
.form-group .dob-month {
  width: 25%;
  float: left;
  padding-right: 10px;
}
/* line 706, ../scss/module/_affiliateplus.scss */
.form-group .dob-month .input-text {
  border-radius: 4px;
  height: 34px;
}
/* line 711, ../scss/module/_affiliateplus.scss */
.form-group .dob-day {
  width: 25%;
  float: left;
  padding-right: 10px;
}
/* line 716, ../scss/module/_affiliateplus.scss */
.form-group .dob-day .input-text {
  border-radius: 4px;
  height: 34px;
}
/* line 721, ../scss/module/_affiliateplus.scss */
.form-group .dob-year {
  width: 50%;
  float: left;
}
/* line 725, ../scss/module/_affiliateplus.scss */
.form-group .dob-year .input-text {
  border-radius: 4px;
  height: 34px;
}

/* line 731, ../scss/module/_affiliateplus.scss */
.affiliateplus-account-login .account-login .f-right {
  float: right;
}

/* line 735, ../scss/module/_affiliateplus.scss */
.affiliate-page {
  /*Navigation*/
  /*my program*/
  /**********Commission********/
  /**********Directlink************/
  /*Commission*/
}
/* line 736, ../scss/module/_affiliateplus.scss */
.affiliate-page #verify-domain-form .fieldset {
  margin: 0;
  padding: 0;
}
/* line 740, ../scss/module/_affiliateplus.scss */
.affiliate-page #button-notnow {
  float: left;
  margin-left: 0;
  position: absolute;
  left: 15px;
  bottom: 15px;
}
/* line 747, ../scss/module/_affiliateplus.scss */
.affiliate-page #affiliate-personal-url-form input[type="checkbox"] {
  margin: 0;
  vertical-align: middle;
}
/* line 752, ../scss/module/_affiliateplus.scss */
.affiliate-page .pager .pages {
  margin-top: 0;
}
/* line 755, ../scss/module/_affiliateplus.scss */
.affiliate-page .pager .limiter {
  height: 35px;
}
/* line 759, ../scss/module/_affiliateplus.scss */
.affiliate-page #use-link-banner-poup {
  margin-right: 10px;
}
/* line 762, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-title {
  float: left;
  width: 100%;
}
/* line 766, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-title h1 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
  background: #eb7705 url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/nav-bg-afffiliate.png") no-repeat center left;
  padding: 8px 0 8px 50px;
  margin: 0 0 10px 0;
  float: left;
  width: 100%;
}
/* line 778, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content {
  margin-top: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding-left: 25px;
}
@media (max-width: 768px) {
  /* line 778, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-main-content {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 789, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .fade {
  opacity: 0;
  -webkit-transition: opacity 2.25s linear;
  transition: opacity 2.25s linear;
}
/* line 797, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: none;
}
/* line 810, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .nav {
  background: #fff;
}
/* line 815, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-navigation {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #fff;
  padding: 0;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  overflow: hidden;
}
/* line 824, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-navigation .navbar-toggle {
  border-color: #fff;
  padding-left: 0;
}
/* line 828, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-navigation .navbar-toggle:hover, .affiliate-page .affiliate-navigation .navbar-toggle:focus {
  background-color: #fff;
}
/* line 834, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-navigation ul {
  background: #fff;
  margin: 0;
  width: 100%;
}
/* line 839, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-navigation ul li {
  float: left;
  width: 100%;
  position: relative;
  display: block;
}
/* line 845, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-navigation ul li a {
  position: relative;
  display: block;
  padding: 10px 50px;
  border-bottom: 1px solid #cecece;
  background: none;
}
/* line 852, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-navigation ul li a:hover, .affiliate-page .affiliate-navigation ul li a:focus, .affiliate-page .affiliate-navigation ul li a.active {
  color: #fff !important;
  background-color: #50b848 !important;
  text-decoration: none;
}
/* line 860, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-navigation ul li.last a {
  border-bottom: none;
}
/* line 866, ../scss/module/_affiliateplus.scss */
.affiliate-page .box-account ul.send-request {
  float: left;
  padding: 0 15px;
}
/* line 870, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliatepluspayperlead-leaddetails-index.aff-main-content p {
  padding-right: 15px;
}
/* line 873, ../scss/module/_affiliateplus.scss */
.affiliate-page .navbar-collapse-aff {
  padding: 0;
}
/* line 876, ../scss/module/_affiliateplus.scss */
.affiliate-page .navbar-collapse-aff .block-title-aff h2 {
  color: #444;
  text-transform: none;
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  background: #fff;
  padding: 9px 0 8px 50px;
  border-bottom: 1px solid #e7e7e7;
}
/* line 888, ../scss/module/_affiliateplus.scss */
.affiliate-page .container-fluid {
  padding: 0;
}
/* line 891, ../scss/module/_affiliateplus.scss */
.affiliate-page .page-header {
  padding-bottom: 0;
  border-bottom: none;
}
/* line 895, ../scss/module/_affiliateplus.scss */
.affiliate-page .main-container {
  padding: 0;
}
/* line 898, ../scss/module/_affiliateplus.scss */
.affiliate-page .col-main {
  margin-bottom: 0;
}
/* line 902, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .aff-title h2,
.affiliate-page .aff-main-content .aff-title h1 {
  color: #fff;
  font-weight: 800;
  font-size: 36px;
  background: transparent;
  text-transform: none;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  float: left;
  width: 100%;
}
/* line 914, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .product-name h1,
.affiliate-page .aff-main-content .product-name .h1 {
  font-size: 16px;
  font-weight: 600;
  color: #636363;
  padding-bottom: 3px;
  margin-bottom: 15px;
  text-transform: none;
}
/* line 923, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content h3 {
  font-size: 16px;
}
/* line 926, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content button {
  margin-bottom: 5px;
}
/* line 929, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content input[type=text] {
  max-width: 100%;
  width: 100%;
}
/* line 934, ../scss/module/_affiliateplus.scss */
.affiliate-page .navbar-hidden {
  display: none;
}
@media (min-width: 991px) {
  /* line 938, ../scss/module/_affiliateplus.scss */
  .affiliate-page #navi-bg {
    display: none !important;
  }
}
@media (max-width: 991px) {
  /* line 943, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-mobile {
    position: fixed;
    transform: translate(-400%);
    -ms-transform: translate(-400%);
    -webkit-transform: translate(-400%);
    float: left;
    left: 0;
    top: 0;
    z-index: 9999999;
    transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    height: 100%;
    margin-top: 0 !important;
  }
  /* line 959, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-mobile .navbar-hidden {
    display: block;
    position: absolute;
    right: -300%;
    margin-right: -41px;
    top: 50%;
    margin-top: -25px;
    transition: all 400ms ease-out;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    width: 40px;
    height: 50px;
    float: left;
    text-decoration: none !important;
    background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/nav-hidding.png) no-repeat -35px center #484848;
    border: 0;
    border-radius: 0 6px 6px 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  /* line 980, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-mobile.active {
    transform: translate(0%);
    -ms-transform: translate(0%);
    -webkit-transform: translate(0%);
  }
  /* line 985, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-mobile.active .navbar-hidden {
    background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/nav-hidding.png) no-repeat 12px center #818181;
    opacity: 1;
    filter: alpha(opacity=100);
    right: 0;
  }
  /* line 991, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-mobile.active .container-fluid {
    max-height: 100%;
    overflow: auto;
  }
}
/* line 998, ../scss/module/_affiliateplus.scss */
.affiliate-page button.request-amount {
  margin-left: 0;
  margin-bottom: 0;
  float: right;
}
@media (max-width: 699px) {
  /* line 998, ../scss/module/_affiliateplus.scss */
  .affiliate-page button.request-amount {
    padding: 0 10px;
  }
}
/* line 1009, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus_form_request .my-blance,
.affiliate-page .affiliateplus_form_request .request-amount-money {
  padding: 0 5px;
}
@media (max-width: 699px) {
  /* line 1009, ../scss/module/_affiliateplus.scss */
  .affiliate-page .affiliateplus_form_request .my-blance,
  .affiliate-page .affiliateplus_form_request .request-amount-money {
    padding: 0;
  }
}
/* line 1017, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus_form_request #request_amount {
  height: 45px;
  float: left;
}
/* line 1022, ../scss/module/_affiliateplus.scss */
.affiliate-page .input-blance,
.affiliate-page .request-withrawal {
  padding: 0 2px;
}
@media (max-width: 699px) {
  /* line 1022, ../scss/module/_affiliateplus.scss */
  .affiliate-page .input-blance,
  .affiliate-page .request-withrawal {
    padding-left: 0;
  }
}
/* line 1030, ../scss/module/_affiliateplus.scss */
.affiliate-page #banner-view-list button,
.affiliate-page .affiliate-get-link button {
  float: none;
  margin-left: 0;
}
/* line 1036, ../scss/module/_affiliateplus.scss */
.affiliate-page #payperlead-url-form .buttons-set-aff {
  margin-left: 0;
}
/* line 1039, ../scss/module/_affiliateplus.scss */
.affiliate-page #payperlead-url-form button {
  float: none;
  margin-left: 0;
}
/* line 1046, ../scss/module/_affiliateplus.scss */
.affiliate-page #banner-custom-link-form .buttons-set p.required {
  margin: 0;
  float: left;
}
/* line 1050, ../scss/module/_affiliateplus.scss */
.affiliate-page #banner-custom-link-form .fieldset {
  margin: 0;
  padding: 0 26px 10px 15px;
  border: 0;
  background: #fff;
}
/* line 1056, ../scss/module/_affiliateplus.scss */
.affiliate-page #banner-custom-link-form .form-list label.required em {
  float: none;
  position: relative;
  padding-left: 2px;
}
/* line 1064, ../scss/module/_affiliateplus.scss */
.affiliate-page table.responsive {
  border-collapse: collapse;
}
/* line 1067, ../scss/module/_affiliateplus.scss */
.affiliate-page table {
  border: 0 none;
  margin-bottom: 0;
}
/* line 1071, ../scss/module/_affiliateplus.scss */
.affiliate-page table .affiliateplus-grid-title th {
  text-align: center;
  font-weight: 700;
}
/* line 1075, ../scss/module/_affiliateplus.scss */
.affiliate-page table .col-sm-2.calender {
  float: right;
}
/* line 1078, ../scss/module/_affiliateplus.scss */
.affiliate-page table #programs_grid-program_name,
.affiliate-page table #programs_grid-priority {
  height: 34px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
/* line 1086, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .table-responsive {
  width: 100%;
  float: left;
  margin-top: 5px;
  border: 1px solid #e4e4e4 !important;
  border-radius: 4px;
  overflow: hidden;
}
/* line 1094, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pager {
  float: left;
  line-height: 30px;
  margin: 10px 0 20px 0;
  padding: 0;
  background: none;
  border-top: none;
  width: 100%;
  border-bottom: none;
}
/* line 1104, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pager .limiter {
  float: right;
  margin: 0;
}
/* line 1108, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pager .limiter label {
  vertical-align: top;
}
/* line 1111, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pager .limiter select {
  border: 1px solid #ccc;
  margin: 0 5px;
}
/* line 1116, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pager .amount {
  float: left;
  margin: 0;
}
/* line 1122, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .table tbody tr td:last-of-type {
  border-bottom: 0 none;
  border-left: 0 none;
}
/* line 1126, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .table thead tr th {
  vertical-align: middle;
  font-weight: 700;
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
}
/* line 1134, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .fieldset .legend {
  font-size: 18px;
  color: #444;
  text-transform: none;
  background-color: #fff !important;
  padding-left: 15px;
}
/* line 1141, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .buttons-set {
  clear: both;
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid #ededed;
  text-align: right;
}
/* line 1148, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .input_fields_form label.left {
  margin-bottom: 0;
}
@media screen and (max-width: 479px) {
  /* line 1154, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-main-content .buttons-set .back-link {
    display: block;
    float: left;
  }
  /* line 1158, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-main-content .buttons-set .required {
    display: block;
  }
  /* line 1162, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-main-content .statistic-transactions .right {
    float: left !important;
  }
  /* line 1165, ../scss/module/_affiliateplus.scss */
  .affiliate-page .aff-main-content .pager .limiter label {
    display: inline-block;
  }
}
/* line 1171, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-join {
  margin: 0 auto;
  float: left;
  width: 135px;
}
/* line 1176, ../scss/module/_affiliateplus.scss */
.affiliate-page .from-to-aff {
  margin-bottom: 5px;
}
/* line 1179, ../scss/module/_affiliateplus.scss */
.affiliate-page .from-to-aff span {
  float: left;
  width: 100%;
}
/* line 1183, ../scss/module/_affiliateplus.scss */
.affiliate-page .from-to-aff img {
  float: left;
  padding-left: 5%;
  padding-top: 9px;
  width: 15px;
  height: 22px;
}
/* line 1192, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus-search-button {
  padding-bottom: 5px;
  text-align: right;
  margin-top: 5px;
}
/* line 1197, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus-search-button button + button {
  margin-right: 10px;
}
@media screen and (max-width: 350px) {
  /* line 1204, ../scss/module/_affiliateplus.scss */
  .affiliate-page .affiliateplus_form_request #request_amount,
  .affiliate-page .affiliateplus_form_request .request-amount {
    float: left !important;
    margin-left: 0;
  }
  /* line 1209, ../scss/module/_affiliateplus.scss */
  .affiliate-page .affiliateplus_form_request .left,
  .affiliate-page .affiliateplus_form_request .statistic-transactions .left {
    padding-right: 0;
  }
}
/* line 1218, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus_form_request .right,
.affiliate-page .affiliateplus_form_request .statistic-transactions .right {
  float: right;
}
/* line 1222, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus_form_request .left,
.affiliate-page .affiliateplus_form_request .statistic-transactions .left {
  float: left;
  padding-right: 100px;
}
/* line 1227, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus_form_request #request_amount {
  margin-bottom: 5px;
}
/* line 1233, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pager .count-container {
  width: 100%;
}
/* line 1236, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pager .div-right {
  margin-right: 0;
}
/* line 1239, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pager li a {
  padding: 0;
  border: none;
  border-radius: 0;
}
/* line 1245, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .direct-link-help {
  float: left;
}
/* line 1248, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .nav-tabs li {
  margin-top: 5px;
}
/* line 1251, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content label.required {
  float: left;
}
/* line 1254, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content label.required em {
  display: block;
  font-size: 20px;
  font-style: normal;
  float: right;
  margin-left: 2px;
  color: red;
}
/* line 1263, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content span.required em {
  display: inline-block;
  float: right;
}
/* line 1267, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .container {
  padding-right: 0;
}
/* line 1270, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content select {
  outline: 0;
  -webkit-appearance: menulist;
  padding: 0;
}
/* line 1275, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .btn {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
/* line 1279, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 1284, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .account-login p.required {
  float: left;
}
/* line 1288, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .pages .next:before,
.affiliate-page .aff-main-content .pages .previous:before {
  content: none;
}
/* line 1294, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .form-list li.wide .input-box {
  width: 100%;
}
/* line 1297, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .form-list li.wide input.input-text {
  width: 100%;
}
/* line 1301, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .box-account {
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 8px;
  margin: 0 0 20px;
  float: left;
  width: 100%;
  border-radius: 4px;
}
/* line 1310, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .send-requests {
  padding: 0;
  float: left;
  width: 100%;
}
/* line 1317, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .nav-tabs li.active a, .affiliate-page .aff-main-content .nav-tabs li.active a:hover, .affiliate-page .aff-main-content .nav-tabs li.active a:focus {
  background: #ccc;
}
/* line 1323, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .nav-tabs li a {
  padding: 10px 5px !important;
}
/* line 1326, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-main-content .nav-tabs li a:hover {
  background: #eee;
}
/* line 1332, ../scss/module/_affiliateplus.scss */
.affiliate-page #input-personal-url {
  float: none;
  margin-top: 10px;
}
/* line 1337, ../scss/module/_affiliateplus.scss */
.affiliate-page table .col-md-8,
.affiliate-page table .col-sm-8,
.affiliate-page table .col-xs-8,
.affiliate-page table .col-md-12,
.affiliate-page table .col-sm-12,
.affiliate-page table .col-xs-12,
.affiliate-page table .col-md-2,
.affiliate-page table .col-sm-2,
.affiliate-page table .col-xs-2 {
  padding-left: 5px;
  padding-right: 5px;
}
/* line 1350, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-th {
  background: #e7e7e7;
  text-align: center;
}
/* line 1355, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliate-page .pager .col-lg-8,
.affiliate-page .affiliate-page .pager .col-md-8,
.affiliate-page .affiliate-page .pager .col-sm-8,
.affiliate-page .affiliate-page .pager .col-xs-8,
.affiliate-page .affiliate-page .pager .col-lg-4,
.affiliate-page .affiliate-page .pager .col-md-4,
.affiliate-page .affiliate-page .pager .col-sm-4,
.affiliate-page .affiliate-page .pager .col-xs-4 {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  /* line 1369, ../scss/module/_affiliateplus.scss */
  .affiliate-page .table-responsive .table-bordered tbody tr:last-child td,
  .affiliate-page .table-responsive .table-bordered tfoot tr:last-child td {
    border-bottom: 1px solid #ddd;
  }
  /* line 1374, ../scss/module/_affiliateplus.scss */
  .affiliate-page .statistic-transactions .right {
    float: left !important;
  }
}
/* line 1379, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-title {
  float: left;
  width: 100%;
}
/* line 1385, ../scss/module/_affiliateplus.scss */
.affiliate-page .comment-directlink-form {
  padding: 0 15px;
}
/* line 1388, ../scss/module/_affiliateplus.scss */
.affiliate-page .input-text-add-directlinks .form-group {
  text-align: left;
}
/* line 1391, ../scss/module/_affiliateplus.scss */
.affiliate-page .message {
  padding: 0;
}
/* line 1394, ../scss/module/_affiliateplus.scss */
.affiliate-page #direct-link-form select.input-text {
  -webkit-appearance: menulist;
  appearance: menulist;
  -moz-appearance: menulist;
}
/* line 1399, ../scss/module/_affiliateplus.scss */
.affiliate-page .my_tab {
  float: left;
  width: 100%;
  overflow: auto;
}
/* line 1404, ../scss/module/_affiliateplus.scss */
.affiliate-page #affiliateplusstatistic-filter {
  float: left;
}
/* line 1408, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus-index-viewpayment.affiliate-page .form-group {
  float: left;
  margin-bottom: 0;
}
/* line 1412, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliateplus-index-viewpayment.affiliate-page .form-list .field-drawal {
  width: 50%;
  float: left;
}
/* line 1419, ../scss/module/_affiliateplus.scss */
.affiliate-page .aff-join .col-md-8.col-sm-8.col-xs-8 {
  width: 100px;
}
/* line 1422, ../scss/module/_affiliateplus.scss */
.affiliate-page select.status-grid {
  width: 100px;
}
/* line 1425, ../scss/module/_affiliateplus.scss */
.affiliate-page #report_show {
  float: left;
  margin-top: 10px;
  width: 100%;
}
/* line 1431, ../scss/module/_affiliateplus.scss */
.affiliate-page .global-share {
  float: right;
}
/* line 1434, ../scss/module/_affiliateplus.scss */
.affiliate-page .table-responsive #sales_grid tbody pre {
  height: 40px;
}
/* line 1437, ../scss/module/_affiliateplus.scss */
.affiliate-page .account-login .button-config {
  float: left;
  clear: both;
}
/* line 1441, ../scss/module/_affiliateplus.scss */
.affiliate-page #select-language {
  color: #000;
}
/* line 1444, ../scss/module/_affiliateplus.scss */
.affiliate-page .affiliatepluswidget-index-edit .aff-main-content button.button span,
.affiliate-page .aff-main-content button.button span {
  height: auto;
}
@media screen and (max-width: 997px) {
  /* line 1449, ../scss/module/_affiliateplus.scss */
  .affiliate-page #sales_report_order_statuses {
    height: 30px;
  }
}

/* line 1456, ../scss/module/_affiliateplus.scss */
.affiliateplus-index-referrers .aff-title h2 {
  margin-top: 15px !important;
}

/**
 * Brands
 */
/* Base
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 10, ../scss/module/_brands.scss */
.brand-name {
  font-size: 22px;
  line-height: 18px;
  text-align: center;
}

/* line 15, ../scss/module/_brands.scss */
.brand-name-wrapper {
  display: table;
  min-height: 36px;
  /* Two lines of text */
  margin: 0 auto;
}
/* line 20, ../scss/module/_brands.scss */
.brand-name-wrapper .brand-name {
  display: table-cell;
  vertical-align: middle;
}

/* On product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 31, ../scss/module/_brands.scss */
.box-brand a {
  margin: 0 auto;
  display: block;
}
/* line 35, ../scss/module/_brands.scss */
.box-brand img {
  margin: 0 auto;
  display: block;
}

/* Brand in secondary column on product page */
/* line 42, ../scss/module/_brands.scss */
.product-secondary-column .box-brand .attribute {
  font-size: 1.25em;
  /*15px*/
  line-height: 1.2em;
  /*18px*/
  font-weight: bold;
  text-align: center;
  margin: 10px 0;
}

/* Brand slider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 55, ../scss/module/_brands.scss */
.brand-slider .item {
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
/* line 60, ../scss/module/_brands.scss */
.brand-slider .item a {
  display: block;
}
/* line 62, ../scss/module/_brands.scss */
.brand-slider .owl-item.loading {
  min-height: 60px;
}

/*
 * Product images gallery and zoom
 */
/* Basic zoom styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* This is the moving lens square underneath the mouse pointer. */
/* line 11, ../scss/module/_cloud-zoom.scss */
.cloud-zoom-lens {
  border: 1px solid #ccc;
  margin: -1px;
  /* Set this to minus the border thickness. */
  background-color: #fff;
  cursor: move;
}

/* This is the zoom window. */
/* line 19, ../scss/module/_cloud-zoom.scss */
.cloud-zoom-big {
  border: 1px solid #e5e5e5;
  overflow: hidden;
}

/* This is the loading message. */
/* line 25, ../scss/module/_cloud-zoom.scss */
.cloud-zoom-loading {
  color: white;
  background: #222;
  padding: 0.25em;
  border: 1px solid #000;
}

/* line 32, ../scss/module/_cloud-zoom.scss */
#wrap {
  /* Decrease default z-index */
  z-index: 99 !important;
}

/* Zoom position: "inside"
-------------------------------------------------------------- */
/* line 39, ../scss/module/_cloud-zoom.scss */
.product-image .mousetrap {
  z-index: 100 !important;
  /* For responsive layout */
  width: 100% !important;
  height: 100% !important;
}

/* line 46, ../scss/module/_cloud-zoom.scss */
.zoom-inside #wrap {
  overflow: hidden;
}

/* No borders if zoom position is "inside" */
/* line 49, ../scss/module/_cloud-zoom.scss */
.zoom-inside .cloud-zoom-big {
  border: none;
}

/* Display images without Cloud Zoom
-------------------------------------------------------------- */
/* Hide zoom area */
/* line 54, ../scss/module/_cloud-zoom.scss */
.simple-mode .cloud-zoom-big,
.simple-mode .cloud-zoom-lens {
  display: none !important;
}

/* line 56, ../scss/module/_cloud-zoom.scss */
.simple-mode .cloud-zoom-lens {
  cursor: default !important;
}

/* Zoom button (enlarge the main image)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 62, ../scss/module/_cloud-zoom.scss */
.zoom-btn-small {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 0 1em;
  line-height: 2.6666em;
  z-index: 100;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
}

/* line 73, ../scss/module/_cloud-zoom.scss */
.zoom-btn-small:hover {
  background-color: #fff;
}

/* Use lightbox without cloud zoom */
/* line 76, ../scss/module/_cloud-zoom.scss */
.zoom-btn-large {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0;
  z-index: 100;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
}

/* line 89, ../scss/module/_cloud-zoom.scss */
.zoom-btn-large:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

/* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 99, ../scss/module/_cloud-zoom.scss */
.img-box {
  margin-bottom: 15px;
}

/* line 100, ../scss/module/_cloud-zoom.scss */
.img-box .product-image {
  margin: 0 auto;
  position: relative;
  /* Labels (e.g. "sale") are positioned relative to this box */
}

/* line 101, ../scss/module/_cloud-zoom.scss */
.img-box .product-image.product-image-zoom {
  z-index: 9;
}

/*TODO: obsolete*/
/* Image pop-up */
/* line 104, ../scss/module/_cloud-zoom.scss */
.product-image-popup {
  margin: 0 auto;
}

/* line 105, ../scss/module/_cloud-zoom.scss */
.product-image-popup .nav {
  font-weight: bold;
  text-align: center;
}

/* line 106, ../scss/module/_cloud-zoom.scss */
.product-image-popup .image {
  display: block;
  margin: 10px 0;
}

/* line 107, ../scss/module/_cloud-zoom.scss */
.product-image-popup .image-label {
  margin: 0 0 10px;
}

/* Thumbnails */
/* line 110, ../scss/module/_cloud-zoom.scss */
.img-box .more-images {
  margin-top: 12px;
}

/*.img-box .more-images .thumbnails { width:80%; margin:0 auto; }*/
/*.img-box .more-images .thumbnails .item { float:left; }*/
/* Deprecated */
/* line 114, ../scss/module/_cloud-zoom.scss */
.img-box .more-images .thumbnails .item.last {
  margin-right: 0;
}

/* Deprecated */
/* line 115, ../scss/module/_cloud-zoom.scss */
.img-box .more-images .thumbnails .item a {
  margin: 0 3px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
}

/* Thumbnails - with slider */
/* line 124, ../scss/module/_cloud-zoom.scss */
.img-box .more-images .thumbnails.slides {
  display: none;
}

/* Minimum size of thumbnail if lazy loading enabled */
/* line 127, ../scss/module/_cloud-zoom.scss */
.img-box .more-images .thumbnails .owl-item.loading {
  min-height: 50px;
}

/* line 128, ../scss/module/_cloud-zoom.scss */
.img-box .more-images .thumbnails .owl-item.loading a {
  min-height: 36px;
}

/* Thumbnails - without slider */
/* line 131, ../scss/module/_cloud-zoom.scss */
.img-box .more-images .thumbnails.show-all {
  width: 100%;
  text-align: center;
}

/* line 132, ../scss/module/_cloud-zoom.scss */
.img-box .more-images .thumbnails.show-all .item {
  float: none;
  display: inline-block;
}

/* Skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 138, ../scss/module/_cloud-zoom.scss */
.img-box-style1 .product-image {
  border: 1px solid #eee;
  padding: 5px;
}

/* Thumbnails */
/* Prevent cutting off thumbnails */
/* line 145, ../scss/module/_cloud-zoom.scss */
.img-box-style1 .more-images .thumbnails .owl-wrapper-outer {
  padding: 1px 0;
}

/* line 146, ../scss/module/_cloud-zoom.scss */
.img-box-style1 .more-images .thumbnails .item a {
  margin: 0 2px 4px;
  padding: 4px;
  border: 1px solid #eee;
}

/* line 151, ../scss/module/_cloud-zoom.scss */
.img-box-style1 .more-images .thumbnails .item a:hover {
  border-color: #999;
  /*position:relative; z-index:1;*/
  /*TODO: Not needed if items not adjacent? */
}

/* Thumbnails carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 160, ../scss/module/_cloud-zoom.scss */
.img-box .itemslider-thumbnails {
  margin-left: auto;
  margin-right: auto;
}

/* line 161, ../scss/module/_cloud-zoom.scss */
.itemslider-thumbnails {
  max-width: 237px;
}

/* count-3 is default */
/* line 162, ../scss/module/_cloud-zoom.scss */
.itemslider-thumbnails.count-1 {
  max-width: 79px;
}

/* line 163, ../scss/module/_cloud-zoom.scss */
.itemslider-thumbnails.count-2 {
  max-width: 158px;
}

/* line 2, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .breadcrumbs {
  display: none;
}
/* line 6, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .page-title {
  text-align: center;
  margin: 20px 0;
}
/* line 11, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .small-title {
  font-weight: bold;
}
/* line 15, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .middle-row {
  text-align: center;
  margin-top: 40px;
}
/* line 20, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .img-no-margin {
  margin: 0 auto;
}
/* line 24, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .fake-title {
  font-size: 26px;
  margin: 10px 0;
  text-align: center;
  display: block;
}
/* line 30, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .fake-title span {
  color: #50b848;
}
/* line 35, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .margin-top {
  margin-top: 40px;
}
/* line 39, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #fff;
}
/* line 44, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .display-flex > [class*='col-'] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
}
/* line 48, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .display-flex > [class*='col-'] p {
  margin: 20px 0;
}
/* line 52, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .display-flex > [class*='col-'] p, .cms-page-layout .display-flex > [class*='col-'] a {
  color: #fff;
  font-size: 15px;
}
/* line 57, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .display-flex > [class*='col-'] a {
  text-decoration: underline;
}
/* line 61, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .display-flex .text {
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  /* line 61, ../scss/module/_cms_page_layout.scss */
  .cms-page-layout .display-flex .text {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
/* line 69, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .display-flex .box {
  border: 1px #666 solid;
  height: 100%;
}
/* line 74, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .display-flex:before, .cms-page-layout .display-flex:after {
  display: none !important;
}
/* line 78, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .blog .title {
  font-size: 20px;
  margin: 20px 0;
  font-weight: bold;
  min-height: 50px;
}
/* line 84, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .blog .button {
  margin-bottom: 20px;
}
/* line 89, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .imagebox {
  overflow: hidden;
  width: 100%;
  height: auto;
}
/* line 94, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .imagebox img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  /* line 89, ../scss/module/_cms_page_layout.scss */
  .cms-page-layout .imagebox {
    padding-top: 10px;
  }
}
/* line 103, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .spacer10 {
  height: 10px;
}
@media only screen and (max-width: 768px) {
  /* line 103, ../scss/module/_cms_page_layout.scss */
  .cms-page-layout .spacer10 {
    height: 0;
  }
}
@media only screen and (max-width: 425px) {
  /* line 112, ../scss/module/_cms_page_layout.scss */
  .cms-page-layout .small-title,
  .cms-page-layout .std p {
    text-align: center;
  }
  /* line 117, ../scss/module/_cms_page_layout.scss */
  .cms-page-layout .widget-product-sliders-title {
    width: 73%;
  }
  /* line 122, ../scss/module/_cms_page_layout.scss */
  .cms-page-layout .blog .title {
    font-size: 16px;
  }
}
/* line 129, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .black-friday .banner {
  background: #000000;
  float: left;
  width: 100%;
}
/* line 134, ../scss/module/_cms_page_layout.scss */
.cms-page-layout .black-friday .banner .counter {
  color: #fff;
  display: table;
  margin: 0 auto;
  padding-top: 5px;
}
@media only screen and (max-width: 767px) {
  /* line 134, ../scss/module/_cms_page_layout.scss */
  .cms-page-layout .black-friday .banner .counter {
    display: none;
  }
}

/* line 149, ../scss/module/_cms_page_layout.scss */
.hello-dog-landing .flex-row {
  margin: 20px -15px;
}
/* line 152, ../scss/module/_cms_page_layout.scss */
.hello-dog-landing .insta-block {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
}

/* line 161, ../scss/module/_cms_page_layout.scss */
.hello-dog .row:before, .hello-dog .row:after {
  display: none !important;
}
/* line 162, ../scss/module/_cms_page_layout.scss */
.hello-dog .flex-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
/* line 168, ../scss/module/_cms_page_layout.scss */
.hello-dog .flex-row .col-flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
/* line 173, ../scss/module/_cms_page_layout.scss */
.hello-dog .progress {
  height: 10px;
  background-color: #C2F0ED;
}
/* line 176, ../scss/module/_cms_page_layout.scss */
.hello-dog .progress .progress-bar {
  border-radius: 4px;
  background-color: #00C3B3;
}
/* line 182, ../scss/module/_cms_page_layout.scss */
.hello-dog .intro-block,
.hello-dog .insta-block {
  background-color: #e6f9f7;
}
/* line 187, ../scss/module/_cms_page_layout.scss */
.hello-dog .smaller-h3 {
  font-size: 22px;
}
/* line 192, ../scss/module/_cms_page_layout.scss */
.hello-dog .intro-block h3 {
  font-size: 22px;
  line-height: 30px;
}
/* line 196, ../scss/module/_cms_page_layout.scss */
.hello-dog .intro-block p {
  line-height: 24px;
}
/* line 199, ../scss/module/_cms_page_layout.scss */
.hello-dog .intro-block .btn-outline-primary {
  border: 2px solid #337AB7;
  color: #337AB7;
  background-color: #FFFFFF;
}
/* line 204, ../scss/module/_cms_page_layout.scss */
.hello-dog .intro-block .btn-outline-primary:hover {
  background-color: whitesmoke;
}
/* line 210, ../scss/module/_cms_page_layout.scss */
.hello-dog .padding {
  padding: 50px;
}
/* line 214, ../scss/module/_cms_page_layout.scss */
.hello-dog .no-padding {
  padding: 0 !important;
}
/* line 218, ../scss/module/_cms_page_layout.scss */
.hello-dog .padding-left {
  padding-left: 10px;
  padding-top: 15px;
  font-weight: bold;
  font-size: 20px;
  float: left;
}
/* line 226, ../scss/module/_cms_page_layout.scss */
.hello-dog .align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
/* line 232, ../scss/module/_cms_page_layout.scss */
.hello-dog .center-block img {
  margin: 0 auto;
}
/* line 236, ../scss/module/_cms_page_layout.scss */
.hello-dog .center-block .btn-link {
  color: #00C3B3;
  border: none;
  text-decoration: underline;
  font-size: 15px;
}
/* line 242, ../scss/module/_cms_page_layout.scss */
.hello-dog .center-block .btn-link:active, .hello-dog .center-block .btn-link:focus {
  outline: 0;
  border: none;
  background: none;
  -moz-outline-style: none;
}
/* line 249, ../scss/module/_cms_page_layout.scss */
.hello-dog .center-block .btn-link:before {
  content: "+";
  text-decoration: none;
  margin-right: 5px;
  background-color: #00C3B3;
  color: #FFF;
  border-radius: 50%;
  padding: 0 4px 2px 5px;
}
/* line 260, ../scss/module/_cms_page_layout.scss */
.hello-dog .center-block .btn-primary,
.hello-dog .center-block .btn-default {
  font-size: 18px;
}
/* line 265, ../scss/module/_cms_page_layout.scss */
.hello-dog .center-block .btn-default {
  border: 2px solid #337AB7;
  color: #337AB7;
  font-size: 18px;
}
/* line 270, ../scss/module/_cms_page_layout.scss */
.hello-dog .center-block .btn-default:hover {
  background-color: whitesmoke;
}
/* line 276, ../scss/module/_cms_page_layout.scss */
.hello-dog .what-goes-in {
  background-color: #F6F6F6;
}
/* line 279, ../scss/module/_cms_page_layout.scss */
.hello-dog .what-goes-in p {
  margin: 10px 0 30px 0;
  line-height: 24px;
}
/* line 285, ../scss/module/_cms_page_layout.scss */
.hello-dog .trust-block {
  margin-top: 50px;
  margin-bottom: 50px;
}
/* line 289, ../scss/module/_cms_page_layout.scss */
.hello-dog .trust-block h3 {
  line-height: 30px;
  margin-bottom: 20px;
}
/* line 294, ../scss/module/_cms_page_layout.scss */
.hello-dog .trust-block p {
  line-height: 24px;
}
/* line 299, ../scss/module/_cms_page_layout.scss */
.hello-dog .how-it-works {
  overflow: hidden;
}
/* line 302, ../scss/module/_cms_page_layout.scss */
.hello-dog .how-it-works .arrows img {
  width: 100px;
  margin-top: 50px;
}
/* line 310, ../scss/module/_cms_page_layout.scss */
.hello-dog .insta-block .insta-user-name a {
  font-size: 18px;
  color: #00C3B3;
}
/* line 314, ../scss/module/_cms_page_layout.scss */
.hello-dog .insta-block .move-to-front {
  z-index: 1;
}
/* line 317, ../scss/module/_cms_page_layout.scss */
.hello-dog .insta-block .insta-logo {
  border-radius: 50%;
  margin-left: -20px;
  float: left;
  max-width: 100px;
  max-height: 100px;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
/* line 325, ../scss/module/_cms_page_layout.scss */
.hello-dog .insta-block .insta-collage {
  margin-top: -40px;
}
/* line 328, ../scss/module/_cms_page_layout.scss */
.hello-dog .insta-block .move-to-back {
  z-index: -1;
  margin-top: -50px;
  display: inline-block;
  width: 100%;
  margin-left: 10px;
}
@media (max-width: 768px) {
  /* line 328, ../scss/module/_cms_page_layout.scss */
  .hello-dog .insta-block .move-to-back {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 425px) {
  /* line 328, ../scss/module/_cms_page_layout.scss */
  .hello-dog .insta-block .move-to-back {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
@media only screen and (max-width: 1025px) and (min-width: 769px) {
  /* line 328, ../scss/module/_cms_page_layout.scss */
  .hello-dog .insta-block .move-to-back {
    margin-top: 0;
  }
}
/* line 352, ../scss/module/_cms_page_layout.scss */
.hello-dog .insta-block .tag-line {
  margin-top: 0;
  padding-top: 20px;
}
/* line 356, ../scss/module/_cms_page_layout.scss */
.hello-dog .insta-block .share-block {
  margin-top: -5px;
}
/* line 361, ../scss/module/_cms_page_layout.scss */
.hello-dog .owl-dots {
  display: none;
}
/* line 364, ../scss/module/_cms_page_layout.scss */
.hello-dog .owl-nav {
  display: none;
}
/* line 369, ../scss/module/_cms_page_layout.scss */
.hello-dog .subscribe-box .blue {
  color: #00C3B3;
  margin-top: 0;
}
/* line 375, ../scss/module/_cms_page_layout.scss */
.hello-dog .row-boxes {
  margin-top: 50px;
  margin-bottom: 50px;
}
/* line 380, ../scss/module/_cms_page_layout.scss */
.hello-dog .shadow {
  box-shadow: 0px 0px 10px 5px #cccccc;
  padding: 0 20px 20px;
  border-radius: 5px;
  border: 3px solid transparent;
  cursor: pointer;
}
/* line 389, ../scss/module/_cms_page_layout.scss */
.hello-dog .shadow h5 {
  padding-top: 20px;
  margin-bottom: 5px;
}
/* line 393, ../scss/module/_cms_page_layout.scss */
.hello-dog .shadow h5 span {
  display: block;
  text-align: center;
  margin: 5px 0 20px 0;
  font-size: 10px;
  -webkit-text-decoration: italic;
          text-decoration: italic;
  font-weight: normal;
}
/* line 403, ../scss/module/_cms_page_layout.scss */
.hello-dog .shadow:hover {
  border: 3px solid #5098D3;
}
/* line 408, ../scss/module/_cms_page_layout.scss */
.hello-dog .shadow.selected {
  border: 3px solid #5098D3;
}
/* line 411, ../scss/module/_cms_page_layout.scss */
.hello-dog .shadow.selected:before {
  content: '\2714';
  background-color: #5098D3;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 7px 0 0 12px;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: normal;
  display: block;
  right: 5px;
  top: -10px;
  position: absolute;
}
/* line 428, ../scss/module/_cms_page_layout.scss */
.hello-dog .shadow.unselected {
  opacity: 0.6;
  filter: alpha(opacity=60);
  border: 3px solid transparent !important;
}
/* line 433, ../scss/module/_cms_page_layout.scss */
.hello-dog .shadow.unselected:before {
  display: none;
}
@media only screen and (max-width: 768px) {
  /* line 439, ../scss/module/_cms_page_layout.scss */
  .hello-dog .owl-dots {
    display: block;
    margin: 0 auto;
  }
  /* line 444, ../scss/module/_cms_page_layout.scss */
  .hello-dog .padding {
    padding: 20px;
    width: 100%;
  }
  /* line 449, ../scss/module/_cms_page_layout.scss */
  .hello-dog .row-boxes {
    text-align: center;
  }
  /* line 453, ../scss/module/_cms_page_layout.scss */
  .hello-dog .intro-block {
    text-align: center;
  }
  /* line 456, ../scss/module/_cms_page_layout.scss */
  .hello-dog .intro-block img {
    margin: 0 auto;
    width: 100%;
  }
  /* line 462, ../scss/module/_cms_page_layout.scss */
  .hello-dog .how-it-works {
    margin: 0;
  }
  /* line 464, ../scss/module/_cms_page_layout.scss */
  .hello-dog .how-it-works .col-remove {
    display: none;
  }
  /* line 468, ../scss/module/_cms_page_layout.scss */
  .hello-dog .how-it-works .owl-dots button:nth-child(4),
  .hello-dog .how-it-works .owl-dots button:nth-child(5) {
    display: none;
  }
  /* line 475, ../scss/module/_cms_page_layout.scss */
  .hello-dog .trust-block {
    text-align: center;
  }
  /* line 477, ../scss/module/_cms_page_layout.scss */
  .hello-dog .trust-block img {
    margin: 0 auto;
    width: 100%;
  }
  /* line 484, ../scss/module/_cms_page_layout.scss */
  .hello-dog .what-goes-in img {
    width: 100%;
  }
  /* line 487, ../scss/module/_cms_page_layout.scss */
  .hello-dog .what-goes-in .m-width-full {
    width: 100%;
  }
  /* line 492, ../scss/module/_cms_page_layout.scss */
  .hello-dog .center-block {
    width: 100%;
  }
  /* line 497, ../scss/module/_cms_page_layout.scss */
  .hello-dog .insta-block .insta-collage {
    margin-top: 0px;
  }
  /* line 500, ../scss/module/_cms_page_layout.scss */
  .hello-dog .insta-block h4 {
    font-size: 21px;
    font-weight: bold;
  }
  /* line 504, ../scss/module/_cms_page_layout.scss */
  .hello-dog .insta-block .insta-logo {
    margin-left: 0;
  }
  /* line 509, ../scss/module/_cms_page_layout.scss */
  .hello-dog .btn-block {
    margin-bottom: 10px;
  }
  /* line 513, ../scss/module/_cms_page_layout.scss */
  .hello-dog .shadow {
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  /* line 520, ../scss/module/_cms_page_layout.scss */
  .hello-dog .shadow h5 {
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    padding-top: 0;
  }
  /* line 527, ../scss/module/_cms_page_layout.scss */
  .hello-dog .shadow img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1;
        -ms-flex: 1 1;
            flex: 1 1;
    width: 50%;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
  /* line 535, ../scss/module/_cms_page_layout.scss */
  .hello-dog .shadow.selected:before {
    padding: 5px 0 0 5px;
  }
  /* line 540, ../scss/module/_cms_page_layout.scss */
  .hello-dog .flex-sm {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
            flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
            flex-grow: 1;
    max-width: 100%;
  }
  /* line 547, ../scss/module/_cms_page_layout.scss */
  .hello-dog .flex-sm-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  /* line 552, ../scss/module/_cms_page_layout.scss */
  .hello-dog .flex-sm-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
            flex: 0 0 25%;
    max-width: 25%;
  }
  /* line 557, ../scss/module/_cms_page_layout.scss */
  .hello-dog .flex-sm-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  /* line 562, ../scss/module/_cms_page_layout.scss */
  .hello-dog .flex-sm-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
            flex: 0 0 75%;
    max-width: 75%;
  }
  /* line 567, ../scss/module/_cms_page_layout.scss */
  .hello-dog .flex-sm-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
}

/*
 * Copyright © 2016 Silvertree Internet Holdings. All rights reserved.
 */
/* line 6, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards {
  position: relative;
  text-align: center;
  color: #fff;
}
/* line 11, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .img-fluid {
  width: 100%;
  cursor: default;
}
/* line 16, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .top-left {
  color: #000000;
  text-align: left;
}
@media (max-width: 1170px) and (min-width: 769px) {
  /* line 16, ../scss/module/_ftn_rewardpointsreferfriends.scss */
  .container-rewards .top-left {
    position: absolute;
    top: 8%;
    left: 6%;
    width: 80%;
  }
}
@media only screen and (min-width: 1171px) {
  /* line 16, ../scss/module/_ftn_rewardpointsreferfriends.scss */
  .container-rewards .top-left {
    position: absolute;
    top: 8%;
    left: 6%;
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  /* line 16, ../scss/module/_ftn_rewardpointsreferfriends.scss */
  .container-rewards .top-left {
    margin-top: 20px;
  }
  /* line 37, ../scss/module/_ftn_rewardpointsreferfriends.scss */
  .container-rewards .top-left h2 {
    margin: 20px 0;
  }
}
/* line 42, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .top-left .btn-petpoints {
  color: #50b848;
}
/* line 49, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .referral-code .form-control[readonly] {
  background-color: #fff;
}
/* line 56, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .social-block .step-title span {
  border: none;
  color: #fff;
  cursor: pointer;
}
/* line 61, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .social-block .step-title span::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  color: #fff;
}
/* line 72, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .social-block .btn {
  width: 200px;
}
/* line 78, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .email .step-title {
  background-color: #5A5A5A;
}
/* line 81, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .email .step-title span::before {
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/icons/close-envelope.svg") no-repeat;
  margin: 3px 6px 0 2px;
}
/* line 90, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .facebook .step-title {
  background-color: #3A5998;
}
/* line 93, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .facebook .step-title span::before {
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/icons/facebook-logo.svg") no-repeat;
  margin: 0 6px 0 0;
}
/* line 102, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .twitter .step-title {
  background-color: #37A1F3;
}
/* line 105, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .twitter .step-title span::before {
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/icons/twitter-logo.svg") 60% no-repeat;
  margin: 3px 6px 0 2px;
}
/* line 114, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .modal .modal-content {
  border: 1px solid #50b848;
  border-radius: 20px;
  padding: 20px;
}
/* line 119, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .modal .modal-content .modal-header {
  color: #50b848;
}
/* line 122, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .modal .modal-content .modal-header h2 {
  font-family: "Gloria Hallelujah", cursive;
  text-transform: none;
}
/* line 127, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .modal .modal-content .modal-header .close {
  float: right;
  font-size: 45px;
  font-family: "TimesNewRoman", serif;
  font-weight: lighter;
  line-height: 1;
  color: #555;
  text-shadow: none;
  opacity: 9;
}
/* line 140, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .modal .modal-content .modal-body h4 {
  margin: 10px 0 0;
}
/* line 149, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .petpoints-modal .modal-body .btn-close-points {
  padding: 7px 50px;
  border-radius: 5px;
  color: #fff;
  background-color: #50b848;
  margin-right: 10px;
  font-size: 18px;
}
/* line 157, ../scss/module/_ftn_rewardpointsreferfriends.scss */
.container-rewards .petpoints-modal .modal-body .btn-linkrewards {
  padding: 7px 40px;
  border-radius: 5px;
  color: #fff;
  background-color: #a1e105;
  font-size: 18px;
}

/**
 * Category navigation menu
 *
 * .navi.nav-regular            - regular horizontal menu
 * .navi.nav-regular.nav-vert   - regular vertical menu
 * .navi.nav-mobile             - mobile menu accordion
 */
/* Common elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Category blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 17, ../scss/module/_menu.scss */
.nav-block {
  margin-top: 1%;
  margin-bottom: 1%;
}

/* line 18, ../scss/module/_menu.scss */
.nav-block--center {
  margin-top: 1%;
  margin-bottom: 1%;
}

/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
/* line 22, ../scss/module/_menu.scss */
.nav-block .section-line {
  border-color: #eee;
}

/* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown
-------------------------------------------------------------- */
/* line 26, ../scss/module/_menu.scss */
.navi .nav-custom-link .header-nav-dropdown-wrapper .heading {
  margin: 10px 0;
}

/* Menu triggers.
   Styles shared by vertical menu trigger and mobile menu trigger.
   Styles similar to 1st-level links from the standard menu.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 34, ../scss/module/_menu.scss */
.menu-trigger {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Mobile menu icon */
/* line 44, ../scss/module/_menu.scss */
.menu-trigger .trigger-icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin: 0 4px 0 15px;
}

/* line 50, ../scss/module/_menu.scss */
.menu-trigger .trigger-icon .line {
  display: block;
  background-color: #fff;
  height: 3px;
  margin-bottom: 2px;
}

/* line 56, ../scss/module/_menu.scss */
.menu-trigger .label {
  margin-right: 10px;
}

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Only items with dropdown display the caret */
/* line 66, ../scss/module/_menu.scss */
.nav-regular .caret {
  display: none;
}

/* line 69, ../scss/module/_menu.scss */
.nav-regular .nav-item--parent > a .caret {
  display: inline-block;
}

/* Caret inside dropdowns - right side caret */
/* line 74, ../scss/module/_menu.scss */
.nav-regular .nav-panel a .caret {
  margin-left: 5px;
  opacity: 0.2;
}

/* line 78, ../scss/module/_menu.scss */
.nav-regular .nav-panel a:hover .caret {
  opacity: 1;
}

/* Sticky logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 86, ../scss/module/_menu.scss */
.nav-item--stickylogo {
  display: none;
}

/* line 89, ../scss/module/_menu.scss */
.nav-item--stickylogo img {
  padding-right: 10px;
}

/* Show only when sticky header active */
/* line 94, ../scss/module/_menu.scss */
.sticky-header .nav-item--stickylogo {
  display: inline;
}

/* line 97, ../scss/module/_menu.scss */
.header-container:not(.sticky-header) .nav-item--stickylogo {
  display: none !important;
}

/* Home link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Home link with icon inside a menu item
-------------------------------------------------------------- */
/* Class "feature" inside an item */
/* line 109, ../scss/module/_menu.scss */
.nav-regular .nav-item--home .ic {
  display: inline-block;
  font-size: 16px;
  padding: 0;
  width: 30px;
  text-align: center;
  vertical-align: middle;
  float: none;
  background-color: transparent !important;
  /* Remove default colors */
}

/* Single icon as a home link
-------------------------------------------------------------- */
/* line 122, ../scss/module/_menu.scss */
.navi .nav-item--homeicon a {
  padding-left: 17px;
  /* The same as side padding of top-level items +5px */
  padding-right: 5px;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  opacity: 1;
  transition: opacity 450ms ease-in-out;
  -moz-transition: opacity 450ms ease-in-out;
  -webkit-transition: opacity 450ms ease-in-out;
  -o-transition: opacity 450ms ease-in-out;
}

/* line 134, ../scss/module/_menu.scss */
.navi .nav-item--homeicon a:hover {
  opacity: 0.6;
  transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  -o-transition-duration: 100ms;
}

/* Category labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 146, ../scss/module/_menu.scss */
.cat-label {
  padding: 2px 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  text-transform: none;
  text-shadow: none;
  transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
  -moz-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
  -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
  -o-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
}

/* line 160, ../scss/module/_menu.scss */
li > a:hover > span > .cat-label {
  transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  -o-transition-duration: 100ms;
}

/* labels: 1st level
-------------------------------------------------------------- */
/* line 169, ../scss/module/_menu.scss */
li.level0 > a > span {
  position: relative;
}

/* line 170, ../scss/module/_menu.scss */
li.level0 > a > span > .cat-label {
  position: absolute;
  top: -10px;
  /*-14px*/
  right: 0;
  padding: 0 6px;
  font-size: 14px;
  line-height: 22px;
}

/* Add pin (1st level only) */
/* line 181, ../scss/module/_menu.scss */
li.level0 > a > span > .pin-bottom:before {
  position: absolute;
  right: 6px;
  top: 22px;
  width: 0;
  height: 0;
  content: "";
  border-style: solid;
  border-width: 4px;
  border-color: transparent;
  transition: border-color 450ms ease-in-out;
  -moz-transition: border-color 450ms ease-in-out;
  -webkit-transition: border-color 450ms ease-in-out;
  -o-transition: border-color 450ms ease-in-out;
}

/* line 197, ../scss/module/_menu.scss */
li.level0 > a:hover > span > .pin-bottom:before {
  transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  -o-transition-duration: 100ms;
}

/* labels: 2nd level
-------------------------------------------------------------- */
/* line 206, ../scss/module/_menu.scss */
li.level1 > a > span > .cat-label {
  display: inline-block !important;
  padding: 0 4px;
  margin-left: 5px;
  vertical-align: middle;
}

/* labels: 3rd level
-------------------------------------------------------------- */
/* line 215, ../scss/module/_menu.scss */
li.level2 > a > span > .cat-label {
  display: inline-block !important;
  padding: 0 4px;
  margin-left: 2px;
}

/* Category labels inside mobile menu / vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 224, ../scss/module/_menu.scss */
.nav-mobile li > a > span > .cat-label,
.nav-vert li > a > span > .cat-label {
  position: static;
  display: inline-block !important;
  padding: 0 4px;
  margin-left: 5px;
  /* Label size: all levels */
  font-size: 14px;
  line-height: 18px;
}

/* Hide pin */
/* line 237, ../scss/module/_menu.scss */
.nav-mobile li > a > span > .pin-bottom:before,
.nav-vert li > a > span > .pin-bottom:before {
  display: none;
}

/* Non-clickable links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 246, ../scss/module/_menu.scss */
.navi a.no-click {
  cursor: default;
}

/* Remove highlight color on tap
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 252, ../scss/module/_menu.scss */
.navi,
.menu-trigger,
.nav-regular .nav-item.level0 > a {
  -webkit-tap-highlight-color: transparent;
}

/* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 261, ../scss/module/_menu.scss */
.navi-wrapper {
  position: relative;
}

/* line 264, ../scss/module/_menu.scss */
.navi {
  position: relative;
  /* Dropdown box position is relative to this container */
  -webkit-transform: translateZ(0);
  /* Fix possible glitches during animation */
}

/* Clearfix for menu items list */
/* line 270, ../scss/module/_menu.scss */
.navi > ul:before,
.navi > ul:after {
  display: table;
  content: " ";
}

/* line 275, ../scss/module/_menu.scss */
.navi > ul:after {
  clear: both;
}

/* Show/hide mobile menu */
/* line 280, ../scss/module/_menu.scss */
.navi.nav-mobile-triggerable {
  display: none;
  /* Important: menu needs to be cleared to avoid overlapping other elements inside nav bar, such as triggers and holders */
  clear: both;
}

/* line 286, ../scss/module/_menu.scss */
.navi.nav-mobile-triggerable.show {
  display: block;
}

/* Show/hide vertical menu */
/* line 291, ../scss/module/_menu.scss */
.navi.nav-vert-triggerable {
  display: none;
}

/* line 294, ../scss/module/_menu.scss */
.navi.nav-vert-triggerable.show {
  display: block;
}

/* Pull up dropdowns above other elements
-------------------------------------------------------------- */
/* Top menu in the header */
/* line 301, ../scss/module/_menu.scss */
.header-container .navi {
  z-index: 200;
}

/* Sidebar menu */
/* line 305, ../scss/module/_menu.scss */
.navi.nav-regular.navi-sidebarmenu {
  z-index: 199;
  /* One level below the menu */
}

/* Bottom border
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 313, ../scss/module/_menu.scss */
.nav-border-bottom {
  clear: both;
}

/* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Height of the menu bar (and other elements inisde menu bar)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Top-level items and menu triggers */
/* line 326, ../scss/module/_menu.scss */
.menu-trigger,
.nav-regular .nav-item.level0 > a {
  line-height: 50px;
}

/* Other elements inisde menu bar need to have the same height as height of the menu bar.
   Set max height to avoid issues with excessive height of the elements. */
/* line 333, ../scss/module/_menu.scss */
.nav-holder > *,
.nav-holder .dropdown .dropdown-heading {
  line-height: 50px;
  max-height: 50px;
}

/* Additional classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Menu items centered within the menu bar
-------------------------------------------------------------- */
/* line 346, ../scss/module/_menu.scss */
.nav-regular.centered {
  text-align: center;
}

/* line 349, ../scss/module/_menu.scss */
.nav-regular.centered li.level0 {
  float: none;
  display: inline-block;
}

/* line 354, ../scss/module/_menu.scss */
.nav-regular.centered li.level0.right,
.nav-regular.centered li.level0.left {
  float: none !important;
}

/* Sticky logo has to float left */
/* line 361, ../scss/module/_menu.scss */
.nav-regular.centered li.nav-item--stickylogo {
  float: left;
}

/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Openers */
/* line 370, ../scss/module/_menu.scss */
.nav-regular .opener {
  display: none;
}

/* Hide elements */
/* line 373, ../scss/module/_menu.scss */
.nav-regular .hide-in-desktop-menu {
  display: none !important;
}

/* Holders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Holder for additional elements inside the menu bar
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 383, ../scss/module/_menu.scss */
.nav-holders-wrapper {
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 201;
  /* One level above the menu */
  position: relative;
  /* Important: do not add floating to this element. Otherwise menu items may leave a gap (in the place where holders wrapper is displayed)
     after sticky menu suspends sticky mode. */
}

/* line 392, ../scss/module/_menu.scss */
.nav-holders-wrapper .nav-holder {
  margin: 0;
  float: right;
  /* Required default floating */
}

/* Elements inside holder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 401, ../scss/module/_menu.scss */
.nav-holder > * {
  display: block;
}

/* Specific elements inside holder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns
-------------------------------------------------------------- */
/* line 412, ../scss/module/_menu.scss */
.nav-holder .dropdown .dropdown-heading .label {
  vertical-align: baseline;
}

/* Search box
-------------------------------------------------------------- */
/* Common styles for search box in holder, when it's displayed inisde menu bar */
/* line 419, ../scss/module/_menu.scss */
.nav-regular .nav-holder .search-wrapper,
.nav-holders-wrapper .nav-holder .search-wrapper {
  width: inherit;
  /* Important: to avoid stretching the box to 100% */
  float: none !important;
  display: inline-block;
  vertical-align: middle;
  padding-left: 7px;
  /* To center the search box vertically */
  margin-bottom: 1px;
  /* Override styles of search box when its inside element with class ".hp-blocks-holder--stacked" */
  max-width: none;
  margin: 0;
}

/* line 435, ../scss/module/_menu.scss */
.nav-regular .nav-holder .search-wrapper .input-text,
.nav-holders-wrapper .nav-holder .search-wrapper .input-text {
  /* To center the search box vertically */
  margin-bottom: 1px;
}

/* Dropdowns
-------------------------------------------------------------- */
/* line 444, ../scss/module/_menu.scss */
.nav-holder .dropdown .dropdown-heading.cover > span,
.nav-holder .dropdown .dropdown-heading.cover > div {
  padding: 0 15px;
}

/* Common styles with mobile menu trigger
-------------------------------------------------------------- */
/* line 451, ../scss/module/_menu.scss */
.menu-trigger,
.nav-holder .dropdown .dropdown-heading {
  font-size: 14px;
}

/* Vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 461, ../scss/module/_menu.scss */
.navi.nav-vert-triggerable {
  position: absolute;
  left: 0;
}

/* The width of the trigger is the same as the width of the sidebar.
   FEATURE: it should depend on the width of the sidebar.
*/
/* line 469, ../scss/module/_menu.scss */
.navi.nav-vert-triggerable,
.vertnav-trigger {
  width: 231px;
}

/* Hide selected elements
-------------------------------------------------------------- */
/* Important: added ".nav-item" class to make the rule more specific */
/* line 477, ../scss/module/_menu.scss */
.nav-vert .nav-item.nav-item--home {
  display: none !important;
}

/* line 480, ../scss/module/_menu.scss */
.nav-vert .nav-item--stickylogo {
  display: none !important;
}

/* Vertical menu trigger
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 488, ../scss/module/_menu.scss */
.vertnav-trigger {
  float: left;
}

/* Additional custom links inside menu bar
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 496, ../scss/module/_menu.scss */
.nav-inline-links {
  float: left;
  margin: 0;
}

/* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Mobile menu trigger
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 509, ../scss/module/_menu.scss */
.mobnav-trigger {
  display: none;
}

/* If trigger is next to the holders wrapper, make it float left
   so that it doesn't span entire container and overlap holders. */
/* line 515, ../scss/module/_menu.scss */
.nav-holders-wrapper + .mobnav-trigger {
  float: left;
}

/* In left column, make it float right */
/* line 519, ../scss/module/_menu.scss */
.left-column .nav-holders-wrapper + .mobnav-trigger {
  float: right;
}

/* In right column, make it float left */
/* line 523, ../scss/module/_menu.scss */
.right-column .nav-holders-wrapper + .mobnav-trigger {
  float: left;
}

/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns inside mobile menu */
/* line 532, ../scss/module/_menu.scss */
.nav-mobile .nav-panel--dropdown {
  /* Override width which can be added to dropdowns of the regular menu */
  width: 100% !important;
  /* Reset of dropdown's inline positioning */
  left: 0 !important;
  top: 0 !important;
}

/* Dropdowns - categories without category blocks but with subcategories
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Simplify dropdown */
/* Remove dropdown shadow and background color  */
/* line 547, ../scss/module/_menu.scss */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown {
  box-shadow: none;
  background-color: transparent !important;
}

/* Remove padding of inner panel */
/* line 554, ../scss/module/_menu.scss */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner {
  padding: 0 !important;
}

/* Stretch the central column */
/* line 558, ../scss/module/_menu.scss */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner > .nav-block--center {
  margin: 0;
  width: 100%;
}

/* Hide category blocks (in case there are any non-standard added by user's modifications) */
/* line 563, ../scss/module/_menu.scss */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner > .nav-block {
  display: none;
}

/* Dropdowns - categories which have only category blocks
   but have no subcategories
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Special class "opt-sob" displays these items */
/* On 1st level, by default hide these items */
/* line 575, ../scss/module/_menu.scss */
.nav-mobile .level0.nav-item.nav-item--only-blocks {
  display: none;
}

/* With special class "opt-sob", show these items */
/* line 578, ../scss/module/_menu.scss */
.nav-mobile.opt-sob .level0.nav-item.nav-item--only-blocks {
  display: block;
}

/* Dropdowns - show category blocks on selected topmost levels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Structure of the selectors used below:
   mobileMenu.modifier [level] categoryBlock
   mobileMenu.modifier [level] item > panel > innerPanel > categoryBlock

   Classes such as opt-sb0, opt-sb1 etc. are modifiers of the mobile menu.

   To show category blocks on only the first level, we hide
   category blocks on all lower levels and simplify dropdowns.
*/
/* Default class "opt-sb0"
   - hide category blocks on all level and simplify dropdowns.
-------------------------------------------------------------- */
/* line 598, ../scss/module/_menu.scss */
.nav-mobile.opt-sb0 .nav-block {
  display: none;
}

/* line 599, ../scss/module/_menu.scss */
.nav-mobile.opt-sb0 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

/* Remove dropdown shadow and background color */
/* line 600, ../scss/module/_menu.scss */
.nav-mobile.opt-sb0 .nav-item > div > div {
  padding: 0 !important;
}

/* Remove padding of inner panel */
/* line 601, ../scss/module/_menu.scss */
.nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

/* Stretch the central column */
/* line 602, ../scss/module/_menu.scss */
.nav-mobile.opt-sb0 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Hide items containing only category blocks */
/* Override styles which simplify dropdowns when default class "opt-sb0" is present.
   When the default class is not present, we don't need to do this. */
/* line 606, ../scss/module/_menu.scss */
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks .nav-block {
  display: block;
}

/* .nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div { background-color: transparent !important; } */
/* line 608, ../scss/module/_menu.scss */
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div > div {
  padding: 20px !important;
}

/* line 609, ../scss/module/_menu.scss */
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div > div > .nav-block--center {
  margin-top: 1%;
  margin-bottom: 1%;
}

/* Show on 1 topmost level
-------------------------------------------------------------- */
/* line 613, ../scss/module/_menu.scss */
.nav-mobile.opt-sb1 ul.level0 .nav-block {
  display: none;
}

/* line 614, ../scss/module/_menu.scss */
.nav-mobile.opt-sb1 ul.level0 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

/* line 615, ../scss/module/_menu.scss */
.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div {
  padding: 0 !important;
}

/* line 616, ../scss/module/_menu.scss */
.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

/* line 617, ../scss/module/_menu.scss */
.nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Show on 2 topmost levels
-------------------------------------------------------------- */
/* line 621, ../scss/module/_menu.scss */
.nav-mobile.opt-sb2 ul.level1 .nav-block {
  display: none;
}

/* line 622, ../scss/module/_menu.scss */
.nav-mobile.opt-sb2 ul.level1 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

/* line 623, ../scss/module/_menu.scss */
.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div {
  padding: 0 !important;
}

/* line 624, ../scss/module/_menu.scss */
.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

/* line 625, ../scss/module/_menu.scss */
.nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Show on 3 topmost levels
-------------------------------------------------------------- */
/* line 629, ../scss/module/_menu.scss */
.nav-mobile.opt-sb3 ul.level2 .nav-block {
  display: none;
}

/* line 630, ../scss/module/_menu.scss */
.nav-mobile.opt-sb3 ul.level2 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

/* line 631, ../scss/module/_menu.scss */
.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div {
  padding: 0 !important;
}

/* line 632, ../scss/module/_menu.scss */
.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

/* line 633, ../scss/module/_menu.scss */
.nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Show on 4 topmost levels
-------------------------------------------------------------- */
/* line 637, ../scss/module/_menu.scss */
.nav-mobile.opt-sb4 ul.level3 .nav-block {
  display: none;
}

/* line 638, ../scss/module/_menu.scss */
.nav-mobile.opt-sb4 ul.level3 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

/* line 639, ../scss/module/_menu.scss */
.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div {
  padding: 0 !important;
}

/* line 640, ../scss/module/_menu.scss */
.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

/* line 641, ../scss/module/_menu.scss */
.nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Show on 5 topmost levels
-------------------------------------------------------------- */
/* line 645, ../scss/module/_menu.scss */
.nav-mobile.opt-sb5 ul.level4 .nav-block {
  display: none;
}

/* line 646, ../scss/module/_menu.scss */
.nav-mobile.opt-sb5 ul.level4 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

/* line 647, ../scss/module/_menu.scss */
.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div {
  padding: 0 !important;
}

/* line 648, ../scss/module/_menu.scss */
.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

/* line 649, ../scss/module/_menu.scss */
.nav-mobile.opt-sb5 ul.level4 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Hide blocks on all levels below this breakpoint
-------------------------------------------------------------- */
/* Added more classes and selectors to these rules
   to increase specificity */
@media only screen and (max-width: 479px) {
  /* line 656, ../scss/module/_menu.scss */
  .navi.nav-mobile.opt-hide480 .nav-block {
    display: none !important;
  }

  /* line 657, ../scss/module/_menu.scss */
  .navi.nav-mobile.opt-hide480 li.nav-item > div.nav-panel--dropdown {
    box-shadow: none !important;
    background-color: transparent !important;
  }

  /* line 658, ../scss/module/_menu.scss */
  .navi.nav-mobile.opt-hide480 li.nav-item > div.nav-panel--dropdown > div {
    padding: 0 !important;
  }

  /* line 659, ../scss/module/_menu.scss */
  .navi.nav-mobile.opt-hide480 li.nav-item > div > div > .nav-block--center {
    margin: 0 !important;
    width: 100% !important;
  }

  /* line 660, ../scss/module/_menu.scss */
  .navi.nav-mobile.opt-hide480 li.nav-item.nav-item--only-blocks {
    display: none !important;
  }
}
/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Carets
-------------------------------------------------------------- */
/* line 669, ../scss/module/_menu.scss */
.nav-mobile .caret {
  display: none !important;
}

/* Sticky logo
-------------------------------------------------------------- */
/* line 673, ../scss/module/_menu.scss */
.nav-mobile .nav-item--stickylogo {
  display: none !important;
}

/* Home link
-------------------------------------------------------------- */
/* line 677, ../scss/module/_menu.scss */
.nav-mobile .nav-item--home {
  display: none !important;
}

/* Hide elements
-------------------------------------------------------------- */
/* line 681, ../scss/module/_menu.scss */
.nav-mobile .hide-in-mobile-menu {
  display: none !important;
}

/* Hide containers for additional elements
-------------------------------------------------------------- */
/* line 685, ../scss/module/_menu.scss */
.nav-mobile .nav-holder {
  display: none !important;
}

/* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Other modules/components
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Item sliders
-------------------------------------------------------------- */
/* line 698, ../scss/module/_menu.scss */
.navi .itemslider {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 699, ../scss/module/_menu.scss */
.navi .itemslider .item {
  padding-top: 5px;
  padding-bottom: 0;
}

/* line 700, ../scss/module/_menu.scss */
.navi .itemslider .product-name a {
  display: inline-block;
}

/* line 701, ../scss/module/_menu.scss */
.navi .itemslider .product-name {
  margin-top: 8px;
}

/* *************************************************************************************************************
****************************************************************************************************************
 DROPDOWN BOXES ************************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* All levels
-------------------------------------------------------------- */
/* line 722, ../scss/module/_menu.scss */
.nav-regular .nav-item {
  text-align: left;
}

/* line 725, ../scss/module/_menu.scss */
.nav-regular .nav-item > a {
  display: block;
  text-decoration: none;
  font-size: 14px;
}

/* Level 1 only
-------------------------------------------------------------- */
/* line 733, ../scss/module/_menu.scss */
.nav-regular li.level0 {
  float: left;
}

/* line 734, ../scss/module/_menu.scss */
.nav-regular li.level0 > a {
  padding: 0 12px;
}

/* line 735, ../scss/module/_menu.scss */
.nav-regular li.level0 > a > span {
  display: inline-block;
  white-space: nowrap;
}

/* Top-level item on hover */
/* line 738, ../scss/module/_menu.scss */
.nav-regular li.level0:hover > a {
  /* Pull up the link above the dropdown */
  z-index: 2;
  position: relative;
}

/* Caret */
/* line 745, ../scss/module/_menu.scss */
.nav-regular li.level0 > a .caret {
  opacity: 0.3;
  /* Fix: IE11
      Set small line height to avoid issues:
      - menu doesn't get additional border below the menu when menu items have dropdowns
      - menu doesn't get additional padding below the menu when menu items have dropdowns
      */
  line-height: 1;
}

/* line 755, ../scss/module/_menu.scss */
.nav-regular li.level0.active > a .caret {
  opacity: 1;
}

/* line 758, ../scss/module/_menu.scss */
.nav-regular li.level0:hover > a .caret {
  opacity: 1;
}

/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
/* line 770, ../scss/module/_menu.scss */
.nav-regular .nav-panel--dropdown {
  display: none;
  position: absolute;
  top: 0;
  background-color: #fff;
  /* To avoid transparent menu */
  z-index: 1;
  /* To avoid links overlaping a dropdown */
  /* Uncomment below line to fix possible glitches during animation in webkit browsers */
  /*-webkit-transform: translateZ(0);*/
}

/* Inner wrapper of the dropdown (for additional padding etc.)
-------------------------------------------------------------- */
/* line 783, ../scss/module/_menu.scss */
.navi .nav-panel-inner {
  padding: 20px;
}

/* Required value in pixels to keep padding consistent in different dropdowns */
/* line 784, ../scss/module/_menu.scss */
.navi .nav-panel-inner:before,
.navi .nav-panel-inner:after {
  display: table;
  line-height: 0;
  content: "";
}

/* line 786, ../scss/module/_menu.scss */
.navi .nav-panel-inner:after {
  clear: both;
}

/* Full width dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 792, ../scss/module/_menu.scss */
.nav-regular .nav-panel.full-width {
  width: 100%;
}

/* line 793, ../scss/module/_menu.scss */
.nav-regular .nav-panel.tmp-full-width {
  width: 100% !important;
}

/* Temporary class required by js */
/* Effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Fade
-------------------------------------------------------------- */
/* line 801, ../scss/module/_menu.scss */
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown {
  display: block;
  /* Important: has to be visible before hover */
  left: -10000px;
  opacity: 0;
  -webkit-transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
  transition: opacity 50ms ease-in-out 50ms, left 0s ease-in-out 100ms, top 0s ease-in-out 100ms;
}

/* line 810, ../scss/module/_menu.scss */
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown {
  opacity: 1;
  transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -webkit-transition-delay: 50ms;
  -o-transition-delay: 50ms;
}

/* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
/* line 828, ../scss/module/_menu.scss */
.nav-regular .mega > .nav-panel--dropdown {
  margin: 0;
}

/* Level 2+
-------------------------------------------------------------- */
/* line 834, ../scss/module/_menu.scss */
.nav-regular .nav-panel li.mega {
  position: relative;
  /* Container of the dropdown has to be relative (only on levels 2+) */
}

/* line 837, ../scss/module/_menu.scss */
.nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown {
  display: block;
  left: 60px;
  top: 0;
}

/* Inside mega dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align submenu's content (grid) with the submenu */
/* line 848, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega {
  margin-left: -1%;
  margin-right: -1%;
}

/* Items */
/* line 854, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega .nav-item > a {
  padding: 0px 4px 0px 7px;
  /* Less right padding to avoid word wrapping */
}

/* Inside mega dropdown, level 1: item
-------------------------------------------------------------- */
/* line 860, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > .nav-item {
  display: inline-block;
  float: none;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 5px;
}

/* line 867, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > .nav-item > a {
  line-height: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */
/* line 874, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > .nav-item.parent > a {
  margin-bottom: 5px;
}

/* line 877, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > .nav-item.nav-item--parent > a {
  margin-bottom: 0;
}

/* Inside mega dropdown, level 1: submenu
-------------------------------------------------------------- */
/* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item).
   Also, add bottom margin to panel, but romove it if it's a dropdown. */
/* line 885, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > li > .nav-panel {
  position: static;
  margin-bottom: 10px;
}

/* line 889, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > li > .nav-panel--dropdown {
  position: absolute;
  margin-bottom: 0;
}

/* Inside mega dropdown, level 1: category blocks
-------------------------------------------------------------- */
/* line 896, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > li > .nav-block--top {
  margin-top: 0;
  margin-bottom: 10px;
}

/* line 901, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > li > .nav-block--bottom {
  margin-top: 10px;
  margin-bottom: 0;
}

/* Inside mega dropdown, level 2: item
-------------------------------------------------------------- */
/* line 908, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > li > ul > li > a {
  line-height: 24px;
}

/* Inside mega dropdown, level 2: item with bullet.
   If mega dropdown has additional bullets
   (displayed for 2nd and 3rd level items).
-------------------------------------------------------------- */
/* Added ":not(.nav-item--parent)" to not display bullet if the item is inside a dropdown
   (e.g. if type "classic" was applied to 2nd-level cat, 3rd level cats will be inside a dropdown so remove bullets from 3rd level cats) */
/* line 919, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a {
  padding-left: 28px;
  position: relative;
}

/* line 923, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a:before {
  content: "\e263";
  font-family: 'ThemeIcons';
  line-height: 24px;
  /* The same as actual height of the item */
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  width: 24px;
  /* Not larger than the left padding of the item */
  transition: left 150ms ease-out;
  -moz-transition: left 150ms ease-out;
  -webkit-transition: left 150ms ease-out;
  -o-transition: left 150ms ease-out;
}

/* line 937, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a.showmore {
  color: #50b848;
}
/* line 940, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a.showmore:hover {
  text-decoration: underline;
}
/* line 943, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a.showmore:hover:before {
  left: 4px;
}
/* line 947, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a.showmore:before {
  content: "+";
  line-height: 17px;
  /* The same as actual height of the item */
  left: 0;
  position: absolute;
  top: 0;
  text-align: center;
  width: 24px;
  /* Not larger than the left padding of the item */
  transition: left 150ms ease-out;
  -moz-transition: left 150ms ease-out;
  -webkit-transition: left 150ms ease-out;
  -o-transition: left 150ms ease-out;
}

@media (max-width: 768px) {
  /* line 963, ../scss/module/_menu.scss */
  a.showmore {
    position: relative;
    color: #50b848 !important;
  }
  /* line 967, ../scss/module/_menu.scss */
  a.showmore:before {
    display: block !important;
    content: "+";
    line-height: 17px;
    /* The same as actual height of the item */
    left: 21px;
    position: absolute;
    top: 2px;
    text-align: center;
    width: 24px;
    /* Not larger than the left padding of the item */
    transition: left 150ms ease-out;
    -moz-transition: left 150ms ease-out;
    -webkit-transition: left 150ms ease-out;
    -o-transition: left 150ms ease-out;
  }
}
/* If there's an icon inside mega dropdown, it needs to have the same line height as the item  */
/* line 985, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a .ic {
  line-height: 24px;
}

/* Remove bullet if item has an icon */
/* line 990, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-submenu--mega > li > ul > li.iconic > a:before {
  display: none;
}

/* Inside mega dropdown, level 2: submenu dropdown
-------------------------------------------------------------- */
/* line 998, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > li > ul > .nav-item--parent:hover > .nav-panel--dropdown {
  left: 60%;
  /* TODO - add z-index if dropdown should be displayed over the containing item (which in "classic" dropdown has a background and covers the child dropdown) */
  /* z-index: 3; */
}

/* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Level 2+
-------------------------------------------------------------- */
/* line 1011, ../scss/module/_menu.scss */
.nav-regular .classic > .nav-panel--dropdown > li > a {
  line-height: 36px;
  padding-left: 10px;
}

/* line 1015, ../scss/module/_menu.scss */
.nav-regular .classic > .nav-panel--dropdown > li > a .caret {
  float: right;
  margin-right: 10px;
  /* Important:
     when floating, caret needs to have the same height as item.
     Caret may exceed height of the item so we apply small negative margin.
     */
  line-height: inherit;
  margin-bottom: -2px;
}

/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
/* line 1033, ../scss/module/_menu.scss */
.nav-regular .classic > .nav-panel--dropdown {
  margin: 0;
  padding: 10px;
  width: 16em;
  min-width: 12em;
}

/* Level 2+
-------------------------------------------------------------- */
/* Container of the dropdown has to be relative */
/* line 1043, ../scss/module/_menu.scss */
.nav-regular .nav-panel li.classic {
  position: relative;
}

/* line 1046, ../scss/module/_menu.scss */
.nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown {
  display: block;
  left: 100%;
  top: 0;
}

/* If classic dropdown is on the 1 level of mega dropdown, change positioning */
/* line 1053, ../scss/module/_menu.scss */
.nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown {
  left: 60px;
  top: 20px;
}

/* Inside dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1062, ../scss/module/_menu.scss */
.nav-regular .nav-panel li.classic:hover > a {
  /* TODO - add z-index (must be greater than dropdown's) if the link should be displayed over the child dropdown
     (link in "classic" dropdown has a background so it would cover the child dropdown and dropdown's shadow) */
  /* z-index: 2; */
  position: relative;
}

/* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* When submenu has to be displayed not as a dropdown, but as a simple nested list (with slight left indent) */
/* line 1076, ../scss/module/_menu.scss */
.nav-regular .nav-item.simple > ul {
  padding-left: 10px;
}

/* If mega dropdown has additional bullets (displayed for 2nd and 3rd level items in mega dropdown) */
/* line 1081, ../scss/module/_menu.scss */
.nav-regular.with-bullets .nav-item.simple > ul {
  padding-left: 28px;
  /* The same space as for standard item */
}

/* Bullets */
/* line 1086, ../scss/module/_menu.scss */
.nav-regular .nav-item.simple > ul > li > a {
  line-height: 24px;
  padding-left: 15px !important;
  /* Override item standard padding */
  position: relative;
  opacity: 0.6;
}

/* line 1092, ../scss/module/_menu.scss */
.nav-regular .nav-item.simple:hover > ul > li > a {
  opacity: 1;
}

/* line 1095, ../scss/module/_menu.scss */
.nav-regular .nav-item.simple > ul > li > a:before {
  content: "\e263";
  font-size: 10px;
  line-height: 24px;
  /* The same as actual height of the item */
  left: -2px;
  position: absolute;
  top: 0px;
  text-align: center;
  width: 10px;
  /* Not larger than the left padding of the item */
  transition: left 150ms ease-out;
  -moz-transition: left 150ms ease-out;
  -webkit-transition: left 150ms ease-out;
  -o-transition: left 150ms ease-out;
}

/* line 1109, ../scss/module/_menu.scss */
.nav-regular .nav-item.simple > ul > li > a:hover:before {
  left: 3px;
}

/* Vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* All levels
-------------------------------------------------------------- */
/* line 1120, ../scss/module/_menu.scss */
.nav-vert li.level0 {
  float: none !important;
  /* Add "!important" to override floating of right-aligned items */
}

/* line 1123, ../scss/module/_menu.scss */
.nav-vert li.level0 > a {
  padding-left: 10px;
  padding-right: 7px;
}

/* line 1127, ../scss/module/_menu.scss */
.nav-vert li.level0 > a .caret {
  float: right;
  /* Important:
     when floating, caret needs to have the same height as item.
     Caret may exceed height of the item so we apply small negative margin.
     */
  line-height: inherit;
  margin-bottom: -2px;
}

/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Level 1
-------------------------------------------------------------- */
/* line 1144, ../scss/module/_menu.scss */
.nav-vert li.level0 > .nav-panel--dropdown {
  /* We may need to set static left positionning to prevent styling issues (inaccurate positionning via JS: non pixel-perfect) */
  left: 100% !important;
}

/* Item with icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Important: it has to be defined after item with bullet */
/* line 1155, ../scss/module/_menu.scss */
.navi .nav-item.iconic > a {
  position: relative;
  padding-left: 28px !important;
}

/* line 1159, ../scss/module/_menu.scss */
.navi .nav-item.iconic > a .ic {
  content: "\e226";
  font-size: 14px;
  line-height: 36px;
  /* The same as actual height of the item */
  left: 0px;
  position: absolute;
  top: 0px;
  text-align: center;
  width: 28px;
  /* Not larger than the left padding of the item */
}

/* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 1174, ../scss/module/_menu.scss */
.dd-itemgrid > .nav-item {
  float: left;
  padding-left: 1%;
  padding-right: 1%;
}

/* Itemgrid: different numbers of columns
-------------------------------------------------------------- */
/* Clear first item in each row (row: group of n items) */
/* Item grid: 1 column */
/* line 1185, ../scss/module/_menu.scss */
.dd-itemgrid-1col > .nav-item {
  width: 98%;
}

/* Item grid: 2 columns */
/* line 1188, ../scss/module/_menu.scss */
.dd-itemgrid-2col > .nav-item {
  width: 48%;
}

/* line 1189, ../scss/module/_menu.scss */
.dd-itemgrid-2col > .nav-item:nth-child(2n+1) {
  clear: left;
}

/* Item grid: 3 columns */
/* line 1192, ../scss/module/_menu.scss */
.dd-itemgrid-3col > .nav-item {
  width: 31.3333%;
}

/* line 1193, ../scss/module/_menu.scss */
.dd-itemgrid-3col > .nav-item:nth-child(3n+1) {
  clear: left;
}

/* Item grid: 4 columns */
/* line 1196, ../scss/module/_menu.scss */
.dd-itemgrid-4col > .nav-item {
  width: 23%;
}

/* line 1197, ../scss/module/_menu.scss */
.dd-itemgrid-4col > .nav-item:nth-child(4n+1) {
  clear: left;
}

/* Item grid: 5 columns */
/* line 1200, ../scss/module/_menu.scss */
.dd-itemgrid-5col > .nav-item {
  width: 18%;
}

/* line 1201, ../scss/module/_menu.scss */
.dd-itemgrid-5col > .nav-item:nth-child(5n+1) {
  clear: left;
}

/* Item grid: 6 columns */
/* line 1204, ../scss/module/_menu.scss */
.dd-itemgrid-6col > .nav-item {
  width: 14.6666%;
}

/* line 1205, ../scss/module/_menu.scss */
.dd-itemgrid-6col > .nav-item:nth-child(6n+1) {
  clear: left;
}

/* Item grid: 7 columns */
/* line 1208, ../scss/module/_menu.scss */
.dd-itemgrid-7col > .nav-item {
  width: 12.2857%;
}

/* line 1209, ../scss/module/_menu.scss */
.dd-itemgrid-7col > .nav-item:nth-child(7n+1) {
  clear: left;
}

/* Item grid: 8 columns */
/* line 1212, ../scss/module/_menu.scss */
.dd-itemgrid-8col > .nav-item {
  width: 10.5%;
}

/* line 1213, ../scss/module/_menu.scss */
.dd-itemgrid-8col > .nav-item:nth-child(8n+1) {
  clear: left;
}

/* *************************************************************************************************************
****************************************************************************************************************
 MOBILE MENU ACCORDION *****************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* Accordion
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1232, ../scss/module/_menu.scss */
.acco {
  list-style-type: none;
}

/* line 1235, ../scss/module/_menu.scss */
.acco li.nav-item {
  list-style-type: none;
  display: block;
  float: left;
  width: 100% !important;
  /* Use "!important" to override grid units styling */
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  /* For opener positioning */
}

/* line 1244, ../scss/module/_menu.scss */
.acco ul.nav-panel {
  display: block;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* Items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Space for openner if item has children. Space has to be a few pixels wider than openner */
/* line 1257, ../scss/module/_menu.scss */
.acco li.parent > a {
  padding-right: 54px;
}

/* All levels
-------------------------------------------------------------- */
/* line 1263, ../scss/module/_menu.scss */
.acco .nav-item > a {
  line-height: 50px;
  display: block;
  padding: 0 10px;
  font-size: 16px;
}

/* Level 1
-------------------------------------------------------------- */
/* line 1272, ../scss/module/_menu.scss */
.acco li.level0 > a {
  font-size: 18px;
  text-transform: uppercase;
}

/* Level 2
-------------------------------------------------------------- */
/* line 1279, ../scss/module/_menu.scss */
.acco li.level1 > a {
  padding-left: 30px;
  font-size: 16px;
  text-transform: uppercase;
}

/* Level 3
-------------------------------------------------------------- */
/* line 1287, ../scss/module/_menu.scss */
.acco li.level2 > a {
  padding-left: 50px;
  font-size: 16px;
  text-transform: none;
}

/* Level 4
-------------------------------------------------------------- */
/* line 1295, ../scss/module/_menu.scss */
.acco li.level3 > a {
  padding-left: 70px;
  font-size: 14px;
  text-transform: none;
}

/* Level 5+
-------------------------------------------------------------- */
/* line 1303, ../scss/module/_menu.scss */
.acco li.level3 .nav-item > a {
  padding-left: 90px;
  font-size: 12px;
  text-transform: none;
}

/* Opener
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1313, ../scss/module/_menu.scss */
.acco .opener {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
/* line 1324, ../scss/module/_menu.scss */
.acco .opener:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* *************************************************************************************************************
****************************************************************************************************************
 SIDEBAR MENU **************************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* Simple vertical accordion in sidebar menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1346, ../scss/module/_menu.scss */
.sideacco {
  float: left;
  width: 100%;
}

/* Number of products in category */
/* line 1352, ../scss/module/_menu.scss */
.sideacco .number {
  color: #aaa;
  margin-left: 3px;
}

/* Category labels inside vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels */
/* line 1362, ../scss/module/_menu.scss */
.sideacco li > a > span > .cat-label {
  position: static;
  display: inline-block !important;
  padding: 0 4px;
  margin-left: 3px;
}

/* Hide pin */
/* line 1370, ../scss/module/_menu.scss */
.sideacco li > a > span > .pin-bottom:before {
  display: none;
}

/**
 * Silvertree Internet Holdings - Brands
 *
 * NOTICE OF LICENSE
 *
 * Private Proprietary Software (http://silvertree.holdings/legal)
 *
 * @category   Sih
 * @package    Sih_Brands
 * @copyright  Copyright (c) 2017 Silvertree Internet Holdings (http://silvertree.holdings)
 * @license    http://silvertree.holdings/legal  Private Proprietary Software
 * @author     Shaughn Le Grange - Hatlen <magento@silvertree.holdings>
 */
/* line 16, ../scss/module/_sih_brands.scss */
#brands-index h2 {
  padding-top: 50px;
  padding-bottom: 15px;
  border-bottom: 3px solid #e4e4e4;
  width: 100%;
}
/* line 23, ../scss/module/_sih_brands.scss */
#brands-index .brand {
  width: 150px;
  float: left;
  text-align: center;
}
/* line 29, ../scss/module/_sih_brands.scss */
#brands-index .index-toolbar {
  padding-top: 30px;
  width: 100%;
  content: '';
  display: table;
  clear: both;
}
/* line 36, ../scss/module/_sih_brands.scss */
#brands-index .index-toolbar a {
  float: left;
  width: -webkit-calc(100% / 27);
  width: calc(100% / 27);
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #C0C0C0;
  color: #ffffff;
  border-radius: 0;
  margin: 5px;
}
/* line 47, ../scss/module/_sih_brands.scss */
#brands-index .index-toolbar a:hover {
  background: #bd08c3;
}
@media (max-width: 599px) {
  /* line 36, ../scss/module/_sih_brands.scss */
  #brands-index .index-toolbar a {
    width: -webkit-calc(100% / 5);
    width: calc(100% / 5);
  }
}

/* line 2, ../scss/module/_sih_productslider.scss */
.widget-product-sliders .section-title {
  border-top: 0;
}
/* line 8, ../scss/module/_sih_productslider.scss */
.widget-product-sliders .products-grid .item-info-wrapper {
  padding: 7px 12px 30px 12px !important;
}
/* line 12, ../scss/module/_sih_productslider.scss */
.widget-product-sliders .products-grid .product-action {
  text-align: center;
}
/* line 16, ../scss/module/_sih_productslider.scss */
.widget-product-sliders .products-grid .product-rating {
  text-align: center;
}
/* line 21, ../scss/module/_sih_productslider.scss */
.widget-product-sliders .owl-controls {
  top: -66px;
  right: 0;
  position: absolute;
}

/* ============================================ *
 * Global
 * ============================================ */
/* line 6, ../scss/module/_petheaven_subscription.scss */
.json-error {
  width: auto;
  height: auto;
  min-width: 150px;
  min-height: 37px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  background-color: #ffbaba;
  border: 1px solid #D8000C;
  padding: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* line 20, ../scss/module/_petheaven_subscription.scss */
.json-success {
  width: auto;
  height: auto;
  min-width: 150px;
  min-height: 37px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #000000;
  background-color: #dff2bf;
  border: 1px solid #4f8a10;
  padding: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* line 34, ../scss/module/_petheaven_subscription.scss */
.json-success .text,
.json-error .text {
  vertical-align: middle;
  margin: auto;
}

/* ============================================ *
 * Price HTML
 * ============================================ */
/* line 45, ../scss/module/_petheaven_subscription.scss */
.price-box .regular-price {
  font-size: 14px;
}
/* line 47, ../scss/module/_petheaven_subscription.scss */
.price-box .regular-price .price {
  float: none;
  color: #50b848;
  font-size: inherit;
  text-align: center;
  display: block;
}
/* line 55, ../scss/module/_petheaven_subscription.scss */
.price-box .minimal-price {
  font-size: 14px;
  text-align: center;
}
/* line 58, ../scss/module/_petheaven_subscription.scss */
.price-box .minimal-price .price {
  color: #50b848;
  font-size: inherit;
}
/* line 63, ../scss/module/_petheaven_subscription.scss */
.price-box .save-price {
  color: #a9001c;
  float: left;
  margin-bottom: 3px;
  width: 100%;
}
/* line 69, ../scss/module/_petheaven_subscription.scss */
.price-box .save-price .price {
  float: right;
  color: #a9001c !important;
}
/* line 75, ../scss/module/_petheaven_subscription.scss */
.price-box .subscription-price-container .regular-price,
.price-box .subscription-price-container .subscription-price {
  float: left;
  width: 100%;
  font-size: 14px;
}
/* line 81, ../scss/module/_petheaven_subscription.scss */
.price-box .subscription-price-container .regular-price .price,
.price-box .subscription-price-container .subscription-price .price {
  float: right;
  color: #50b848;
  font-size: inherit;
}
/* line 88, ../scss/module/_petheaven_subscription.scss */
.price-box .subscription-price-container .subscription-price {
  color: #bd08c3;
}

/* line 96, ../scss/module/_petheaven_subscription.scss */
.products-grid .price-box.no-subscription-price {
  height: 45px;
}

/* line 102, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion {
  margin-bottom: 0px !important;
}
/* line 105, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off,
#subscription-accordion .heading-subscription {
  position: relative;
  cursor: pointer;
  padding: 20px 6px 20px 44px;
  border-radius: 2px;
  transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
  background-color: #4fb8485c;
}
/* line 117, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off.active,
#subscription-accordion .heading-subscription.active {
  background: #50b848;
}
/* line 120, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off.active .price,
#subscription-accordion .heading-subscription.active .price {
  color: #fff;
}
/* line 123, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off.active .special-price .price,
#subscription-accordion .heading-subscription.active .special-price .price {
  color: #baff00 !important;
  font-weight: bold;
}
/* line 127, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off.active .radio-label,
#subscription-accordion .heading-subscription.active .radio-label {
  color: #fff;
  font-size: 14px;
}
/* line 132, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off.active .radio-dot:before,
#subscription-accordion .heading-subscription.active .radio-dot:before {
  background: #50b848;
  border-color: #57ab4e;
}
/* line 139, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off.active:hover .radio-dot:before,
#subscription-accordion .heading-subscription.active:hover .radio-dot:before {
  background: #50b848;
  border-color: #57ab4e;
}
/* line 148, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off:hover .radio-dot:before,
#subscription-accordion .heading-subscription:hover .radio-dot:before {
  background: #adadad;
  border-color: #adadad;
}
/* line 154, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off .radio-label,
#subscription-accordion .heading-subscription .radio-label {
  font-size: 14px;
}
/* line 157, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off .radio-price,
#subscription-accordion .heading-subscription .radio-price {
  margin-left: 4px;
  font-weight: 800;
  color: #000000;
}
/* line 162, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off .radio-price .old-price,
#subscription-accordion .heading-subscription .radio-price .old-price {
  color: #000000;
}
/* line 167, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-once-off .radio-dot:before,
#subscription-accordion .heading-subscription .radio-dot:before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  border: 1px solid #ccc;
  top: 17px;
  left: 16px;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  box-shadow: inset 0 0 0 2px #fff;
}
/* line 183, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-subscription {
  background-color: #e8d4e9;
}
/* line 186, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-subscription.active {
  background: #b94196;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 190, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-subscription.active .price,
#subscription-accordion .heading-subscription.active .radio-price {
  color: #fff;
}
/* line 195, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-subscription.active .radio-dot:before {
  background: #b94196;
  border-color: #b94196;
}
/* line 202, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-subscription.active:hover .radio-dot:before {
  background: #b94196;
  border-color: #b94196;
}
/* line 211, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .heading-subscription:hover .radio-dot:before {
  background: #b94196;
  border-color: #b94196;
}
/* line 219, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion #content-subscription .btn-select.btn-success {
  background-color: #50b848;
  border-color: #50b848;
}
/* line 222, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion #content-subscription .btn-select.btn-success .btn-select-value {
  border-color: #50b848;
}
/* line 225, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion #content-subscription .btn-select.btn-success ul {
  border-color: #50b848;
}
/* line 227, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion #content-subscription .btn-select.btn-success ul li.selected {
  background-color: #50b848;
}
/* line 234, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion #content-subscription .subscription-frequency-popular p span {
  font-weight: bold;
}
/* line 237, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion #content-subscription .subscription-frequency-popular p.subscription-info {
  font-style: italic;
}
/* line 240, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion #content-subscription .subscription-frequency-popular p.subscription-info a {
  border-bottom: 2px solid #50b848;
}
/* line 247, ../scss/module/_petheaven_subscription.scss */
#subscription-accordion .panel-title {
  font-size: 14px;
}

/* line 251, ../scss/module/_petheaven_subscription.scss */
.subscription-icon {
  font-family: "FontAwesome", sans-serif;
  color: #bd08c3;
}

/* line 256, ../scss/module/_petheaven_subscription.scss */
.sd-icon.fa-clock-o :before {
  content: "" !important;
}
/* line 259, ../scss/module/_petheaven_subscription.scss */
.sd-icon.fa-clock-o :after {
  content: "\f017";
  font-family: "FontAwesome", sans-serif;
  color: #bd08c3;
  padding-left: 5px;
}

/* line 266, ../scss/module/_petheaven_subscription.scss */
.subscription-option-tooltip {
  color: #bd08c3;
  padding: 5px 0;
}
/* line 270, ../scss/module/_petheaven_subscription.scss */
.subscription-option-tooltip:hover {
  color: #bd08c3;
}
/* line 273, ../scss/module/_petheaven_subscription.scss */
.subscription-option-tooltip:active {
  color: #bd08c3;
}

/* line 277, ../scss/module/_petheaven_subscription.scss */
.subscription-split-text {
  width: 100%;
  line-height: 40px;
  text-align: center;
}

/* line 282, ../scss/module/_petheaven_subscription.scss */
.subscription-button-container {
  float: right;
  width: 100%;
}
/* line 286, ../scss/module/_petheaven_subscription.scss */
.subscription-button-container .btn-subscription {
  width: 100%;
  background-color: #fa5800;
}
@media (min-width: 768px) and (max-width: 992px) {
  /* line 286, ../scss/module/_petheaven_subscription.scss */
  .subscription-button-container .btn-subscription {
    padding: 0 5px !important;
    font-size: 0;
  }
  /* line 294, ../scss/module/_petheaven_subscription.scss */
  .subscription-button-container .btn-subscription span span:before {
    content: "Schedule";
    font-size: 16px;
    line-height: 56px;
  }
}

/* ============================================ *
 * My subscription page
 * ============================================ */
@media (max-width: 370px) {
  /* line 307, ../scss/module/_petheaven_subscription.scss */
  .subscription-customer-index h1 {
    font-size: 24px;
  }
}
/* line 312, ../scss/module/_petheaven_subscription.scss */
.subscription-customer-index main {
  padding-bottom: 15px;
}

/* line 315, ../scss/module/_petheaven_subscription.scss */
.editable-click {
  line-height: 19px;
}

/* line 318, ../scss/module/_petheaven_subscription.scss */
a.editable-click,
span.editable-click {
  color: #333333;
  border: 1px solid #e4e4e4;
  background-color: #fff;
  border-radius: 4px;
  padding: 6px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.42857143;
  font-size: 12px;
}

/* line 333, ../scss/module/_petheaven_subscription.scss */
.editable-click:hover,
a.editable-click:hover {
  border: 1px solid #e4e4e4;
  color: #50b848;
}

/* line 338, ../scss/module/_petheaven_subscription.scss */
.editable-click span.edit {
  color: #50b848;
}

/* line 341, ../scss/module/_petheaven_subscription.scss */
.editable-click-active {
  border: none !important;
  padding: 0 !important;
}

/* line 345, ../scss/module/_petheaven_subscription.scss */
.editable-click-plain-text {
  text-decoration: none;
  color: #000 !important;
}

/* line 349, ../scss/module/_petheaven_subscription.scss */
.editable-wrap .editable-input {
  display: block !important;
}

/* line 354, ../scss/module/_petheaven_subscription.scss */
.subscription-status.not_active {
  color: #5b5b5b;
}
/* line 356, ../scss/module/_petheaven_subscription.scss */
.subscription-status.not_active:before {
  content: "\26AB";
  margin-right: 5px;
  font-size: 24px;
}
/* line 362, ../scss/module/_petheaven_subscription.scss */
.subscription-status.pending_payment_token {
  color: #31708f;
}
/* line 364, ../scss/module/_petheaven_subscription.scss */
.subscription-status.pending_payment_token:before {
  content: "\23F3";
  margin-right: 5px;
  font-size: 24px;
}
/* line 370, ../scss/module/_petheaven_subscription.scss */
.subscription-status.active {
  color: #50b849;
}
/* line 372, ../scss/module/_petheaven_subscription.scss */
.subscription-status.active:before {
  content: "\2714";
  margin-right: 5px;
  font-size: 24px;
}
/* line 378, ../scss/module/_petheaven_subscription.scss */
.subscription-status.suspended {
  color: #896c3b;
}
/* line 380, ../scss/module/_petheaven_subscription.scss */
.subscription-status.suspended:before {
  content: "\2015";
  margin-right: 5px;
  font-size: 24px;
}
/* line 386, ../scss/module/_petheaven_subscription.scss */
.subscription-status.failed {
  color: #a94442;
}
/* line 388, ../scss/module/_petheaven_subscription.scss */
.subscription-status.failed:before {
  content: "\2716";
  margin-right: 5px;
  font-size: 24px;
}
/* line 394, ../scss/module/_petheaven_subscription.scss */
.subscription-status.failed_payment {
  color: #a94442;
}
/* line 396, ../scss/module/_petheaven_subscription.scss */
.subscription-status.failed_payment:before {
  content: "\2716";
  margin-right: 5px;
  font-size: 24px;
}
/* line 402, ../scss/module/_petheaven_subscription.scss */
.subscription-status.paused {
  color: #896c3b;
}
/* line 404, ../scss/module/_petheaven_subscription.scss */
.subscription-status.paused:before {
  content: "\23F8";
  margin-right: 5px;
  font-size: 24px;
}
/* line 410, ../scss/module/_petheaven_subscription.scss */
.subscription-status.canceled {
  color: #a94442;
}
/* line 412, ../scss/module/_petheaven_subscription.scss */
.subscription-status.canceled:before {
  content: "\2716";
  margin-right: 5px;
  font-size: 24px;
}

/* line 421, ../scss/module/_petheaven_subscription.scss */
.edit-disabled a.editable-click,
.edit-disabled span.editable-click {
  border: none;
  cursor: default;
}
/* line 426, ../scss/module/_petheaven_subscription.scss */
.edit-disabled .editable-click:hover,
.edit-disabled a.editable-click:hover {
  color: #000000;
}

/* line 432, ../scss/module/_petheaven_subscription.scss */
#subscription-details {
  height: auto;
  width: 100%;
  float: left;
  overflow: visible;
}
/* line 438, ../scss/module/_petheaven_subscription.scss */
#subscription-details .btn-cancel {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  /* line 438, ../scss/module/_petheaven_subscription.scss */
  #subscription-details .btn-cancel {
    margin-left: 0;
  }
}
@media (max-width: 356px) {
  /* line 438, ../scss/module/_petheaven_subscription.scss */
  #subscription-details .btn-cancel {
    font-size: 10px;
  }
}
/* line 450, ../scss/module/_petheaven_subscription.scss */
#subscription-details .btn-search {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  /* line 450, ../scss/module/_petheaven_subscription.scss */
  #subscription-details .btn-search {
    margin-left: 0;
  }
}
@media (max-width: 356px) {
  /* line 450, ../scss/module/_petheaven_subscription.scss */
  #subscription-details .btn-search {
    font-size: 10px;
  }
}
/* line 462, ../scss/module/_petheaven_subscription.scss */
#subscription-details .subscription-token-wrapper {
  line-height: 40px;
  font-weight: 600;
}
/* line 472, ../scss/module/_petheaven_subscription.scss */
#subscription-details .nav.nav-tabs {
  background-color: #fff;
  border-bottom: 1px solid #50b848;
}
/* line 477, ../scss/module/_petheaven_subscription.scss */
#subscription-details .nav-tabs > li > a {
  display: block !important;
}
@media (max-width: 442px) {
  /* line 477, ../scss/module/_petheaven_subscription.scss */
  #subscription-details .nav-tabs > li > a {
    font-size: 12px;
  }
}
/* line 485, ../scss/module/_petheaven_subscription.scss */
#subscription-details .nav-tabs > li.active > a,
#subscription-details .nav-tabs > li.active > a:focus,
#subscription-details .nav-tabs > li.active > a:hover {
  color: #fff;
  background-color: #50b848;
  border: 1px solid #50b848;
  border-bottom-color: transparent;
}
/* line 493, ../scss/module/_petheaven_subscription.scss */
#subscription-details .nav-tabs > li > a:hover {
  border-color: #50b848 #50b848 #e4e4e4;
}
/* line 496, ../scss/module/_petheaven_subscription.scss */
#subscription-details .nav-tabs > li > a {
  border: 1px solid #50b848;
}
/* line 499, ../scss/module/_petheaven_subscription.scss */
#subscription-details .btn-primary {
  color: #fff;
  background-color: #50b848;
  border-color: #50b848;
}
/* line 505, ../scss/module/_petheaven_subscription.scss */
#subscription-details .btn-link {
  color: #555;
}
/* line 509, ../scss/module/_petheaven_subscription.scss */
#subscription-details .toggle.ios, #subscription-details .toggle-on.ios, #subscription-details .toggle-off.ios {
  border-radius: 20px;
}
/* line 512, ../scss/module/_petheaven_subscription.scss */
#subscription-details .toggle.ios .toggle-handle {
  border-radius: 20px;
}

/* line 521, ../scss/module/_petheaven_subscription.scss */
.is-sticky .subscription-toolbar {
  background: #e4e4e4;
  width: 100% !important;
  right: 0;
  padding: 20px;
  box-shadow: 0 0 7px 0 #555;
  display: block;
}
@media (max-width: 959px) {
  /* line 521, ../scss/module/_petheaven_subscription.scss */
  .is-sticky .subscription-toolbar {
    padding: 10px;
    top: 0 !important;
  }
}
@media (min-width: 581px) and (max-width: 992px) {
  /* line 533, ../scss/module/_petheaven_subscription.scss */
  .is-sticky .subscription-toolbar .col-pagination {
    width: 50% !important;
    padding-top: 0 !important;
  }
}
@media (min-width: 525px) and (max-width: 580px) {
  /* line 533, ../scss/module/_petheaven_subscription.scss */
  .is-sticky .subscription-toolbar .col-pagination {
    width: 60% !important;
    padding-top: 0 !important;
  }
}
@media (max-width: 524px) {
  /* line 533, ../scss/module/_petheaven_subscription.scss */
  .is-sticky .subscription-toolbar .col-pagination {
    padding-top: 10px;
  }
}
@media (min-width: 581px) and (max-width: 992px) {
  /* line 546, ../scss/module/_petheaven_subscription.scss */
  .is-sticky .subscription-toolbar .col-filter {
    width: 40% !important;
  }
}
@media (min-width: 525px) and (max-width: 580px) {
  /* line 546, ../scss/module/_petheaven_subscription.scss */
  .is-sticky .subscription-toolbar .col-filter {
    width: 40% !important;
  }
}
@media (min-width: 581px) and (max-width: 992px) {
  /* line 554, ../scss/module/_petheaven_subscription.scss */
  .is-sticky .subscription-toolbar .col-pagination-totals {
    width: 10% !important;
  }
}

/* line 561, ../scss/module/_petheaven_subscription.scss */
.is-sticky {
  z-index: 290;
  float: none !important;
}

/* line 565, ../scss/module/_petheaven_subscription.scss */
.subscription-toolbar {
  min-height: auto;
  top: 0;
  position: absolute;
  right: 10px;
  width: 70%;
  margin-bottom: 0;
}
@media (min-width: 870px) and (max-width: 960px) {
  /* line 573, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-filter {
    width: 40% !important;
  }
}
@media (min-width: 768px) and (max-width: 869px) {
  /* line 573, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-filter {
    width: 100% !important;
  }
}
@media (min-width: 575px) and (max-width: 767px) {
  /* line 573, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-filter {
    width: 40% !important;
  }
}
@media (min-width: 870px) and (max-width: 960px) {
  /* line 584, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-pagination {
    width: 60% !important;
  }
}
@media (min-width: 768px) and (max-width: 869px) {
  /* line 584, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-pagination {
    width: 100% !important;
    padding-top: 10px;
  }
}
@media (min-width: 575px) and (max-width: 767px) {
  /* line 584, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-pagination {
    width: 60% !important;
  }
}
@media (max-width: 574px) {
  /* line 584, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-pagination {
    padding-top: 10px;
  }
}
/* line 598, ../scss/module/_petheaven_subscription.scss */
.subscription-toolbar .col-pagination .pagination {
  margin: 0 !important;
  float: left;
}
/* line 602, ../scss/module/_petheaven_subscription.scss */
.subscription-toolbar .col-pagination .pagination > .active > a, .subscription-toolbar .col-pagination .pagination > .active > a:focus, .subscription-toolbar .col-pagination .pagination > .active > a:hover, .subscription-toolbar .col-pagination .pagination > .active > span, .subscription-toolbar .col-pagination .pagination > .active > span:focus, .subscription-toolbar .col-pagination .pagination > .active > span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #50b749;
  border-color: #50b848;
}
/* line 616, ../scss/module/_petheaven_subscription.scss */
.subscription-toolbar .col-pagination .pagination li a {
  color: #50b749;
}
/* line 621, ../scss/module/_petheaven_subscription.scss */
.subscription-toolbar .col-pagination .pagination-limit {
  width: 60px;
  float: left;
  margin-left: 20px;
}
@media (max-width: 334px) {
  /* line 621, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-pagination .pagination-limit {
    margin-left: 5px;
  }
}
/* line 631, ../scss/module/_petheaven_subscription.scss */
.subscription-toolbar .totalitems-pagination {
  line-height: 35px;
  margin-right: 10px;
}
@media (min-width: 870px) and (max-width: 960px) {
  /* line 635, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-pagination-totals {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 869px) {
  /* line 635, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-pagination-totals {
    width: 100% !important;
  }
}
@media (min-width: 575px) and (max-width: 767px) {
  /* line 635, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar .col-pagination-totals {
    width: 100% !important;
  }
}
@media only screen and (max-width: 770px) {
  /* line 565, ../scss/module/_petheaven_subscription.scss */
  .subscription-toolbar {
    display: inline-table;
    float: left;
    position: relative;
    width: 100%;
    right: auto;
  }
}

/* line 657, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #f6f5f6;
  padding: 10px;
}
@media only screen and (max-width: 769px) {
  /* line 657, ../scss/module/_petheaven_subscription.scss */
  #subscription-items-list .item {
    margin-bottom: 15px;
  }
}
/* line 668, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .onceoff-oversticker {
  position: absolute;
  z-index: 250;
  top: 10px;
}
/* line 673, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .onceoff-oversticker span {
  color: #f5f5f5;
  font-family: sans-serif;
  font-size: 1em;
  position: absolute;
  padding: 5px 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #FFCD15;
}
/* line 684, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .items-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
/* line 688, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .items-details .items-details-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
/* line 691, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .items-details .items-details-col label {
  font-weight: 600;
}
/* line 697, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .product-name {
  font-weight: bold;
  font-size: 1.3333em;
  margin: 0 0 0 15px;
}
/* line 702, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .remove-item {
  float: right;
  color: #a9001c;
  z-index: 200;
}
/* line 708, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .remove-item .glyphicon.glyphicon-remove {
  font-size: 20px;
}
/* line 712, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item hr {
  margin: 5px 10px 10px 10px;
}
/* line 715, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item img {
  width: 150px;
  margin: 0;
  display: table;
}
@media (max-width: 480px) {
  /* line 715, ../scss/module/_petheaven_subscription.scss */
  #subscription-items-list .item img {
    width: 180px;
    margin: 0 auto;
  }
}
@media (max-width: 375px) {
  /* line 715, ../scss/module/_petheaven_subscription.scss */
  #subscription-items-list .item img {
    width: 130px;
    margin: 0 auto;
  }
}
/* line 730, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .price {
  font-size: 1.3333em;
  color: #50b848;
  text-align: right;
  font-weight: bold;
}
@media (max-width: 425px) {
  /* line 730, ../scss/module/_petheaven_subscription.scss */
  #subscription-items-list .item .price {
    text-align: left;
  }
}
/* line 740, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .product-info {
  line-height: 34px;
}
@media only screen and (max-width: 1024px) {
  /* line 740, ../scss/module/_petheaven_subscription.scss */
  #subscription-items-list .item .product-info {
    line-height: normal;
    margin-bottom: 10px;
  }
}
/* line 748, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .form-item-qty input[name="qty"] {
  width: 45px;
  text-align: center;
}
/* line 752, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .form-item-qty .input-group {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 756, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .form-item-qty .input-group-btn {
  width: 40px;
}
/* line 760, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .form-item-qty .editable-click-active .input-group {
  width: 124px;
}
/* line 765, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .btn-field-save {
  margin-left: 10px;
}
/* line 769, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .availability {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* line 774, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .availability .stock-display {
  margin: 6px 0 6px 15px;
}
/* line 777, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .item .availability .stock-display .stock-warehouse {
  color: #333 !important;
  background-color: #E5E5E5 !important;
}
/* line 784, ../scss/module/_petheaven_subscription.scss */
#subscription-items-list .editable-error {
  white-space: normal;
  border: 1px #a94442 dashed;
  padding: 5px;
  margin-bottom: 10px;
}

/* line 791, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order {
  float: left;
  width: 100%;
  /* ============================================ *
   * responsive Tables
   * ============================================ */
}
/* line 795, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order .toolbar {
  display: inline-block;
  width: 100%;
  padding: 0;
  min-height: auto;
  margin: 10px 0;
  border-bottom: 0;
}
/* line 804, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order .toolbar .filter select {
  margin: 20px 0;
}
/* line 808, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order .toolbar label {
  line-height: 74px;
  margin-right: 10px;
}
/* line 813, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order .totals {
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}
/* line 817, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order .subtotals-row {
  max-width: 130px;
  width: 130px;
}
/* line 822, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order .data-table {
  font-size: 16px;
}
/* line 825, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order .data-table tr:nth-of-type(2n) {
  background-color: transparent;
}
/* line 831, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order table thead {
  background-color: #F6F5F6;
}
/* line 834, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order table thead th {
  font-weight: normal;
  color: #ccc;
}
/* line 841, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order table tbody tr {
  border-bottom: 1px solid #e5e5e5;
  line-height: 28px;
}
/* line 847, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order table tfoot {
  border-top: 0;
}
/* line 850, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order table tfoot th, #subscription-next-order table tfoot td {
  font-weight: bold;
  border: 0;
}
/* line 855, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order table tfoot tr:last-child {
  background-color: #F6F5F6;
}
/* line 858, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order table tfoot tr:last-child th, #subscription-next-order table tfoot tr:last-child td {
  color: #50b848;
}
/* line 868, ../scss/module/_petheaven_subscription.scss */
#subscription-next-order .mobile-header {
  display: none;
}
@media (max-width: 769px) {
  /* line 872, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .mobile-header {
    display: block;
    background-color: #F6F5F6;
    padding: 10px 0;
    color: #ccc;
  }
  /* line 878, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .mobile-header span {
    margin-left: 10px;
  }
  /* line 881, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .mobile-header span:nth-child(2) {
    margin-left: 10px;
  }
  /* line 886, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap table,
  #subscription-next-order .table-wrap thead,
  #subscription-next-order .table-wrap tbody,
  #subscription-next-order .table-wrap th,
  #subscription-next-order .table-wrap td,
  #subscription-next-order .table-wrap tr {
    display: block;
  }
  /* line 894, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /* line 899, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order td.no-before {
    padding-left: 0 !important;
    display: inline;
  }
  /* line 902, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order td.no-before:before {
    display: none;
  }
  /* line 906, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap tr {
    padding: 0 10px;
  }
  /* line 909, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 35%;
    white-space: normal;
    text-align: left;
  }
  /* line 917, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap td:before {
    position: absolute;
    left: 15px;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    color: #ccc;
    font-size: 14px;
  }
  /* line 933, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap .data-table tbody td {
    padding-top: 0;
    padding-bottom: 0;
  }
  /* line 940, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap td:first-child {
    padding-top: 17px;
  }
  /* line 943, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap .totals {
    border-top: 0;
  }
  /* line 945, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap .totals tr {
    width: 100%;
    display: inline-block;
    border-bottom: 0 !important;
  }
  /* line 950, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap .totals tr th {
    float: left;
    width: 50%;
    padding: 5px 0;
    text-align: left !important;
  }
  /* line 956, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap .totals tr td {
    float: right;
    width: 50%;
    padding: 5px 0;
    text-align: right !important;
  }
  /* line 964, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap .totals tr:last-child {
    background-color: #F6F5F6 !important;
  }
  /* line 968, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap td:first-child:before {
    top: 17px;
  }
  /* line 971, ../scss/module/_petheaven_subscription.scss */
  #subscription-next-order .table-wrap td:before {
    content: attr(data-title);
  }
}

@media (max-width: 400px) {
  /* line 978, ../scss/module/_petheaven_subscription.scss */
  .peach-cards-index .remove-card {
    width: 100%;
    margin: 10px 0;
  }
}
@media (max-width: 400px) {
  /* line 984, ../scss/module/_petheaven_subscription.scss */
  .peach-cards-index .update-card {
    width: 100%;
    margin: 0;
  }
}

/* ============================================ *
 * Checkout
 * ============================================ */
/* line 996, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .modal-header {
  background: #fa5800;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
}
/* line 1002, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .modal-header h4 {
  color: #fff;
  text-align: center;
}
/* line 1006, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .modal-header h4 .fa-clock-o {
  font-family: "FontAwesome";
}
/* line 1011, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .modal-header .close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #fff;
  border-radius: 50%;
  opacity: 1;
  width: 30px;
  height: 30px;
}
/* line 1021, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .modal-header .close span {
  text-shadow: none;
  display: block;
  width: 100%;
  text-align: center;
}
/* line 1028, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .modal-header .close:hover {
  background: #a9001c;
}
/* line 1031, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .modal-header .close:hover span {
  color: #fff;
}
/* line 1037, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .info {
  text-align: center;
  font-size: 17px;
  margin-bottom: 15px;
}
/* line 1042, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 15px;
}
/* line 1049, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item.item-exists {
  border: 1px solid #a9001c;
  background: #ffdce2;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}
/* line 1056, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item.remove-fade {
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  opacity: 0;
  height: 2em;
}
/* line 1061, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item .item-name {
  display: block;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  /* line 1061, ../scss/module/_petheaven_subscription.scss */
  #subscription-checkout-notification .item .item-name {
    padding-right: 25px;
  }
}
/* line 1071, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item .item-image {
  float: left;
  margin-right: 10px;
}
/* line 1075, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item .btn-remove {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
}
/* line 1081, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item .item-options {
  float: left;
}
/* line 1084, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item .item-options dt {
  margin: 0;
}
/* line 1088, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item .item-options dd {
  color: #50b848;
}
/* line 1093, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .item-exists-message {
  float: left;
  width: 100%;
  color: #a9001c;
  margin-bottom: 10px;
}
/* line 1099, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .button-set {
  float: right;
  width: 100%;
  padding: 10px 0;
  margin-top: 10px;
  border-bottom: 1px solid #e4e4e4;
}
/* line 1106, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .button-set button {
  float: right;
}
/* line 1109, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .button-set button + button {
  margin-right: 10px;
}
@media (max-width: 450px) {
  /* line 1114, ../scss/module/_petheaven_subscription.scss */
  #subscription-checkout-notification .button-set .bind-update-item,
  #subscription-checkout-notification .button-set .bind-convert-item {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
/* line 1121, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .btn-update {
  background: #fa5800;
}
/* line 1125, ../scss/module/_petheaven_subscription.scss */
#subscription-checkout-notification .modal-footer button {
  background: #50b848;
  border-color: #50b848;
}

/* ============================================ *
 * Catalog Product Listing
 * ============================================ */
/* line 1134, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container {
  /** max height should change if the li height or padding changes **/
}
/* line 1138, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container.no-swatches {
  height: auto;
}
/* line 1142, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container .subscription-swatch-list {
  background: #fff;
  zoom: 1;
  clear: both;
  padding-top: 5px;
  -webkit-transform: translateZ(0px);
}
/* line 1156, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container .subscription-swatch-list li {
  display: inline-block;
  float: none;
  vertical-align: top;
  width: -webkit-calc((100% / 3) - 2px);
  width: calc((100% / 3) - 2px);
  zoom: 1;
  margin: 0 0 3px 0;
  background-color: #e4e4e4;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  padding: 0 1px;
}
/* line 1169, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container .subscription-swatch-list li .swatch-label {
  font-size: 0.8em;
  color: #333333;
  text-decoration: none;
}
/* line 1175, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container .subscription-swatch-list li:hover {
  background: #bd08c3;
}
/* line 1178, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container .subscription-swatch-list li:hover span {
  color: #ffffff;
}
/* line 1182, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container .subscription-swatch-list li.option-selected {
  background: #bd08c3;
}
/* line 1185, ../scss/module/_petheaven_subscription.scss */
.subscription-swatch-list-container .subscription-swatch-list li.option-selected span {
  color: #ffffff;
}

/* line 1193, ../scss/module/_petheaven_subscription.scss */
#form-subscription-cancellation .cancel-notice {
  padding: 15px;
}

/* line 1199, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal h3 {
  margin: 0;
}
/* line 1203, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-wrapper {
  height: 43px;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
/* line 1209, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-wrapper:before {
  display: inline-block;
  font-family: 'FontAwesome';
  content: "\f002";
  top: 29%;
  left: 10px;
  color: #939398;
  position: absolute;
}
/* line 1219, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-wrapper input[type="search"] {
  width: 100%;
  padding: 0.75em 0.75em 0.75em 2em;
  border-radius: 0.25em;
  border-style: solid;
  border-width: 1px;
  border-color: #50b847;
  background-color: #ffffff;
}
/* line 1231, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result {
  width: 100%;
  height: auto;
  background-color: #f6f5f6;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #f6f5f6;
  padding: 10px;
  margin-bottom: 15px;
}
/* line 1242, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-image {
  padding-right: 0 !important;
}
/* line 1246, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-info {
  padding-right: 0 !important;
}
/* line 1249, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-info .item-name {
  font-size: 1em;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 5px;
}
/* line 1260, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-action {
  padding-left: 0 !important;
}
/* line 1263, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-action .item-price {
  font-size: 1.3333em;
  color: #50b848;
  text-align: right;
  font-weight: bold;
  margin-bottom: 5px;
}
/* line 1271, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-action button {
  float: right;
}
/* line 1276, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-attributes {
  padding-top: 10px;
}
/* line 1282, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-attributes .item-attributes .col-attribute .options .option {
  background: #a7a7a7;
  display: inline-block;
  float: left;
  vertical-align: top;
  padding: 7px 10px 7px 10px;
  zoom: 1;
  margin: 0 0 3px 3px;
  border-radius: 16px;
  text-align: center;
  cursor: pointer;
  font-size: 13px;
  color: #ffffff;
  min-width: 45px;
}
/* line 1297, ../scss/module/_petheaven_subscription.scss */
.subscription-search-modal .search-results-wrapper .result .col-attributes .item-attributes .col-attribute .options .option:hover, .subscription-search-modal .search-results-wrapper .result .col-attributes .item-attributes .col-attribute .options .option.selected {
  background: #bd08c3;
  color: #ffffff;
}

/* line 1310, ../scss/module/_petheaven_subscription.scss */
.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ============================================ *
 * My scheduled deliveries
 * ============================================ */
@media (min-width: 1024px) {
  /* line 1322, ../scss/module/_petheaven_subscription.scss */
  .uib-datepicker-popup.dropdown-menu {
    top: -30% !important;
  }
}

@media (min-width: 1024px) {
  /* line 1331, ../scss/module/_petheaven_subscription.scss */
  .uib-datepicker .uib-title {
    position: relative;
    top: -4px;
  }
}

/**
 * Ultra Slideshow
 */
/* Slideshow wrapper
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 10, ../scss/module/_ultra-slideshow.scss */
.slideshow-wrapper-outer:before,
.slideshow-wrapper-outer:after {
  content: '';
  display: table;
}

/* line 16, ../scss/module/_ultra-slideshow.scss */
.slideshow-wrapper-outer:after {
  clear: both;
}

/* Slideshow
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 24, ../scss/module/_ultra-slideshow.scss */
.slideshow-wrapper {
  margin: 0 auto;
}

/* When additional banners are on the left side, the slideshow needs to be on the right side */
/* line 29, ../scss/module/_ultra-slideshow.scss */
.slideshow-wrapper._right {
  float: right !important;
}

/* Deprecated: default class .owl-carousel already has "display:none" */
/* line 34, ../scss/module/_ultra-slideshow.scss */
.slideshow {
  display: none;
}

/* Additional banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 42, ../scss/module/_ultra-slideshow.scss */
.slideshow-banners {
  -webkit-backface-visibility: hidden;
  /* Fix possible glitches during animation */
  backface-visibility: hidden;
  margin-bottom: 0.1%;
  /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */
  opacity: 0;
  /*-webkit-transition: opacity 300ms ease;
  -moz-transition: opacity 300ms ease;
  -o-transition: opacity 300ms ease;
  transition: opacity 300ms ease;*/
}

/* line 55, ../scss/module/_ultra-slideshow.scss */
.slideshow-banners._show {
  opacity: 1;
}

/* line 63, ../scss/module/_ultra-slideshow.scss */
.slideshow-banners .small-banner:last-child {
  margin-bottom: 0 !important;
}

/* Deprecated: */
/* line 70, ../scss/module/_ultra-slideshow.scss */
.slideshow-banners .banner {
  position: relative;
  /* Container for caption */
}

/* line 74, ../scss/module/_ultra-slideshow.scss */
.slideshow-banners a.banner,
.slideshow-banners .banner a {
  display: block;
}

/**
 * Silvertree Internet Holdings - Brands
 *
 * NOTICE OF LICENSE
 *
 * Private Proprietary Software (http://silvertree.holdings/legal)
 *
 * @category   Sih
 * @package    Sih_Brands
 * @copyright  Copyright (c) 2017 Silvertree Internet Holdings (http://silvertree.holdings)
 * @license    http://silvertree.holdings/legal  Private Proprietary Software
 * @author     Chantelle Gobey <magento@silvertree.holdings>
 */
/* Blog Home */
/* line 16, ../scss/module/_wordpress.scss */
.wordpress-index-index .breadcrumbs {
  display: none;
}

/* Blog View */
/* line 23, ../scss/module/_wordpress.scss */
.wordpress-post-view .featured-image {
  border: 0 none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
/* line 30, ../scss/module/_wordpress.scss */
.wordpress-post-view .blog-search {
  display: none;
}
/* line 34, ../scss/module/_wordpress.scss */
.wordpress-post-view .page-title h1 {
  color: #555;
}
/* line 39, ../scss/module/_wordpress.scss */
.wordpress-post-view .post-entry ul {
  list-style-type: disc;
  display: list-item;
  padding-left: 40px;
}
/* line 44, ../scss/module/_wordpress.scss */
.wordpress-post-view .post-entry img[class*="wp-image-"] {
  border: 0 none;
  padding: 0;
  margin-top: 10px;
}

/* Post Listing */
/* line 55, ../scss/module/_wordpress.scss */
.blog-title {
  float: left;
  width: 100%;
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 30px;
}
/* line 61, ../scss/module/_wordpress.scss */
.blog-title h1 {
  color: #50b848;
  font-size: 34px !important;
  float: left;
  margin-bottom: 0;
}
/* line 67, ../scss/module/_wordpress.scss */
.blog-title h1 .blog-tag-line {
  font-style: italic;
  float: right;
  line-height: 40px;
  font-weight: normal;
  margin-left: 10px;
}
/* line 74, ../scss/module/_wordpress.scss */
.blog-title h1 .blog-tag-line:before {
  content: '- ';
}

/* line 81, ../scss/module/_wordpress.scss */
.post-list {
  float: left;
  width: 100%;
}
/* line 85, ../scss/module/_wordpress.scss */
.post-list .item {
  width: -webkit-calc(99.99% / 3 * 1);
  width: calc(99.99% / 3 * 1);
  float: left;
  padding: 10px;
  background: #fff;
}
/* line 91, ../scss/module/_wordpress.scss */
.post-list .item .featured-image {
  width: 100%;
  height: 200px;
  position: relative;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  border: 0 none;
}
/* line 101, ../scss/module/_wordpress.scss */
.post-list .item .featured-image img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  max-height: 100%;
  min-width: auto;
  max-width: none;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
/* line 113, ../scss/module/_wordpress.scss */
.post-list .item .tag {
  background: #50b848;
  color: #fff;
  padding: 5px 10px;
  font-size: 16px;
  margin: 15px 5px 0 0;
  display: block;
  float: left;
}
/* line 122, ../scss/module/_wordpress.scss */
.post-list .item .post-date {
  float: left;
  width: 100%;
  font-style: italic;
  font-size: 16px;
  margin-top: 10px;
}
/* line 129, ../scss/module/_wordpress.scss */
.post-list .item h2 {
  font-size: 22px;
  float: left;
  width: 100%;
  font-weight: bold;
  margin: 10px 0;
}
/* line 136, ../scss/module/_wordpress.scss */
.post-list .item h2 a {
  color: #555 !important;
  font-family: 'Open Sans', sans-serif;
}
/* line 141, ../scss/module/_wordpress.scss */
.post-list .item .summary {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
/* line 147, ../scss/module/_wordpress.scss */
.post-list .item .summary .read-more {
  float: left;
  color: #444;
  font-weight: bold;
  border-bottom: 2px solid #50b848;
  margin: 0 auto 1em auto;
}
/* line 155, ../scss/module/_wordpress.scss */
.post-list .item .post-entry {
  padding: 0;
  margin-bottom: 0;
}
/* line 159, ../scss/module/_wordpress.scss */
.post-list .item:nth-child(3) {
  clear: right;
}
/* line 162, ../scss/module/_wordpress.scss */
.post-list .item:nth-child(4) {
  clear: left;
}
/* line 165, ../scss/module/_wordpress.scss */
.post-list .item:nth-child(6) {
  clear: right;
}
/* line 168, ../scss/module/_wordpress.scss */
.post-list .item:nth-child(7) {
  clear: left;
}
@media screen and (min-width: 320px) and (max-width: 499px) {
  /* line 85, ../scss/module/_wordpress.scss */
  .post-list .item {
    width: 100%;
    padding: 10px 0;
  }
}

/* line 178, ../scss/module/_wordpress.scss */
.no-tag-space {
  padding: 5px 10px;
  margin: 15px 5px 0 0;
  display: block;
  float: left;
}

/* line 186, ../scss/module/_wordpress.scss */
.wordpress-term-view .pager {
  width: 100%;
  float: left;
}

/* Post View */
/* line 195, ../scss/module/_wordpress.scss */
.is-blog .page-title .block-blog-search {
  float: right;
  margin-bottom: 0;
}
/* line 199, ../scss/module/_wordpress.scss */
.is-blog .page-title .block-blog-search .block-title {
  display: none;
}
/* line 202, ../scss/module/_wordpress.scss */
.is-blog .page-title .block-blog-search .blog-search,
.is-blog .page-title .block-blog-search .block-content {
  padding: 0;
}
/* line 206, ../scss/module/_wordpress.scss */
.is-blog .page-title .block-blog-search .blog-search {
  float: right;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 10px;
}
/* line 213, ../scss/module/_wordpress.scss */
.is-blog .page-title .block-blog-search .blog-search input {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
/* line 218, ../scss/module/_wordpress.scss */
.is-blog .page-title .block-blog-search .blog-search button {
  line-height: 36px;
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  /* line 206, ../scss/module/_wordpress.scss */
  .is-blog .page-title .block-blog-search .blog-search {
    float: right;
    width: auto;
    padding-bottom: 0;
    border-bottom: 0 none;
    margin-bottom: 0;
  }
  /* line 230, ../scss/module/_wordpress.scss */
  .is-blog .page-title .block-blog-search .blog-search input {
    width: auto;
  }
  /* line 233, ../scss/module/_wordpress.scss */
  .is-blog .page-title .block-blog-search .blog-search button {
    width: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 560px) {
  /* line 195, ../scss/module/_wordpress.scss */
  .is-blog .page-title .block-blog-search {
    width: 100%;
    margin-bottom: 10px;
  }
  /* line 243, ../scss/module/_wordpress.scss */
  .is-blog .page-title .block-blog-search .blog-search {
    float: right;
    width: 100%;
  }
}
/* line 250, ../scss/module/_wordpress.scss */
.is-blog .page-title.post-title {
  margin-top: 15px;
}
/* line 253, ../scss/module/_wordpress.scss */
.is-blog .page-title.post-title,
.is-blog .post-view {
  float: left;
  width: 100%;
}
/* line 258, ../scss/module/_wordpress.scss */
.is-blog .post-date,
.is-blog .post-meta {
  color: #888;
}
/* line 262, ../scss/module/_wordpress.scss */
.is-blog .featured-image {
  width: 900px;
  height: 450px;
  position: relative;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  border: 0 none;
}
/* line 272, ../scss/module/_wordpress.scss */
.is-blog .featured-image > img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  max-height: 100%;
  min-width: auto;
  max-width: none;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (min-width: 500px) and (max-width: 768px) {
  /* line 286, ../scss/module/_wordpress.scss */
  .is-blog .post-list .item {
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
  }
  /* line 289, ../scss/module/_wordpress.scss */
  .is-blog .post-list .item:nth-child(2) {
    clear: right;
    padding-right: 0;
  }
  /* line 293, ../scss/module/_wordpress.scss */
  .is-blog .post-list .item:first-child {
    padding-left: 0;
  }
  /* line 296, ../scss/module/_wordpress.scss */
  .is-blog .post-list .item:nth-child(3) {
    clear: left;
    padding-left: 0;
  }
}
/* line 303, ../scss/module/_wordpress.scss */
.is-blog .pager {
  float: left;
  width: 100%;
}
/* line 307, ../scss/module/_wordpress.scss */
.is-blog .all-in-one {
  margin: 25px 0;
}
/* line 310, ../scss/module/_wordpress.scss */
.is-blog .all-in-one .container {
  width: auto;
  border-radius: 4px;
  overflow: hidden;
  border: 0 none;
}
/* line 317, ../scss/module/_wordpress.scss */
.is-blog ul.tabs {
  margin: 0;
  padding: 0 0 4px 0;
  float: left;
  list-style: none;
  height: 44px;
  width: 100%;
  border: 0 none;
}
/* line 326, ../scss/module/_wordpress.scss */
.is-blog ul.tabs li {
  float: left;
  margin: 0 0 -1px 0;
  padding: 0;
  height: 44px;
  line-height: 44px;
  border: 0 none;
  background: #F0F0F0;
  overflow: hidden;
  position: relative;
}
/* line 337, ../scss/module/_wordpress.scss */
.is-blog ul.tabs li a {
  text-decoration: none;
  color: #000;
  display: block;
  font-size: 1.2em;
  padding: 0 18px;
  border: 0 none;
  outline: none;
}
/* line 346, ../scss/module/_wordpress.scss */
.is-blog ul.tabs li a:hover {
  background: #ccc;
}
/* line 351, ../scss/module/_wordpress.scss */
.is-blog ul.tabs li.active {
  display: block;
  width: 100%;
  border-color: #3b5998;
  border-bottom: 1px solid #e4e4e4 !important;
  border-left: 1px solid #e4e4e4 !important;
  border-right: 1px solid #e4e4e4 !important;
}
/* line 360, ../scss/module/_wordpress.scss */
.is-blog ul.tabs li.active, .is-blog ul.tabs li.active a:hover {
  background: #fff;
}
/* line 366, ../scss/module/_wordpress.scss */
.is-blog .tab_container {
  width: 100%;
  clear: both;
  float: left;
  background: #fff;
  border: 0 none;
}
/* line 373, ../scss/module/_wordpress.scss */
.is-blog .tab_content {
  padding: 2px;
  font-size: 12px;
}
/* line 377, ../scss/module/_wordpress.scss */
.is-blog .tab_content h2 {
  font-weight: normal;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
  font-size: 1.8em;
}
/* line 383, ../scss/module/_wordpress.scss */
.is-blog .tab_content h3 a {
  color: #254588;
}
/* line 386, ../scss/module/_wordpress.scss */
.is-blog .tab_content img {
  border: 1px solid #ddd;
  float: left;
  margin: 0 7px 10px 0;
  padding: 5px;
  width: 62px;
  height: 62px;
}
/* line 394, ../scss/module/_wordpress.scss */
.is-blog .tab_content img:nth-child(4n) {
  margin: 0;
}

/* Custom Blog Menu*/
/* line 402, ../scss/module/_wordpress.scss */
.block-blog-menu .block-title {
  display: none;
}
@media screen and (min-width: 768px) {
  /* line 402, ../scss/module/_wordpress.scss */
  .block-blog-menu .block-title {
    display: block !important;
  }
}
/* line 409, ../scss/module/_wordpress.scss */
.block-blog-menu ul {
  list-style: none;
  position: relative;
  float: left;
  margin: 0 !important;
  padding: 0;
  background-color: #fff;
  color: #333;
  width: 100% !important;
}
@media screen and (min-width: 769px) {
  /* line 409, ../scss/module/_wordpress.scss */
  .block-blog-menu ul {
    display: block !important;
  }
}
/* line 423, ../scss/module/_wordpress.scss */
.block-blog-menu ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  width: -webkit-calc(100%/ 7);
  width: calc(100%/ 7);
}
@media screen and (max-width: 768px) {
  /* line 423, ../scss/module/_wordpress.scss */
  .block-blog-menu ul li {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
  }
}
/* line 438, ../scss/module/_wordpress.scss */
.block-blog-menu ul li a {
  display: block;
  color: #333;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}
/* line 445, ../scss/module/_wordpress.scss */
.block-blog-menu ul li a:hover {
  color: #50b848;
}
/* line 448, ../scss/module/_wordpress.scss */
.block-blog-menu ul li a.active {
  color: #50b848;
}
@media screen and (max-width: 768px) {
  /* line 438, ../scss/module/_wordpress.scss */
  .block-blog-menu ul li a {
    font-weight: normal;
  }
}
/* line 455, ../scss/module/_wordpress.scss */
.block-blog-menu ul li.active {
  color: #50b848;
}
/* line 458, ../scss/module/_wordpress.scss */
.block-blog-menu ul li:hover > ul {
  display: block;
}

/* line 465, ../scss/module/_wordpress.scss */
.blog-trigger {
  display: none !important;
}
@media screen and (max-width: 768px) {
  /* line 465, ../scss/module/_wordpress.scss */
  .blog-trigger {
    display: block !important;
    float: right;
    padding-right: 10px;
    margin-bottom: 15px;
  }
}
/* line 475, ../scss/module/_wordpress.scss */
.blog-trigger .hamburger {
  border: 0 none;
  background: none;
  margin-top: 10px;
}
/* line 480, ../scss/module/_wordpress.scss */
.blog-trigger .hamburger .ic-menu:before {
  font-size: 25px;
  color: #333333;
}
/* line 484, ../scss/module/_wordpress.scss */
.blog-trigger .hamburger .ic-menu:before:hover {
  color: #50b848;
}
/* line 489, ../scss/module/_wordpress.scss */
.blog-trigger .cross {
  border: 0 none;
  background: none;
  font-size: 40px;
  line-height: 40px;
  padding-top: 10px;
}

/* line 497, ../scss/module/_wordpress.scss */
.is-blog .main {
  max-width: 900px;
}
@media (min-width: 769px) {
  /* line 501, ../scss/module/_wordpress.scss */
  .is-blog .main .inner-container {
    padding: 0;
  }
}

/* line 507, ../scss/module/_wordpress.scss */
.block-blog-menu ul {
  margin: 0;
}
/* line 510, ../scss/module/_wordpress.scss */
.block-blog-menu ul li:first-child {
  border-top: 0 none;
}

/**
 * Silvertree Internet Holdings - Brands
 *
 * NOTICE OF LICENSE
 *
 * Private Proprietary Software (http://silvertree.holdings/legal)
 *
 * @category   Sih
 * @package    Sih_Banners
 * @copyright  Copyright (c) 2017 Silvertree Internet Holdings (http://silvertree.holdings)
 * @license    http://silvertree.holdings/legal  Private Proprietary Software
 * @author     Chantelle Gobey <magento@silvertree.holdings>
 */
/* line 14, ../scss/module/_banner.scss */
#banner-list {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 10px;
}
/* line 20, ../scss/module/_banner.scss */
#banner-list .owl-buttons {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
/* line 32, ../scss/module/_banner.scss */
#banner-list .owl-buttons > div {
  width: 50px;
  height: 50px;
}
/* line 36, ../scss/module/_banner.scss */
#banner-list .owl-buttons > div:before {
  color: #fff;
  font-size: 30px;
  line-height: 50px;
}
/* line 42, ../scss/module/_banner.scss */
#banner-list .owl-buttons > div:hover {
  background-color: #fff !important;
  border-color: #fff;
}
/* line 46, ../scss/module/_banner.scss */
#banner-list .owl-buttons > div:hover:before {
  color: #50b848 !important;
}
@media (max-width: 480px) {
  /* line 32, ../scss/module/_banner.scss */
  #banner-list .owl-buttons > div {
    width: 40px;
    height: 40px;
  }
  /* line 55, ../scss/module/_banner.scss */
  #banner-list .owl-buttons > div:before {
    line-height: 40px;
  }
}
/* line 61, ../scss/module/_banner.scss */
#banner-list .owl-buttons .owl-prev {
  float: left;
  margin-left: 30px;
  background: #50b848;
}
@media (max-width: 767px) {
  /* line 61, ../scss/module/_banner.scss */
  #banner-list .owl-buttons .owl-prev {
    margin-left: 10px;
    opacity: 0.8;
  }
}
/* line 71, ../scss/module/_banner.scss */
#banner-list .owl-buttons .owl-next {
  float: right;
  margin-right: 30px;
  background: #50b848;
}
@media (max-width: 767px) {
  /* line 71, ../scss/module/_banner.scss */
  #banner-list .owl-buttons .owl-next {
    margin-right: 10px;
    opacity: 0.8;
  }
}
/* line 82, ../scss/module/_banner.scss */
#banner-list .owl-pagination {
  position: absolute;
  margin-top: 10px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 767px) {
  /* line 82, ../scss/module/_banner.scss */
  #banner-list .owl-pagination {
    bottom: 10px;
  }
}
@media (max-width: 480px) {
  /* line 82, ../scss/module/_banner.scss */
  #banner-list .owl-pagination {
    display: none;
  }
}
/* line 100, ../scss/module/_banner.scss */
#banner-list .owl-pagination .owl-page {
  float: left;
  margin-right: 5px;
}
/* line 104, ../scss/module/_banner.scss */
#banner-list .owl-pagination .owl-page span {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
  background: #e4e4e4 !important;
}
/* line 112, ../scss/module/_banner.scss */
#banner-list .owl-pagination .owl-page.active span {
  background: #50b848 !important;
}

/*
 * Accordions and collapsible blocks
 */
/* Accordion  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 10, ../scss/mixin/_accordion.scss */
.accordion {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/* line 15, ../scss/mixin/_accordion.scss */
.accordion ul {
  display: block;
  /*display:none;*/
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

/* line 22, ../scss/mixin/_accordion.scss */
.accordion li {
  float: left;
  display: block;
  width: 100% !important;
  padding: 0 !important;
  margin: 0;
  list-style-type: none;
  cursor: pointer;
  position: relative;
}

/* line 33, ../scss/mixin/_accordion.scss */
.accordion li a {
  display: block;
  padding: 15px 10px;
  font-size: 1.1666em;
  /*14px*/
  line-height: 1.2857em;
  /*18px*/
}

/* line 39, ../scss/mixin/_accordion.scss */
.accordion li li a {
  padding-left: 20px;
}

/* line 40, ../scss/mixin/_accordion.scss */
.accordion li li li a {
  padding-left: 40px;
}

/* line 41, ../scss/mixin/_accordion.scss */
.accordion li li li li a {
  padding-left: 60px;
}

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
/* line 45, ../scss/mixin/_accordion.scss */
.accordion li.parent > a {
  padding-right: 54px;
}

/* Opener
-------------------------------------------------------------- */
/* line 49, ../scss/mixin/_accordion.scss */
.accordion .opener {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 49px;
  height: 49px;
  line-height: 49px;
}

/* line 61, ../scss/mixin/_accordion.scss */
.accordion .opener:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Active */
/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Padding
-------------------------------------------------------------- */
/* line 74, ../scss/mixin/_accordion.scss */
.accordion-style1 li a {
  padding: 0px 10px;
}

/* line 75, ../scss/mixin/_accordion.scss */
.accordion-style1 li li a {
  padding-left: 20px;
}

/* line 76, ../scss/mixin/_accordion.scss */
.accordion-style1 li li li a {
  padding-left: 35px;
}

/* line 77, ../scss/mixin/_accordion.scss */
.accordion-style1 li li li li a {
  padding-left: 50px;
}

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
/* line 81, ../scss/mixin/_accordion.scss */
.accordion-style1 li.parent > a {
  padding-right: 33px;
}

/* Misc
-------------------------------------------------------------- */
/* line 85, ../scss/mixin/_accordion.scss */
.accordion-style1 li a {
  border-bottom-color: #eee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  font-size: 1em;
  /*12px*/
  line-height: 1.5em;
  /*18px*/
}

/* line 91, ../scss/mixin/_accordion.scss */
.accordion-style1 li a:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
/* line 97, ../scss/mixin/_accordion.scss */
.accordion-style1 .opener {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: rgba(0, 0, 0, 0.03) !important;
}

/* line 103, ../scss/mixin/_accordion.scss */
.accordion-style1 .opener:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 112, ../scss/mixin/_accordion.scss */
.collapsible .block-title {
  cursor: pointer;
}

/* line 116, ../scss/mixin/_accordion.scss */
.collapsible .block-title,
.mobile-collapsible .block-title {
  padding-top: 8px;
  /*padding-right:35px;*/
  /* Rremoved space for opener */
  padding-bottom: 8px;
  border-bottom: 1px solid #f2f2f2;
  border-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 0.625em;
  /*10px*/
  font-size: 1.3333em;
  /*16px*/
  line-height: 1.25em;
  /*20px*/
  font-weight: normal;
}

/* line 131, ../scss/mixin/_accordion.scss */
.collapsible .block-content,
.collapsible .block-content > * {
  margin-top: 0;
  /* Prevent animation jumping */
}

/* Deprecated: opener
-------------------------------------------------------------- */
/* line 138, ../scss/mixin/_accordion.scss */
.collapsible .opener {
  position: absolute;
  right: 0;
  top: 2px;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
  /*IE*/
  background-color: rgba(0, 0, 0, 0.05);
}

/* line 155, ../scss/mixin/_accordion.scss */
.collapsible .opener:hover {
  background-color: #e5e5e5;
  /*IE*/
  background-color: rgba(0, 0, 0, 0.1);
}

/**
 * Banners
 */
/*.ban {
    position: relative;
    overflow: hidden;

    .image {
        width: 100%;
    }
}


/* Banner hover effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.ban .image {
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

/* Zoom in */
/*.ban-effect-1:hover .image {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* Zoom out */
/*.ban-effect-2 .image {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.ban-effect-2:hover .image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/* Zoom in rotate */
/*.ban-effect-3:hover .image {
    -webkit-transform: scale(1.3) rotate(8deg);
    -moz-transform: scale(1.3) rotate(8deg);
    -o-transform: scale(1.3) rotate(8deg);
    -ms-transform: scale(1.3) rotate(8deg);
    transform: scale(1.3) rotate(8deg);
}

/* Fade out */
/*.ban-effect-fade-out .image {
    opacity: 1;
}

.ban-effect-fade-out:hover .image {
    opacity: 0.75;
}

/* Grayscale in */
/*.ban-effect-grayscale-in .image {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}*/
/*.ban-effect-grayscale-in:hover .image {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* Grayscale out */
/*.ban-effect-grayscale-out .image {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.ban-effect-grayscale-out:hover .image {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
}

/* Blur in */
/*.ban-effect-blur-in:hover .image {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

/* Blur out */
/*.ban-effect-blur-out .image {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.ban-effect-blur-out:hover .image {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -o-filter: blur(0px);
    -ms-filter: blur(0px);
    filter: blur(0px);
}


/* Banner caption %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.cap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 15px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    background-color: rgba(91, 210, 236, 0.85); /* #5bd2ec */
    /*color: #fff;
}


/* Caption helper classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.cap-no-bg {
    background: none !important;
}


/* Center
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.cap-center-horizontally {
    text-align: center;
}

.cap-center-vertically {
    top: auto !important;
    bottom: 50% !important;
    right: 0;
    left: 0;
    height: auto !important;
    -webkit-transform: translateY(50%) !important;
    -moz-transform: translateY(50%) !important;
    -o-transform: translateY(50%) !important;
    -ms-transform: translateY(50%) !important;
    transform: translateY(50%) !important;
}


/* Caption positioning
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Position
-------------------------------------------------------------- */
/*.cap-top {
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: auto;
}

.cap-top-left {
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    width: auto;
    height: auto;
}

.cap-top-right {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
}

.cap-left {
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: auto;
    height: 100%;
}

.cap-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: auto;
    height: 100%;
}

.cap-bottom {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.cap-bottom-left {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto;
}

.cap-bottom-right {
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;
    width: auto;
    height: auto;
}

/* Precise position
-------------------------------------------------------------- */
/* Push down */
/*.cap-push-down-5 {
    top: 5%;
    height: auto;
    bottom: auto;
}

.cap-push-down-10 {
    top: 10%;
    height: auto;
    bottom: auto;
}

.cap-push-down-15 {
    top: 15%;
    height: auto;
    bottom: auto;
}

.cap-push-down-20 {
    top: 20%;
    height: auto;
    bottom: auto;
}

.cap-push-down-25 {
    top: 25%;
    height: auto;
    bottom: auto;
}

.cap-push-down-30 {
    top: 30%;
    height: auto;
    bottom: auto;
}

/* Push right */
/*.cap-push-right-5 {
    left: 5%;
    width: auto;
    right: auto;
}

.cap-push-right-10 {
    left: 10%;
    width: auto;
    right: auto;
}

.cap-push-right-15 {
    left: 15%;
    width: auto;
    right: auto;
}

.cap-push-right-20 {
    left: 20%;
    width: auto;
    right: auto;
}

.cap-push-right-25 {
    left: 25%;
    width: auto;
    right: auto;
}

.cap-push-right-30 {
    left: 30%;
    width: auto;
    right: auto;
}

/* Push left */
/*.cap-push-left-5 {
    right: 5%;
    width: auto;
    left: auto;
}

.cap-push-left-10 {
    right: 10%;
    width: auto;
    left: auto;
}

.cap-push-left-15 {
    right: 15%;
    width: auto;
    left: auto;
}

.cap-push-left-20 {
    right: 20%;
    width: auto;
    left: auto;
}

.cap-push-left-25 {
    right: 25%;
    width: auto;
    left: auto;
}

.cap-push-left-30 {
    right: 30%;
    width: auto;
    left: auto;
}

/* Push up */
/*.cap-push-up-5 {
    bottom: 5%;
    height: auto;
    top: auto;
}

.cap-push-up-10 {
    bottom: 10%;
    height: auto;
    top: auto;
}

.cap-push-up-15 {
    bottom: 15%;
    height: auto;
    top: auto;
}

.cap-push-up-20 {
    bottom: 20%;
    height: auto;
    top: auto;
}

.cap-push-up-25 {
    bottom: 25%;
    height: auto;
    top: auto;
}

.cap-push-up-30 {
    bottom: 30%;
    height: auto;
    top: auto;
}


/* Text with background color
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*[class*="cap-text-bg-"] .text,*/
/*.cap-text-bg .text {
    padding: 3px 6px;
    margin-bottom: 3px;

    /* Make it look like an inline block (background not stretched to full width) */
/*clear: both;
float: left;
/*display: inline-block;*/
/*}

.rtl .cap-text-bg .text {
    float: right;
}

/*.cap-text-bg.cap-center-vertically .text {
    float: none;
}*/
/*.cap-text-bg .text:last-child {
    margin-bottom: 0;
}

a .cap-text-bg .text {
    transition:         color 400ms ease-in-out, background-color 400ms ease-in-out;
    -moz-transition:    color 400ms ease-in-out, background-color 400ms ease-in-out;
    -webkit-transition: color 400ms ease-in-out, background-color 400ms ease-in-out;
    -o-transition:      color 400ms ease-in-out, background-color 400ms ease-in-out;
}

.cap-text-bg-dark-1 .text {
    background-color: rgba(0, 0, 0, 0.35);
    color: #fff;
}
a:hover .cap-text-bg-dark-1 .text {
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.cap-text-bg-dark-2 .text {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
}
a:hover .cap-text-bg-dark-2 .text {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.cap-text-bg-dark-3 .text {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
}
a:hover .cap-text-bg-dark-3 .text {
    background-color: rgba(0, 0, 0, 1);
    color: #fff;
}

.cap-text-bg-light-1 .text {
    background-color: rgba(255, 255, 255, 0.35);
    color: #000;
}
a:hover .cap-text-bg-light-1 .text {
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
}

.cap-text-bg-light-2 .text {
    background-color: rgba(255, 255, 255, 0.6);
    color: #000;
}
a:hover .cap-text-bg-light-2 .text {
    background-color: rgba(255, 255, 255, 0.85);
    color: #000;
}

.cap-text-bg-light-3 .text {
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}
a:hover .cap-text-bg-light-3 .text {
    background-color: rgba(255, 255, 255, 1);
    color: #000;
}


/* Caption effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Fade
-------------------------------------------------------------- */
/*.ban-caption-fade-in .cap {
    opacity: 0;
}

.ban-caption-fade-in:hover .cap {
    opacity: 1;
}

.ban-caption-fade-out .cap {
    opacity: 1;
}

.ban-caption-fade-out:hover .cap {
    opacity: 0;
}

/* Slide
-------------------------------------------------------------- */
/*[class*="ban-caption-slide-"] .cap {
    width: 100%;
    height: 100%;
}

.ban-caption-slide-up .cap {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.ban-caption-slide-up:hover .cap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.ban-caption-slide-down .cap {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ban-caption-slide-down:hover .cap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.ban-caption-slide-left .cap {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.ban-caption-slide-left:hover .cap {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.ban-caption-slide-right .cap {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ban-caption-slide-right:hover .cap {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}


/* Push
-------------------------------------------------------------- */
/* Push up */
/*.ban-caption-push-up:hover .image {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ban-caption-push-up .cap {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.ban-caption-push-up:hover .cap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Push down */
/*.ban-caption-push-down:hover .image {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

.ban-caption-push-down .cap {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ban-caption-push-down:hover .cap {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* Hinge
-------------------------------------------------------------- */
/*[class*="ban-caption-hinge-"] {
    -webkit-perspective: 900px;
    perspective: 900px;
}

[class*="ban-caption-hinge-"] .image,
[class*="ban-caption-hinge-"] .cap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* Hinge up */
/*.ban-caption-hinge-up .image {
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.ban-caption-hinge-up:hover .image {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    opacity: 0;
}

.ban-caption-hinge-up .cap {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    opacity: 0;
}

.ban-caption-hinge-up:hover .cap {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
}

/* Hinge down */
/*.ban-caption-hinge-down .image {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}

.ban-caption-hinge-down:hover .image {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    transform: rotateX(90deg);
    opacity: 0;
}

.ban-caption-hinge-down .cap {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% -50%;
    -moz-transform-origin: 50% -50%;
    -o-transform-origin: 50% -50%;
    -ms-transform-origin: 50% -50%;
    transform-origin: 50% -50%;
    opacity: 0;
}

.ban-caption-hinge-down:hover .cap {
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -o-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
}

/* Hinge left */
/*.ban-caption-hinge-left .image {
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}

.ban-caption-hinge-left:hover .image {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0;
}

.ban-caption-hinge-left .cap {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    opacity: 0;
}

.ban-caption-hinge-left:hover .cap {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
}

/* Hinge right */
/*.ban-caption-hinge-right .image {
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.ban-caption-hinge-right:hover .image {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    opacity: 0;
}

.ban-caption-hinge-right .cap {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
}

.ban-caption-hinge-right:hover .cap {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1;
}



/* Deprecated styles, left for backward compatibility %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*.banner-wrapper { position: relative; display: block; }
.page-banners .banner a { display:block; }
.page-banners .banner a img { display:block; margin:0 auto; }

/* depracated styles, left for backward compatibility: */
/*.page-banners .banner { margin-bottom:2%; }

/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.caption {
    display:block;
    position:absolute;
    bottom:0;
    width:80%;
    margin:6%;
    padding:0;
}

/* Caption position
-------------------------------------------------------------- */
/*.caption.top {
    top:0;
    bottom:auto;
    width:80%;
}
.caption.top-right {
    top:0;
    bottom:auto;
    right:0;
    width:58%;
}
.caption.bottom-right {
    right:0;
    width:58%;
}

/* Caption elements
-------------------------------------------------------------- */
/*.caption > * {
    float:left;
    display:inline-block;
    margin-bottom:1px;
}
.caption .heading {
    padding:0.25em;
    margin-bottom:0.2em;
    font-size:2.8em;
    line-height:1em;
    font-weight:normal;
}
.caption p {
    clear:left;
    padding:0.25em 0.5em;
    margin-bottom:1px;
    font-size: 1.3333em;
    line-height:1em;
}
.caption button {
    clear:left;
}

/* Caption layout
-------------------------------------------------------------- */
/*.caption.centered {
    text-align: center;
}
.caption.centered > * {
    display:inline-block;
    float: none;
}

/* Floating (text alignment) */
/*.caption.right > * { text-align:right; float:right !important; }

/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
/*.caption.full-width { width:88%; margin:6%; }
.caption.narrow { width:38%; }

/* Prevent from hiding elements of the caption on narrow screens */
/*.caption .permanent { display:inline-block !important; }

/* Skin
-------------------------------------------------------------- */
/*.caption .heading,
.caption p {
    transition:         color 450ms ease-in-out, background-color 450ms ease-in-out;
    -moz-transition:    color 450ms ease-in-out, background-color 450ms ease-in-out;
    -webkit-transition: color 450ms ease-in-out, background-color 450ms ease-in-out;
    -o-transition:      color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading,
a:hover .caption p {
    transition:         color 200ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition:    color 200ms ease-in-out, background-color 200ms ease-in-out;
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition:      color 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Dark + white text */
/*.caption.dark1 .heading,
.caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; }
a:hover .caption.dark1 .heading,
a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; }

/* Dark + white text */
/*.caption.dark2 .heading,
.caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; }
a:hover .caption.dark2 .heading,
a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; }

/* Dark + white text */
/*.caption.dark3 .heading,
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; }
a:hover .caption.dark3 .heading,
a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; }

/* Light + black text */
/*.caption.light1 .heading,
.caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; }
a:hover .caption.light1 .heading,
a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; }

/* Light + black text */
/*.caption.light2 .heading,
.caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; }
a:hover .caption.light2 .heading,
a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; }

/* Light + black text */
/*.caption.light3 .heading,
.caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; }
a:hover .caption.light3 .heading,
a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; }*/
/**
 * Lightbox
 */
/* ColorBox Core Style
-------------------------------------------------------------- */
/* line 7, ../scss/mixin/_colorbox.scss */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

/* line 8, ../scss/mixin/_colorbox.scss */
#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* line 9, ../scss/mixin/_colorbox.scss */
#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

/* line 10, ../scss/mixin/_colorbox.scss */
#cboxContent {
  position: relative;
}

/* line 11, ../scss/mixin/_colorbox.scss */
#cboxLoadedContent {
  overflow: auto;
}

/* line 12, ../scss/mixin/_colorbox.scss */
#cboxTitle {
  margin: 0;
}

/* line 13, ../scss/mixin/_colorbox.scss */
#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 14, ../scss/mixin/_colorbox.scss */
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

/* line 15, ../scss/mixin/_colorbox.scss */
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

/* line 16, ../scss/mixin/_colorbox.scss */
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* line 17, ../scss/mixin/_colorbox.scss */
#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
}

/* ColorBox skin.
   The following styles are ordered and tabbed
   in a way that represents the nesting of the generated HTML.
-------------------------------------------------------------- */
/* line 23, ../scss/mixin/_colorbox.scss */
#cboxOverlay {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/colorbox/overlay.png) repeat 0 0;
}

/* line 25, ../scss/mixin/_colorbox.scss */
#cboxContent {
  background: #fff;
  overflow: hidden;
  border: none;
  /*10px solid #333*/
  padding: 10px;
}

/* line 26, ../scss/mixin/_colorbox.scss */
.cboxIframe {
  background: #fff;
}

/* line 27, ../scss/mixin/_colorbox.scss */
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

/* line 28, ../scss/mixin/_colorbox.scss */
#cboxLoadedContent {
  margin-bottom: 40px;
  /*10px above buttons*/
}

/* line 29, ../scss/mixin/_colorbox.scss */
#cboxCurrent {
  position: absolute;
  bottom: 17px;
  left: 80px;
  color: #999;
}

/* line 30, ../scss/mixin/_colorbox.scss */
#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

/* line 31, ../scss/mixin/_colorbox.scss */
#cboxPrevious,
#cboxNext {
  position: absolute;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/colorbox/slider-arrows.png) no-repeat #f5f5f5;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

/* line 33, ../scss/mixin/_colorbox.scss */
#cboxPrevious:hover,
#cboxNext:hover {
  background-color: #333;
}

/* line 35, ../scss/mixin/_colorbox.scss */
#cboxPrevious {
  bottom: 10px;
  left: 10px;
  background-position: -10px -10px;
}

/* line 36, ../scss/mixin/_colorbox.scss */
#cboxPrevious:hover {
  background-position: -10px -60px;
}

/* line 37, ../scss/mixin/_colorbox.scss */
#cboxNext {
  bottom: 10px;
  left: 40px;
  background-position: -60px -10px;
}

/* line 38, ../scss/mixin/_colorbox.scss */
#cboxNext:hover {
  background-position: -60px -60px;
}

/* line 40, ../scss/mixin/_colorbox.scss */
#cboxLoadingOverlay {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center;
}

/* line 41, ../scss/mixin/_colorbox.scss */
#cboxLoadingGraphic {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/colorbox/loading.gif) no-repeat center center;
}

/* line 43, ../scss/mixin/_colorbox.scss */
#cboxClose {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/colorbox/close-button.png) -10px -10px no-repeat #f5f5f5;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

/* line 44, ../scss/mixin/_colorbox.scss */
#cboxClose:hover {
  background-position: -10px -60px;
  background-color: #333;
}

/* Captions */
/* line 47, ../scss/mixin/_colorbox.scss */
#cboxTitle {
  position: absolute;
  bottom: 17px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}

/* line 48, ../scss/mixin/_colorbox.scss */
#cboxNext,
#cboxPrevious,
#cboxClose {
  transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
  -moz-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
  -webkit-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
  -o-transition: background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/**
 * Drop-down block
 */
/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 10, ../scss/mixin/_dropdown.scss */
.dropdown {
  position: relative;
}

/* line 11, ../scss/mixin/_dropdown.scss */
.dropdown:hover {
  z-index: 4000;
}

/* Dropdown heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 16, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-heading {
  display: inline-block;
  cursor: default;
  line-height: 36px;
  max-height: 36px;
  /* Set static height to improve layout of inline elements inisde the dropdown heading */
}

/* In case a link ("a" tag) is used as a dropdown heading */
/* line 24, ../scss/mixin/_dropdown.scss */
.dropdown a.dropdown-heading {
  /* Inherit color to have the same color as the text in the containing section (e.g. in primary header). */
  color: inherit;
  /* Remove transition */
  -webkit-transition: none;
  transition: none;
  -webkit-transition-delay: unset;
          transition-delay: unset;
}

/* line 32, ../scss/mixin/_dropdown.scss */
.dropdown a.dropdown-heading:hover {
  /* Inherit color to have the same color as the text in the containing section (e.g. in primary header). 
     Otherwise the dropdown heading on hover would blink showing standard link hover color. */
  color: inherit;
}

/* Inside dropdown heading
-------------------------------------------------------------- */
/* Child elements of the heading have to be aligned vertically */
/* line 41, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-heading > * {
  display: inline-block;
  vertical-align: middle;
}

/* If heading has additional inner wrapper (to cover the shadow of the dropdown),
   properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */
/* line 48, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
  display: block;
  vertical-align: baseline;
}

/* line 53, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-heading.cover > span > *,
.dropdown .dropdown-heading.cover > div > * {
  display: inline-block;
  vertical-align: middle;
}

/* Elements of the dropdown heading */
/* line 60, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-heading .caret,
.dropdown .dropdown-heading .caret {
  margin-right: -3px;
}

/* line 64, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-heading .value {
  margin-left: 2px;
}

/* e.g. for flags */
/* line 68, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-heading .dropdown-icon {
  width: 18px;
  text-indent: -9999px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

/* Cover shadow of "dropdown-heading" and "dropdown-content"
   with additional div inside the heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 80, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
  padding: 0 10px;
}

/* line 84, ../scss/mixin/_dropdown.scss */
.dropdown.open > .dropdown-heading.cover > span,
.dropdown.open > .dropdown-heading.cover > div {
  background-color: #fff;
  z-index: 4001;
  position: relative;
}

/* Dropdown content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 95, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-content {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4000;
  padding: 20px;
  min-width: 130px;
  line-height: 1.5em;
  text-align: left;
  list-style: none;
  background-color: #fff;
}

/* line 109, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-content.left-hand {
  left: auto;
  right: 0;
}

/* When dropdown content is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
/* line 117, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-content > li * {
  display: inline-block;
}

/* line 118, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-content > li > a {
  display: block;
}

/* line 120, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-content > li {
  white-space: nowrap;
}

/* line 121, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-content > li .label {
  margin-right: 8px;
}

/* line 122, ../scss/mixin/_dropdown.scss */
.dropdown .dropdown-content .dropdown-icon {
  width: 18px;
  text-indent: -9999px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

/**
 * Itemgrid
 */
/* line 7, ../scss/mixin/_itemgrid.scss */
.itemgrid .item {
  float: left;
  padding-left: 1%;
  padding-right: 1%;
  box-sizing: content-box;
}

/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */
/* Item grid: 1 column */
/* line 23, ../scss/mixin/_itemgrid.scss */
.itemgrid-1col .item {
  width: 98%;
}

/* Item grid: 2 columns */
/* line 26, ../scss/mixin/_itemgrid.scss */
.itemgrid-2col .item {
  width: 48%;
}

/* line 27, ../scss/mixin/_itemgrid.scss */
.itemgrid-2col > li:nth-of-type(2n+1) {
  clear: left;
}

/* Item grid: 3 columns */
/* line 30, ../scss/mixin/_itemgrid.scss */
.itemgrid-3col .item {
  width: 31.3333%;
}

/* line 31, ../scss/mixin/_itemgrid.scss */
.itemgrid-3col > li:nth-of-type(3n+1) {
  clear: left;
}

/* Item grid: 4 columns */
/* line 34, ../scss/mixin/_itemgrid.scss */
.itemgrid-4col .item {
  width: 23%;
}

/* line 35, ../scss/mixin/_itemgrid.scss */
.itemgrid-4col > li:nth-of-type(4n+1) {
  clear: left;
}

/* Item grid: 5 columns */
/* line 38, ../scss/mixin/_itemgrid.scss */
.itemgrid-5col .item {
  width: 18%;
}

/* line 39, ../scss/mixin/_itemgrid.scss */
.itemgrid-5col > li:nth-of-type(5n+1) {
  clear: left;
}

/* Item grid: 6 columns */
/* line 42, ../scss/mixin/_itemgrid.scss */
.itemgrid-6col .item {
  width: 14.6666%;
}

/* line 43, ../scss/mixin/_itemgrid.scss */
.itemgrid-6col > li:nth-of-type(6n+1) {
  clear: left;
}

/* Item grid: 7 columns */
/* line 46, ../scss/mixin/_itemgrid.scss */
.itemgrid-7col .item {
  width: 12.2857%;
}

/* line 47, ../scss/mixin/_itemgrid.scss */
.itemgrid-7col > li:nth-of-type(7n+1) {
  clear: left;
}

/* Item grid: 8 columns */
/* line 50, ../scss/mixin/_itemgrid.scss */
.itemgrid-8col .item {
  width: 10.5%;
}

/* line 51, ../scss/mixin/_itemgrid.scss */
.itemgrid-8col > li:nth-of-type(8n+1) {
  clear: left;
}

/* 
 * Itemslider - based on Owl Carousel
 *
 * IMPORTANT: Flexslider was replaced by Owl Carousel.
 * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css
 */
/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Necessary styles (Core Owl Carousel CSS File v1.24)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* clearfix */
/* line 18, ../scss/mixin/_itemslider.scss */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
/* line 27, ../scss/mixin/_itemslider.scss */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

/* line 33, ../scss/mixin/_itemslider.scss */
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

/* line 38, ../scss/mixin/_itemslider.scss */
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* line 43, ../scss/mixin/_itemslider.scss */
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* line 51, ../scss/mixin/_itemslider.scss */
.owl-carousel .owl-item {
  float: left;
}

/* line 54, ../scss/mixin/_itemslider.scss */
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

/* line 58, ../scss/mixin/_itemslider.scss */
.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
/* line 68, ../scss/mixin/_itemslider.scss */
.grabbing {
  cursor: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/grabbing.png) 8 8, move;
}

/* fix */
/* line 73, ../scss/mixin/_itemslider.scss */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

/* CSS3 Transitions */
/* line 85, ../scss/mixin/_itemslider.scss */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px;
}

/* fade */
/* line 95, ../scss/mixin/_itemslider.scss */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}

/* line 101, ../scss/mixin/_itemslider.scss */
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}

/* backSlide */
/* line 107, ../scss/mixin/_itemslider.scss */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

/* line 112, ../scss/mixin/_itemslider.scss */
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
/* line 118, ../scss/mixin/_itemslider.scss */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}

/* line 123, ../scss/mixin/_itemslider.scss */
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}

/* scaleUp */
/* line 129, ../scss/mixin/_itemslider.scss */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

/* line 135, ../scss/mixin/_itemslider.scss */
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1;
  }
}
@keyframes empty {
  0% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%);
            transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
  }
}
@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
  }
}
@keyframes goDown {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
  }
}
/* Additional styles for Owl Carousel
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Preloading images */
/* line 249, ../scss/mixin/_itemslider.scss */
.owl-item.loading {
  min-height: 60px;
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/ajax-loader.gif) no-repeat center center;
}

/* Pagination */
/* line 255, ../scss/mixin/_itemslider.scss */
.owl-pagination {
  text-align: center;
  z-index: 1;
  /* z-index to show above other items */
}

/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 262, ../scss/mixin/_itemslider.scss */
.itemslider {
  margin-bottom: 20px;
}

/* Items */
/* line 265, ../scss/mixin/_itemslider.scss */
.itemslider .item {
  padding-left: 10px;
  padding-right: 10px;
}

/* Lazy loading */
/* line 268, ../scss/mixin/_itemslider.scss */
.itemslider .owl-item.loading {
  background-position: center 40px;
}

/* line 269, ../scss/mixin/_itemslider.scss */
.itemslider .owl-item.loading .product-image {
  min-height: 70px;
}

/* If slider inside menu */
/* line 272, ../scss/mixin/_itemslider.scss */
.navi .itemslider .price-box span {
  display: inline;
}

/* FEATURE: equal height items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Buttons aligned at the bottom */
/*.itemslider.equal-height .item {
    position: static;
    padding-bottom: 50px;
}
.itemslider.equal-height .actions {
    position: absolute;
    bottom: 0;
}*/
/**
 * Generic tabs
 */
/* Basic styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Tabs
-------------------------------------------------------------- */
/* Total height of the tab bar should be the same as in block titles */
/* line 14, ../scss/mixin/_tabs.scss */
.gen-tabs .tabs li {
  float: left;
  margin: 0;
}

/* line 15, ../scss/mixin/_tabs.scss */
.gen-tabs .tabs a {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  outline: none;
}

/* Tab panels
-------------------------------------------------------------- */
/* line 24, ../scss/mixin/_tabs.scss */
.gen-tabs .tabs-panels {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
}

/* Accordion
-------------------------------------------------------------- */
/* line 33, ../scss/mixin/_tabs.scss */
.gen-tabs .acctab {
  display: none;
  padding: 0;
  margin-bottom: 1px;
  font-weight: normal;
}

/* line 39, ../scss/mixin/_tabs.scss */
.gen-tabs .acctab:hover {
  cursor: pointer;
}

/* Accordion mode enabled */
/* line 42, ../scss/mixin/_tabs.scss */
.gen-tabs.accor .tabs {
  display: none;
}

/* line 43, ../scss/mixin/_tabs.scss */
.gen-tabs.accor .acctab {
  display: block;
}

/* line 44, ../scss/mixin/_tabs.scss */
.gen-tabs.accor .tabs-panels {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 45, ../scss/mixin/_tabs.scss */
.gen-tabs.accor .tabs-panels .panel {
  display: none;
  margin: 10px 0;
  padding: 15px 0 0;
}

/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 51, ../scss/mixin/_tabs.scss */
.gen-tabs .tabs a {
  color: #333;
  background-color: #eee;
  line-height: 3em;
}

/* line 56, ../scss/mixin/_tabs.scss */
.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus {
  background-color: #e5e5e5;
}

/* line 58, ../scss/mixin/_tabs.scss */
.gen-tabs .tabs a.current {
  background-color: #ddd;
}

/* Accordion
-------------------------------------------------------------- */
/* line 62, ../scss/mixin/_tabs.scss */
.gen-tabs .acctab {
  font-size: 19px;
  line-height: 50px;
  background-color: #f5f5f5;
  color: #333;
}

/* line 68, ../scss/mixin/_tabs.scss */
.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current {
  background-color: #e5e5e5;
}

/* Tabs - skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Border exists but it is transparent. Except bottom border which has to be removed.
   Only the current tab need to have bottom border. */
/* line 79, ../scss/mixin/_tabs.scss */
.gen-tabs--style1 .tabs a {
  font-size: 16px;
  line-height: 44px;
  /* Important: make as tall as related products block's heading  */
  color: #333;
  background-color: #eee;
  border: 1px solid transparent;
  border-bottom: none;
}

/* line 88, ../scss/mixin/_tabs.scss */
.gen-tabs--style1 .tabs a:hover
 {
  background-color: #e5e5e5;
  /* Border on hover has the same color as background of the tab */
  border-color: #e5e5e5;
}

/* line 96, ../scss/mixin/_tabs.scss */
.gen-tabs--style1 .tabs a.current {
  background-color: #fff;
  /* Pull up the panels */
  margin-bottom: -1px;
  /* Border of the active item has the same color as border of panels.
     Bottom border is transparent. */
  border-color: #e5e5e5;
  border-bottom: 1px solid transparent;
  /* Make a little bit higher than other tabs */
  padding-top: 4px;
  margin-top: -4px;
}

/* line 111, ../scss/mixin/_tabs.scss */
.gen-tabs--style1 .tabs a.current:hover {
  /* Bottom border is transparent. */
  border-bottom-color: transparent;
}

/* line 116, ../scss/mixin/_tabs.scss */
.gen-tabs--style1 .tabs-panels {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px dashed #e5e5e5;
}

/* Accordion
-------------------------------------------------------------- */
/* line 123, ../scss/mixin/_tabs.scss */
.gen-tabs--style1.accor .tabs-panels {
  border-top: none;
  border-bottom: none;
}

/* line 127, ../scss/mixin/_tabs.scss */
.gen-tabs--style1 .acctab {
  border-bottom: 1px solid #e5e5e5;
}

/* line 130, ../scss/mixin/_tabs.scss */
.gen-tabs--style1.gen-tabs.accor {
  margin-bottom: 25px;
}

/* Tabs - skin 1: smaller
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 138, ../scss/mixin/_tabs.scss */
.gen-tabs--style1-small .tabs a {
  padding: 0 7px;
  font-size: 14px;
  line-height: 32px;
}

/* Added main class to increase specificity of this rule to override font */
/* line 144, ../scss/mixin/_tabs.scss */
.gen-tabs--style1.gen-tabs--style1-small .tabs a {
  font-family: inherit;
}

/* Accordion
-------------------------------------------------------------- */
/* line 150, ../scss/mixin/_tabs.scss */
.gen-tabs--style1-small .acctab {
  font-size: 14px;
  line-height: 32px;
}

/* Added main class to increase specificity of this rule to override font */
/* line 155, ../scss/mixin/_tabs.scss */
.gen-tabs--style1.gen-tabs--style1-small .acctab {
  font-family: inherit;
}

/**
 * Loading bar
 */
/* line 4, ../scss/mixin/_loadingbar.scss */
#loading-bar,
#loading-bar-spinner {
  -webkit-transition: 350ms linear all;
  transition: 350ms linear all;
}

/* line 11, ../scss/mixin/_loadingbar.scss */
#loading-bar .ng-enter,
#loading-bar .ng-leave.ng-leave-active,
#loading-bar-spinner .ng-enter,
#loading-bar-spinner .ng-leave.ng-leave-active {
  opacity: 0;
}

/* line 17, ../scss/mixin/_loadingbar.scss */
#loading-bar .ng-enter.ng-enter-active,
#loading-bar .ng-leave,
#loading-bar-spinner .ng-enter.ng-enter-active,
#loading-bar-spinner .ng-leave {
  opacity: 1;
}

/* line 23, ../scss/mixin/_loadingbar.scss */
#loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 11002;
}

/* line 32, ../scss/mixin/_loadingbar.scss */
#loading-bar .bar {
  -webkit-transition: width 350ms;
  transition: width 350ms;
  background: #29d;
  position: fixed;
  z-index: 11002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

/* line 47, ../scss/mixin/_loadingbar.scss */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
}

/* line 54, ../scss/mixin/_loadingbar.scss */
#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 11002;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-right: -15px;
}

/* line 63, ../scss/mixin/_loadingbar.scss */
#loading-bar-spinner .spinner-icon {
  width: 34px;
  height: 34px;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 17px;
  -webkit-animation: loading-bar-spinner .8s linear infinite;
  animation: loading-bar-spinner 0.8s linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* line 3, ../scss/mixin/_icons.scss */
.i-checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 32px auto 10px auto;
  box-shadow: inset 0 0 0 #50b848;
  -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
          animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}
/* line 15, ../scss/mixin/_icons.scss */
.i-checkmark .i-checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #50b848;
  fill: none;
  -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
          animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
/* line 24, ../scss/mixin/_icons.scss */
.i-checkmark .i-checkmark__circle .i-checkmark__check {
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
          animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@-webkit-keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes scale {
  0%, 100% {
    -webkit-transform: none;
            transform: none;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
@-webkit-keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #50b848;
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0 0 0 30px #50b848;
  }
}
/* ============================================ *
 * Promotional Marquee
 * ============================================ */
/* line 29, ../scss/mixin/_marquee.scss */
.marquee {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  width: 100%;
  background: #333;
  opacity: 0.9;
  padding: 20px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  /* line 29, ../scss/mixin/_marquee.scss */
  .marquee {
    display: none;
  }
}
/* line 45, ../scss/mixin/_marquee.scss */
.marquee a {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  float: left;
  letter-spacing: 1px;
  margin: 0 0 0 25px;
}
/* line 53, ../scss/mixin/_marquee.scss */
.marquee a span {
  color: #50b848;
}

/**
 * Icons and other styles related to icons.
 * Part of the font icon styles based on Font Awesome - http://fontawesome.io
 */



/* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.ic {
    display: inline-block;
    font: normal normal normal 14px/1 ThemeIcons;
    font-size: inherit;
    text-rendering: auto;
    text-transform: none; /* For backward compatibility */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* If icon is applied to 'i' tag */
i.ic,
i:before {
    font-style: normal;
}

/* Floating icons - with generic modifiers
-------------------------------------------------------------- */
.ic.left {
    float: left;
    margin-right: 0.3em;
}
.ic.right {
    float: right;
    margin-left: 0.3em;
}

/* Size
-------------------------------------------------------------- */
/* Makes the font 33% larger relative to the icon container */
.ic-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
.ic-2x {
    font-size: 2em;
}
.ic-3x {
    font-size: 3em;
}
.ic-4x {
    font-size: 4em;
}
.ic-5x {
    font-size: 5em;
}
.ic-6x {
    font-size: 6em;
}
.ic-7x {
    font-size: 7em;
}
.ic-8x {
    font-size: 8em;
}
.ic-fw {
    width: 1.28571429em;
    text-align: center;
}

/* Lists
-------------------------------------------------------------- */
.ic-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}
.ic-ul > li {
    position: relative;
}
.ic-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}
.ic-li.ic-lg {
    left: -1.85714286em;
}
.ic-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

/* Pulled Icons
-------------------------------------------------------------- */
.pull-right, /* Deprecated */
.ic-pull-right {
    float: right;
}
.pull-left, /* Deprecated */
.ic-pull-left {
    float: left;
}
.ic.pull-left, /* Deprecated */
.ic-pull-left {
    margin-right: .3em;
}
.ic.pull-right, /* Deprecated */
.ic-pull-right {
    margin-left: .3em;
}

/* Stacking
-------------------------------------------------------------- */
.ic-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.ic-stack-1x,
.ic-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.ic-stack-1x {
    line-height: inherit;
}
.ic-stack-2x {
    font-size: 2em;
}
.ic-inverse {
    color: #ffffff;
}

/* Effects
-------------------------------------------------------------- */
.ic-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.ic-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ic-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ic-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}
.ic-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.ic-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}


/* Characters as icon (letters, numbers etc.)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-char {
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif !important;
}


/* Images as icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-img {
    font-family: inherit; /* Remove icon font to fix vertical alignment */
}

/* Set max size for images displayed as icons */
.ic-img img,
.icon img /* For backward compatibility */
{
    vertical-align: middle;
}



/* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.ib,
.social-links a > span.icon /* For backward compatibility */
{
    display: inline-block;
    text-align: center;
    background-color: #e5e5e5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition:     color 300ms ease-in-out, background-color 300ms ease-in-out;
    -moz-transition:        color 300ms ease-in-out, background-color 300ms ease-in-out;    
    -o-transition:          color 300ms ease-in-out, background-color 300ms ease-in-out;
    transition:             color 300ms ease-in-out, background-color 300ms ease-in-out;
}


/* Size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib {
    line-height: 40px;
    width: 40px;
    height: 40px;
}
.ib-size-l {
    line-height: 60px;
    width: 60px;
    height: 60px;
}
.ib-size-xl {
    line-height: 80px;
    width: 80px;
    height: 80px;
}
.ib-size-xxl {
    line-height: 100px;
    width: 100px;
    height: 100px;
}
.ib-size-xxxl {
    line-height: 120px;
    width: 120px;
    height: 120px;
}


/* Labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Label which immediately follows the iconbox */
.ib + .label {
    line-height: 40px;
    display: inline-block;
}
.ib-size-l + .label {
    line-height: 60px;
}
.ib-size-xl + .label {
    line-height: 80px;
}
.ib-size-xxl + .label {
    line-height: 100px;
}
.ib-size-xxxl + .label {
    line-height: 120px;
}


/* Hover state
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-hover:hover, /* Apply hover state color only when special class is present */
.feature-icon-hover:hover .ib
{
    background-color: #333;
    color: #fff;
}


/* Characters as icon - modify styles if inside iconbox
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib.ic-char,
.ib.i-char /* For backward compatibility */
{
    /*font-size: 16px;*/ /* Important: do not add font size here, it would override standard classes such as "ic-2x" */
    text-align: center;
}


/* Additional utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Background
-------------------------------------------------------------- */
/* Icon without background color */
.ib-no-bg,
.ib.no-bg-color /* For backward compatibility */
{
    background-color: transparent !important;
}

/* Shapes
-------------------------------------------------------------- */
/* Default */
.ib-circle,
.ib.circle /* For backward compatibility */
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.ib-rounded,
.ib.rounded /* For backward compatibility */
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ib-rounded:after {
    /* If iconbox has effects, effect element needs to have the same shape */
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;  
}

.ib-square,
.ib.square /* For backward compatibility */
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.ib-square:after {
    /* If iconbox has effects, effect element needs to have the same shape */
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* Make all contained icons square */
.ib-wrapper-square .ib,
.ib-wrapper--square .ib, /* For backward compatibility */
.icon-wrapper-square .ib /* For backward compatibility */
{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}



/* Iconbox effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

[class*="ib-ef-"] {
    position: relative; /* Important: required */
    z-index: 1;
}

[class*="ib-ef-"]:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box;
}


/* Effect 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-ef-1 {
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
}

.ib-ef-1:after {
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #000;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
}

/* Effect 1a
-------------------------------------------------------------- */
.feature-icon-hover:hover .ib-ef-1a:after,
.ib-ef-1a:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* Effect 1b
-------------------------------------------------------------- */
.ib-ef-1b:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.feature-icon-hover:hover .ib-ef-1b:after,
.ib-ef-1b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* Effect 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-ef-2 {
    background-color: transparent !important;
    box-shadow: 0 0 0 4px #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ib-ef-2:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
}

/* Effect 2a
-------------------------------------------------------------- */
.feature-icon-hover:hover .ib-ef-2a:after,
.ib-ef-2a:hover:after {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

/* Effect 2b
-------------------------------------------------------------- */
.feature-icon-hover:hover .ib-ef-2b:after,
.ib-ef-2b:hover:after {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
    -moz-transition: -moz-transform 0.4s, opacity 0.2s;
    transition: transform 0.4s, opacity 0.2s;
}


/* Effect 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-ef-3 {
    background-color: transparent !important;
    box-shadow: 0 0 0 4px #000;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
}

.ib-ef-3:after {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
    -moz-transition: -moz-transform 0.2s, opacity 0.3s;
    transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3a
-------------------------------------------------------------- */
.feature-icon-hover:hover .ib-ef-3a:after,
.ib-ef-3a:hover:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

/* Effect 3b
-------------------------------------------------------------- */
.ib-ef-3b:after {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
}

.feature-icon-hover:hover .ib-ef-3b:after,
.ib-ef-3b:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}



/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic styles */
.feature {
    margin: 0 0 10px;
}
.feature:before,
.feature:after {
    content: '';
    display: table;
}
.feature:after {
    clear: both;
}
.feature.first {
    margin-top: 0;
}
.feature.last {
    margin-bottom: 0;
}

/* Elements separated with border
-------------------------------------------------------------- */
.feature.border-separated {
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 20px;
}
.feature.border-separated:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}
.feature.top-border, /* For backward compatibility */
.feature.border-top {
    border-top: 1px solid #f5f5f5 !important;
    margin-top: 20px !important;
    padding-top: 20px !important;
}
.feature.bottom-border, /* For backward compatibility */
.feature.border-bottom {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* (deprecated) Wrapper with top/bottom line */
.feature-wrapper.top-border {
    border-top: 1px solid #f5f5f5;
    margin-top: 20px;
    padding-top: 20px;
}
.feature-wrapper.bottom-border {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding-bottom: 20px;
}


/* Feature text paragraph
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature p:last-child {
    margin-bottom: 0;
}


/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: normal;
}
.feature .above-heading {
    margin: 0 0 7px;
    font-size: 1.1rem;
    line-height: 1.8rem;
    text-transform: uppercase;
    color: #888;
}
.feature .below-heading {
    font-size: 1em;
    font-style: italic;
    line-height: 1.8rem;
    color: #bbb;
}


/* Feature and icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Floating icons - additional margin.
   Important: styles only applied to direct children
-------------------------------------------------------------- */

/* IMPORTANT: for backward compatibility, apply also to an icon without "left" class if it's direct child and first child */
.feature > .ic:first-child, /* For backward compatibility */
.feature > .left {
    float: left;
    margin: 0 20px 16px 0;
}

.feature > .right {
    float: right;
    margin: 0 0 16px 20px;
}

/* For backward compatibility */
.rtl .feature > .ic:first-child {
    float: right;
    margin: 0 0 16px 20px;
}

/* (deprecated) Vertically centered icon
-------------------------------------------------------------- */
.feature.v-centered-content .v-center .ic {
    margin: 0 20px 0 0;
}


/* Indented feature
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* With indentation, icon doesn't need bottom margin, it pushes other elements down */
.feature.indent > .ic:first-child, /* For backward compatibility */
.feature.indent > .left,
.feature.indent > .right {
    margin-bottom: 0;
}

/* Size of indentation
-------------------------------------------------------------- */
/* Size of indentation = width of iconbox + right margin of the iconbox */

/* Default */
.feature.indent {
    padding-left: 60px; /* 60 = 40 + 20 */
}
.rtl .feature.indent {
    padding-right: 60px;
    padding-left: 0;
}

.feature.indent > .ic:first-child, /* For backward compatibility */
.feature.indent > .left {
    margin-left: -60px;
}
.rtl .feature.indent > .ic:first-child, /* For backward compatibility */
.feature.indent > .right {
    margin-right: -60px;
    margin-left: 0;
}

/* Large */
.feature.indent-size-l {
    padding-left: 80px;
}
.rtl .feature.indent-size-l {
    padding-right: 80px;
    padding-left: 0;
}

.feature.indent-size-l > .ic:first-child, /* For backward compatibility */
.feature.indent-size-l > .left {
    margin-left: -80px;
}
.rtl .feature.indent-size-l > .ic:first-child, /* For backward compatibility */
.feature.indent-size-l > .right {
    margin-right: -80px;
    margin-left: 0;
}

/* X Large */
.feature.indent-size-xl {
    padding-left: 100px;
}
.rtl .feature.indent-size-xl {
    padding-right: 100px;
    padding-left: 0;
}

.feature.indent-size-xl > .ic:first-child, /* For backward compatibility */
.feature.indent-size-xl > .left {
    margin-left: -100px;
}
.rtl .feature.indent-size-xl > .ic:first-child, /* For backward compatibility */
.feature.indent-size-xl > .right {
    margin-right: -100px;
    margin-left: 0;
}

/* XX Large */
.feature.indent-size-xxl {
    padding-left: 120px;
}
.rtl .feature.indent-size-xxl {
    padding-right: 120px;
    padding-left: 0;
}

.feature.indent-size-xxl > .ic:first-child, /* For backward compatibility */
.feature.indent-size-xxl > .left {
    margin-left: -120px;
}
.rtl .feature.indent-size-xxl > .ic:first-child, /* For backward compatibility */
.feature.indent-size-xxl > .right {
    margin-right: -120px;
    margin-left: 0;
}

/* XXX Large */
.feature.indent-size-xxxl {
    padding-left: 140px;
}
.rtl .feature.indent-size-xxxl {
    padding-right: 140px;
    padding-left: 0;
}

.feature.indent-size-xxxl > .ic:first-child, /* For backward compatibility */
.feature.indent-size-xxxl > .left {
    margin-left: -140px;
}
.rtl .feature.indent-size-xxxl > .ic:first-child, /* For backward compatibility */
.feature.indent-size-xxxl > .right {
    margin-right: -140px;
    margin-left: 0;
}


/* Feature centered
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IMPORTANT: these styles need to be placed after floating icon styles */
.feature.centered {
    text-align: center;
}
.feature.centered > .ic {
    /* When feature is centered, the first level icons can't float */
    float: none !important;
    margin: 0 0 15px !important;
}

/* Additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* (deprecated) Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */
.feature .ic.auto-size {
    width: auto;
    max-width: none;
    height: auto;
    max-height: none;
}



/* Integration with FontAwesome icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Here we make sure the "ic" class doesn't override 
   the font-family property of the FontAwesome's "fa" class.
   Thanks to that we can use the "ic" class in elements which already have the "fa" class. */
.fa {
    font-family: FontAwesome;
}

/* Here we make sure icons will have proper line-height and font-size to stack multiple icons */
.fa-stack-1x {
    line-height: inherit;
}
.fa-stack-2x {
    font-size: 2em;
}

/* Block displayed if Font Awesome enabled. By default it is hidden. */
.fontawesome-enabled {
    display: none;
}

/**
 * Definition of the font with icons and definitions of the icon glyphs
 */



@font-face {
	font-family: 'ThemeIcons';
	src:url('https://www.petheaven.co.za/skin/frontend/petheaven/default/fonts/themeicons/ThemeIcons.eot?387osh');
	src:url('https://www.petheaven.co.za/skin/frontend/petheaven/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'),
		url('https://www.petheaven.co.za/skin/frontend/petheaven/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'),
		url('https://www.petheaven.co.za/skin/frontend/petheaven/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'),
		url('https://www.petheaven.co.za/skin/frontend/petheaven/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Icon codes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-plane:before {
	content: "\e200";
}
.ic-tag:before {
	content: "\e201";
}
.ic-paint:before {
	content: "\e202";
}
.ic-credit:before {
	content: "\e203";
}
.ic-phone:before {
	content: "\e204";
}
.ic-letter:before {
	content: "\e205";
}
.ic-stopwatch:before {
	content: "\e206";
}
.ic-bars:before {
	content: "\e207";
}
.ic-truck:before {
	content: "\e208";
}
.ic-download:before {
	content: "\e209";
}
.ic-upload:before {
	content: "\e20a";
}
.ic-warning:before {
	content: "\e20b";
}
.ic-question:before {
	content: "\e20c";
}
.ic-info:before {
	content: "\e20d";
}
.ic-success:before {
	content: "\e20e";
}
.ic-close2:before {
	content: "\e20f";
}
.ic-reload:before {
	content: "\e210";
}
.ic-scissors:before {
	content: "\e211";
}
.ic-googleplus:before {
	content: "\e212";
}
.ic-facebook:before {
	content: "\e213";
}
.ic-twitter:before {
	content: "\e214";
}
.ic-feed:before {
	content: "\e215";
}
.ic-youtube:before {
	content: "\e216";
}
.ic-vimeo:before {
	content: "\e217";
}
.ic-flickr:before {
	content: "\e218";
}
.ic-dribbble:before {
	content: "\e219";
}
.ic-github:before {
	content: "\e21a";
}
.ic-wordpress:before {
	content: "\e21b";
}
.ic-blogger:before {
	content: "\e21c";
}
.ic-tumblr:before {
	content: "\e21d";
}
.ic-skype:before {
	content: "\e21e";
}
.ic-home:before {
	content: "\e21f";
}
.ic-edit2:before {
	content: "\e220";
}
.ic-cart:before,
.ic-cart1:before {
	content: "\e221";
}
.ic-menu:before {
	content: "\e222";
}
.ic-star-o:before {
	content: "\e223";
}
.ic-star:before {
	content: "\e224";
}
.ic-heart:before {
	content: "\e225";
}
.ic-heart-o:before {
	content: "\e226";
}
.ic-arrow-up:before {
	content: "\e227";
}
.ic-arrow-right:before {
	content: "\e228";
}
.ic-arrow-down:before {
	content: "\e229";
}
.ic-arrow-left:before {
	content: "\e22a";
}
.ic-filter:before {
	content: "\e22b";
}
.ic-lastminute:before {
	content: "\e22c";
}
.ic-close:before {
	content: "\e22d";
}
.ic-edit:before {
	content: "\e22e";
}
.ic-instagram:before {
	content: "\e22f";
}
.ic-user:before {
	content: "\e230";
}
.ic-mobile:before {
	content: "\e231";
}
.ic-pin:before {
	content: "\e232";
}
.ic-zoomin:before {
	content: "\e233";
}
.ic-zoomout:before {
	content: "\e234";
}
.ic-search:before {
	content: "\e235";
}
.ic-gift:before {
	content: "\e236";
}
.ic-anchor:before {
	content: "\e237";
}
.ic-calendar:before {
	content: "\e238";
}
.ic-remove:before {
	content: "\e239";
}
.ic-compare:before {
	content: "\e23a";
}
.ic-alarm:before {
	content: "\e23b";
}
.ic-plus:before {
	content: "\e23c";
}
.ic-minus:before {
	content: "\e23d";
}
.ic-pinterest:before {
	content: "\e23e";
}
.ic-call24:before {
	content: "\e23f";
}
.ic-callcenter:before {
	content: "\e240";
}
.ic-delivery:before {
	content: "\e241";
}
.ic-package:before {
	content: "\e242";
}
.ic-globe:before {
	content: "\e243";
}
.ic-lightbulb:before {
	content: "\e244";
}
.ic-microscope:before {
	content: "\e245";
}
.ic-24hours:before {
	content: "\e246";
}
.ic-coupon:before {
	content: "\e247";
}
.ic-tshirt:before {
	content: "\e248";
}
.ic-bag8:before {
	content: "\e249";
}
.ic-bag6:before {
	content: "\e24a";
}
.ic-bag4:before {
	content: "\e24b";
}
.ic-bag3:before {
	content: "\e24c";
}
.ic-bag7:before {
	content: "\e24d";
}
.ic-bag2:before {
	content: "\e24e";
}
.ic-bag5:before {
	content: "\e24f";
}
.ic-cart2:before {
	content: "\e250";
}
.ic-bag:before,
.ic-bag1:before {
	content: "\e251";
}
.ic-cart3:before {
	content: "\e252";
}
.ic-smartphones:before {
	content: "\e253";
}
.ic-grid:before {
	content: "\e254";
}
.ic-list:before {
	content: "\e255";
}
.ic-linkedin:before {
	content: "\e256";
}
.ic-bell:before {
	content: "\e257";
}
.ic-xing:before {
	content: "\e258";
}
.ic-vk:before {
	content: "\e259";
}
.ic-weibo:before {
	content: "\e25a";
}
.ic-renren:before {
	content: "\e25b";
}
.ic-behance:before {
	content: "\e25c";
}
.ic-vine:before {
	content: "\e25d";
}
.ic-share:before {
	content: "\e25e";
}
.ic-lowstock:before {
	content: "\e25f";
}
.ic-left:before {
	content: "\e260";
}
.ic-down:before {
	content: "\e261";
}
.ic-up:before {
	content: "\e262";
}
.ic-right:before {
	content: "\e263";
}

/* line 6, ../scss/header.scss */
.global-message-marquee {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  color: #ffffff;
  padding: 10px;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 800;
}

/**
 * Page header
 */
/* line 21, ../scss/header.scss */
.header-container .inner-container {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  /* line 21, ../scss/header.scss */
  .header-container .inner-container {
    padding: 0 !important;
  }
}

/* Remove Margins from navigation */
/* line 31, ../scss/header.scss */
.header-container2 .nav.container,
.header.container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}

/* line 37, ../scss/header.scss */
.header-container2 .nav.container .inner-container {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 41, ../scss/header.scss */
.nav-regular .nav-item.level0 > a {
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

/* line 47, ../scss/header.scss */
.sticky-header .mini-cart {
  margin-top: 8px;
  margin-bottom: 5px;
  padding-left: 10px;
  max-height: 40px;
}
/* line 53, ../scss/header.scss */
.sticky-header .free-delivery {
  right: 95px;
}
/* line 56, ../scss/header.scss */
.sticky-header .nav-item.level0 > a {
  line-height: 55px;
}
/* line 59, ../scss/header.scss */
.sticky-header .nav-holder .dropdown .dropdown-heading {
  line-height: 37px;
}

/* line 63, ../scss/header.scss */
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #57ab4e;
  border-color: #57ab4e;
}

/* line 70, ../scss/header.scss */
.dropdown a.dropdown-heading:hover {
  color: inherit;
  background: #4e9946;
  cursor: pointer;
}

/* line 77, ../scss/header.scss */
.skip-link .count {
  color: #57ab4e;
}

/* Main Navigation */
/* line 82, ../scss/header.scss */
.caret {
  opacity: 1 !important;
  font-size: 18px;
  border: 0 none !important;
  height: auto;
  width: auto;
}
/* line 89, ../scss/header.scss */
.caret:before {
  color: #a5f10e;
}

/* Sticky Nav Logo */
/* line 95, ../scss/header.scss */
.nav-item--stickylogo img {
  padding-top: 11px;
}

/* Slideshow image*/
/* line 100, ../scss/header.scss */
.slideshow-wrapper-additional img {
  width: 100% !important;
}

/* line 104, ../scss/header.scss */
.nav-regular .nav-submenu--mega > .nav-item.parent > a {
  min-height: 56px;
}

/* Help Dropdown */
/* line 109, ../scss/header.scss */
.skip-help {
  position: relative;
}

/* line 112, ../scss/header.scss */
.bind-help-content {
  position: absolute;
  background: #fff;
  border-radius: 5px;
  z-index: 600;
  top: 40px;
  width: 250px;
  padding: 0 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
/* line 124, ../scss/header.scss */
.bind-help-content:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  top: -5px;
  left: 15px;
}
/* line 135, ../scss/header.scss */
.bind-help-content .links {
  float: none !important;
  width: 100%;
}
/* line 139, ../scss/header.scss */
.bind-help-content .links li {
  float: none !important;
  width: 100%;
  margin: 0;
}
/* line 146, ../scss/header.scss */
.bind-help-content .contact-us {
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
  color: #333;
  padding: 15px 0 !important;
  text-align: center;
}
/* line 153, ../scss/header.scss */
.bind-help-content .contact-us a {
  color: #444;
}
/* line 156, ../scss/header.scss */
.bind-help-content .contact-us a:hover {
  color: #50b848;
}
/* line 161, ../scss/header.scss */
.bind-help-content .contact-us .f-icon {
  font-size: 18px;
  margin-right: 10px;
}
/* line 166, ../scss/header.scss */
.bind-help-content .support {
  border-right: 0 none;
  background: #3997f6;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 10px 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
@media (max-width: 768px) {
  /* line 166, ../scss/header.scss */
  .bind-help-content .support {
    border-radius: 0;
  }
}
/* line 180, ../scss/header.scss */
.bind-help-content .support .Icon--chat {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 15px;
  left: 73px;
}
@media (max-width: 768px) {
  /* line 112, ../scss/header.scss */
  .bind-help-content {
    position: relative;
    top: 0;
    float: left;
    right: 0;
    left: 0;
    width: 100%;
    border-radius: 0 !important;
    -webkit-transition: none;
    transition: none;
  }
  /* line 203, ../scss/header.scss */
  .bind-help-content:before {
    content: '';
    display: none;
  }
}

/* line 209, ../scss/header.scss */
.bind-account-content {
  position: absolute;
  background: #fff;
  border-radius: 5px;
  z-index: 600;
  top: 40px;
  width: 250px;
  padding: 0 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
/* line 221, ../scss/header.scss */
.bind-account-content:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  top: -5px;
  left: 15px;
}
/* line 232, ../scss/header.scss */
.bind-account-content .links {
  float: none !important;
  width: 100%;
}
/* line 236, ../scss/header.scss */
.bind-account-content .links li {
  float: none !important;
  width: 100%;
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
}
/* line 243, ../scss/header.scss */
.bind-account-content .links li a {
  color: #444;
  text-align: center;
  border-right: 0 none !important;
  padding: 0 !important;
  width: 100%;
}
/* line 250, ../scss/header.scss */
.bind-account-content .links li a:hover {
  background: transparent;
  color: #50b848 !important;
}
/* line 255, ../scss/header.scss */
.bind-account-content .links li .login-link {
  text-align: center;
}

@media (max-width: 768px) {
  /* line 263, ../scss/header.scss */
  .account-mobile {
    display: block !important;
  }
}
@media (min-width: 768px) {
  /* line 268, ../scss/header.scss */
  .mobile-my-account-link {
    display: none;
  }
}
@media (max-width: 768px) {
  /* line 268, ../scss/header.scss */
  .mobile-my-account-link {
    display: block;
  }
}

/* line 279, ../scss/header.scss */
#header-account .links li.first {
  display: none;
}
@media (max-width: 768px) {
  /* line 283, ../scss/header.scss */
  #header-account .links .skip-link {
    width: 100%;
    border-right: 0 none;
    text-align: left;
  }
  /* line 290, ../scss/header.scss */
  #header-account .links li .login-link {
    padding: 0;
  }
  /* line 293, ../scss/header.scss */
  #header-account .links li > a {
    background-color: #fff;
    color: #444;
    border-right: 0 none;
  }
}
@media (max-width: 768px) {
  /* line 302, ../scss/header.scss */
  #header-account .bind-account-link,
  #header-account .bind-help-link {
    display: none;
  }
  /* line 306, ../scss/header.scss */
  #header-account .bind-account-content {
    display: block !important;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    right: 0;
    top: 1px;
  }
  /* line 314, ../scss/header.scss */
  #header-account .bind-account-content:before {
    display: none;
  }
}

/* line 323, ../scss/header.scss */
.links {
  position: relative;
}

/* line 327, ../scss/header.scss */
.header-welcome {
  position: absolute;
  top: 6px;
  right: 15px;
  color: #baff00;
}
@media (max-width: 768px) {
  /* line 327, ../scss/header.scss */
  .header-welcome {
    display: none;
  }
}

/* Skip Links */
/* line 339, ../scss/header.scss */
.links > li > a:hover {
  background: #57ab4e;
}

/* line 342, ../scss/header.scss */
.links-wrapper-separators-left .links > li > a {
  border-right: 1px solid #70c66d;
  padding: 0 25px;
}
@media (max-width: 1199px) and (min-width: 769px) {
  /* line 342, ../scss/header.scss */
  .links-wrapper-separators-left .links > li > a {
    padding: 0 15px;
  }
}

/* line 350, ../scss/header.scss */
.mini-cart {
  background: #57ab4e;
  border-radius: 5px;
  margin-left: 15px;
}

/* line 355, ../scss/header.scss */
#header-nav {
  position: absolute;
  top: 100%;
  left: 0;
}

/* line 361, ../scss/header.scss */
.mobile-app-active #header-nav {
  position: absolute !important;
  top: auto !important;
  bottom: 100% !important;
  z-index: inherit !important;
}

/* line 368, ../scss/header.scss */
.nav-mobile .nav-item {
  border-bottom: 1px solid #e4e4e4;
}
/* line 371, ../scss/header.scss */
.nav-mobile .nav-item > a {
  background-color: #fff !important;
  color: #444 !important;
}
/* line 376, ../scss/header.scss */
.nav-mobile .nav-item.level0 > a {
  background: #fff;
  color: #444;
}
/* line 380, ../scss/header.scss */
.nav-mobile .nav-item.level0 .opener {
  height: 49px;
  width: 100%;
}
/* line 385, ../scss/header.scss */
.nav-mobile .nav-item.level0 .nav-item > a {
  background: #f1f1f1 !important;
}
/* line 389, ../scss/header.scss */
.nav-mobile .nav-item .level2.first,
.nav-mobile .nav-item .level1.first {
  border-top: 1px solid #e4e4e4;
}

/* line 397, ../scss/header.scss */
.header-mobile .skip-content--style {
  padding: 0;
}
/* line 400, ../scss/header.scss */
.header-mobile .skip-content.skip-active {
  border-top: 1px solid #50b848;
  border-bottom: 1px solid #888;
  background-color: #fff;
}

/* line 407, ../scss/header.scss */
.for-mobile {
  display: none;
}

/* line 410, ../scss/header.scss */
.not-mobile {
  display: block;
}

@media (min-width: 768px) {
  /* line 414, ../scss/header.scss */
  .mobile-my-account-link {
    display: none;
  }
}
@media (max-width: 768px) {
  /* line 414, ../scss/header.scss */
  .mobile-my-account-link {
    display: block;
  }
}

@media (max-width: 768px) {
  /* line 425, ../scss/header.scss */
  .header-mobile .logo-wrapper--mobile .logo {
    margin: 10px 0 10px 5px !important;
  }
  /* line 428, ../scss/header.scss */
  .header-mobile .skip-link {
    box-sizing: border-box;
    border-right: 1px solid #50b848;
    width: -webkit-calc(100% / 5) !important;
    width: calc(100% / 5) !important;
  }
  /* line 433, ../scss/header.scss */
  .header-mobile .mini-cart {
    width: -webkit-calc(100% / 5) !important;
    width: calc(100% / 5) !important;
  }
  /* line 436, ../scss/header.scss */
  .header-mobile .bind-mini-cart-link {
    border-right: 0 none;
  }

  /* line 440, ../scss/header.scss */
  .skip-links-wrapper {
    background: #57ab4e;
  }

  /* line 443, ../scss/header.scss */
  .header-m-primary {
    max-width: 100%;
  }

  /* line 446, ../scss/header.scss */
  .search-searchanise {
    width: 20px;
    position: absolute;
    top: 30px;
    right: 20px;
  }
  /* line 452, ../scss/header.scss */
  .search-searchanise span {
    font-size: 20px;
  }

  /* line 457, ../scss/header.scss */
  .mobile-app-active {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 2147483601;
  }

  /* line 465, ../scss/header.scss */
  .ios-mobile-app {
    height: 75px;
    padding-bottom: 25px;
  }

  /* line 470, ../scss/header.scss */
  #header-search {
    width: 45px;
    position: absolute;
    top: 20px;
    right: 10px;
  }
  /* line 480, ../scss/header.scss */
  #header-search .form-search .input-text {
    height: 30px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    background: transparent url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/search.svg") no-repeat;
    background-size: contain;
    margin: 5px 0 0 0;
    color: transparent;
    cursor: pointer;
    outline: none;
    width: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
    float: right;
  }
  /* line 495, ../scss/header.scss */
  #header-search .form-search .input-text::-webkit-input-placeholder {
    display: none;
  }
  #header-search .form-search .input-text::-moz-placeholder {
    display: none;
  }
  #header-search .form-search .input-text:-ms-input-placeholder {
    display: none;
  }
  #header-search .form-search .input-text::-ms-input-placeholder {
    display: none;
  }
  #header-search .form-search .input-text::placeholder {
    display: none;
  }
  /* line 499, ../scss/header.scss */
  #header-search .form-search .input-text:focus {
    width: 90vw;
    background-color: #57ab4e;
    padding: 20px 20px 20px 50px;
    color: #fff;
    background-size: 30px 30px;
    background-position: left;
  }
  /* line 508, ../scss/header.scss */
  #header-search .form-search .button {
    display: none;
  }

  /* line 513, ../scss/header.scss */
  .for-mobile {
    display: block;
  }

  /* line 516, ../scss/header.scss */
  .not-mobile {
    display: none;
  }

  /* line 519, ../scss/header.scss */
  #header-nav {
    z-index: 9999;
  }

  	/*.bind-help-link.skip-link {
          display: none;
      }*/
  /* line 527, ../scss/header.scss */
  .login-link a {
    color: #444 !important;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 50px;
    padding: 0 25px;
  }

  /* line 535, ../scss/header.scss */
  .mini-cart {
    margin: 0;
    border-radius: 0;
  }

  /* line 539, ../scss/header.scss */
  .bind-mini-cart-content {
    background-color: #fff !important;
    padding: 15px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  }
}
@media (max-width: 959px) {
  /* line 549, ../scss/header.scss */
  .mobileNavOpen .header-container2 .nav.container {
    z-index: 9999;
  }

  /* line 554, ../scss/header.scss */
  .mobileNavOpen::before {
    content: '';
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999;
  }

  position: absolute !important;
  top: auto !important;
  bottom: 100% !important;
  z-index: inherit !important;
}
@media (min-width: 770px) and (max-width: 1200px) {
  /* line 572, ../scss/header.scss */
  #mini-cart {
    margin-top: 8px;
  }

  /* line 575, ../scss/header.scss */
  #header-account {
    margin: 10px 0;
  }

  /* line 578, ../scss/header.scss */
  .links-wrapper-separators-left .links > li > * {
    padding: 0 20px;
  }
}
/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 586, ../scss/header.scss */
.header-container,
.header-container2,
.header-container3 {
  background-repeat: repeat;
  background-position: center top;
  background-attachment: scroll;
}

/* line 593, ../scss/header.scss */
.header {
  padding: 0;
}

/* User menu and Top Links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear floats and override custom styles to avoid incorrect position of elements */
/* line 602, ../scss/header.scss */
.user-menu {
  width: 100%;
  float: none;
  margin: 0;
  /* Clear floats of other elements */
  clear: both;
  /* Line breaker */
}
/* line 611, ../scss/header.scss */
.user-menu .line-break-after {
  clear: both;
  margin-bottom: 1px;
}

/* Clear floats */
/* line 618, ../scss/header.scss */
.user-menu:before,
.user-menu:after {
  display: table;
  content: " ";
}

/* line 623, ../scss/header.scss */
.user-menu:after {
  clear: both;
}

/* Top Links - clear floats */
/* line 628, ../scss/header.scss */
.top-links ul:before,
.top-links ul:after {
  display: table;
  content: " ";
}

/* line 633, ../scss/header.scss */
.top-links ul:after {
  clear: both;
}

/* Logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Important: logo needs to be displayed as inline-block to avoid
   excessive width of the logo when the logo is narrower than its container.
   Otherwise, the logo would scale up to fill the entire container. */
/* line 643, ../scss/header.scss */
.header .logo-wrapper .logo {
  display: inline-block;
  max-width: 94%;
  margin: 10px 0;
  text-decoration: none !important;
}

/* Fix for Firefox and IE. In regular header, stretch the image to full width.
   Thanks to that, on small screens when logo is scaled down it will not expand its container. */
/* line 651, ../scss/header.scss */
.header-regular .logo-wrapper .logo img {
  width: 100%;
}

/* If logo is h1, the link is inside so make it displayed as block */
/* line 656, ../scss/header.scss */
.header .logo-wrapper h1.logo a {
  display: block;
}

/* line 659, ../scss/header.scss */
.header .logo strong {
  position: absolute;
  top: -999em;
  left: -999em;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -999em;
  overflow: hidden;
}

/* Skip links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Products counter */
/* line 677, ../scss/header.scss */
.skip-link .count {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: red;
  color: #fff;
  border-radius: 3px;
}

/* line 693, ../scss/header.scss */
.skip-nav {
  z-index: 1000;
}

/* Block markers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 701, ../scss/header.scss */
#nav-marker-regular,
#nav-marker-regular2,
#search-marker-regular,
#account-links-marker-regular,
#mini-compare-marker-regular,
#mini-cart-marker-regular,
#nav-marker-mobile,
#search-marker-mobile,
#account-links-marker-mobile,
#mini-compare-marker-mobile,
#mini-cart-marker-mobile {
  display: none;
}

/* Regular header mode - for desktop view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Vertically aligned grid (in "Header - Primary" section)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 721, ../scss/header.scss */
.header-regular .hp-blocks-holder {
  display: table;
  width: 100%;
}

/* line 725, ../scss/header.scss */
.header-regular .hp-blocks-holder .hp-block {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

/* line 730, ../scss/header.scss */
.header-regular .hp-blocks-holder .hp-block:before,
.header-regular .hp-blocks-holder .hp-block:after {
  display: table;
  content: " ";
}

/* line 735, ../scss/header.scss */
.header-regular .hp-blocks-holder .hp-block:after {
  clear: both;
}

/* Header items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 743, ../scss/header.scss */
.header-regular .item-left {
  float: left;
  margin-right: 5px;
  text-align: left;
}

/* line 748, ../scss/header.scss */
.header-regular .item-right {
  float: right;
  margin-left: 5px;
  text-align: right;
}

/* Header columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 758, ../scss/header.scss */
.header-regular .left-column {
  text-align: left;
}

/* line 761, ../scss/header.scss */
.header-regular .central-column {
  text-align: center;
}

/* line 764, ../scss/header.scss */
.header-regular .right-column {
  text-align: right;
}

/* Central column inside primary header
-------------------------------------------------------------- */
/* line 770, ../scss/header.scss */
.header-regular .header-primary .central-column {
  padding-left: 10px;
  padding-right: 10px;
}

/* Left column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns
-------------------------------------------------------------- */
/* Force left-aligned edge of dropdowns */
/* line 781, ../scss/header.scss */
.header-regular .left-column .dropdown .dropdown-content {
  left: 0;
  right: auto;
}

/* Avoid dropdown heading stretched in containing block */
/* line 786, ../scss/header.scss */
.header-regular .left-column .dropdown {
  display: inline-block;
}

/* Search box
-------------------------------------------------------------- */
/* line 792, ../scss/header.scss */
.header-regular .left-column .search-wrapper {
  float: left;
}

/* Elements of User Menu
-------------------------------------------------------------- */
/* line 798, ../scss/header.scss */
.header-regular .left-column .user-menu .search-wrapper,
.header-regular .left-column .user-menu .mini-cart,
.header-regular .left-column .user-menu .mini-compare,
.header-regular .left-column .user-menu .top-links,
.header-regular .left-column .user-menu .top-links ul {
  float: left;
}

/* Menu, holders and holders wrapper
-------------------------------------------------------------- */
/* line 808, ../scss/header.scss */
.header-regular .left-column .nav-holders-wrapper,
.header-regular .left-column .navi {
  float: left;
}

/* line 812, ../scss/header.scss */
.header-regular .left-column .nav-holders-wrapper .nav-holder {
  float: left;
}

@media only screen and (max-width: 767px) {
  /* line 816, ../scss/header.scss */
  .header-container .navi {
    z-index: 1000;
  }
}
/* Right column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns
-------------------------------------------------------------- */
/* Force right-aligned edge of dropdowns */
/* line 827, ../scss/header.scss */
.header-regular .right-column .dropdown .dropdown-content {
  left: auto;
  right: 0;
}

/* Avoid dropdown heading stretched in containing block */
/* line 832, ../scss/header.scss */
.header-regular .right-column .dropdown {
  display: inline-block;
}

/* Search box
-------------------------------------------------------------- */
/* line 838, ../scss/header.scss */
.header-regular .right-column .search-wrapper {
  float: right;
}

/* Elements of User Menu
-------------------------------------------------------------- */
/* line 844, ../scss/header.scss */
.header-regular .right-column .user-menu .search-wrapper,
.header-regular .right-column .user-menu .mini-cart,
.header-regular .right-column .user-menu .mini-compare,
.header-regular .right-column .user-menu .top-links,
.header-regular .right-column .user-menu .top-links ul {
  float: right;
}

/* Menu, holders and holders wrapper
-------------------------------------------------------------- */
/* line 854, ../scss/header.scss */
.header-regular .right-column .nav-holders-wrapper,
.header-regular .right-column .navi {
  float: right;
}

/* line 858, ../scss/header.scss */
.header-regular .right-column .nav-holders-wrapper .nav-holder {
  float: right;
}

/* Central column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search box
-------------------------------------------------------------- */
/* Centered search box */
/* line 869, ../scss/header.scss */
.header-regular .central-column .form-search {
  margin: 0 auto;
}

/* Elements of User Menu
-------------------------------------------------------------- */
/* Elements of the central column are centered so the "user-menu" container also needs to be centered:
   so it needs to be inline-block, it can't float and can't have 100% width. */
/* line 877, ../scss/header.scss */
.header-regular .central-column .user-menu {
  display: inline-block;
  float: none;
  width: auto;
}

/* line 882, ../scss/header.scss */
.header-regular .central-column .user-menu .search-wrapper,
.header-regular .central-column .user-menu #mini-cart-wrapper-regular,
.header-regular .central-column .user-menu .mini-cart,
.header-regular .central-column .user-menu .mini-compare,
.header-regular .central-column .user-menu .top-links,
.header-regular .central-column .user-menu .top-links ul {
  float: right;
}

/* Top header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 895, ../scss/header.scss */
.header-regular .header-top .central-column {
  text-align: center;
}

/* line 898, ../scss/header.scss */
.header-regular .header-top .central-column .item {
  display: inline-block;
  float: none;
}

/* Top header - selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search box inside top header
-------------------------------------------------------------- */
/* line 909, ../scss/header.scss */
.header-regular .header-top #search_mini_form {
  display: inline-block;
  vertical-align: middle;
}

/* line 913, ../scss/header.scss */
.header-regular .header-top .form-search .input-text {
  height: 28px;
  line-height: 28px;
}

/* line 917, ../scss/header.scss */
.header-regular .header-top .form-search .button {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 10px;
}

/* line 923, ../scss/header.scss */
.header-regular .header-top .form-search .search-autocomplete {
  top: 30px !important;
}

/* User menu inside top header
-------------------------------------------------------------- */
/* line 929, ../scss/header.scss */
.header-regular .header-top .item-left .user-menu > * {
  float: left;
}

/* line 932, ../scss/header.scss */
.header-regular .header-top .item-right .user-menu > * {
  float: right;
}

/* Selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search
-------------------------------------------------------------- */
/* Let the search box have the same width as containing block */
/* line 943, ../scss/header.scss */
.header-regular .search-wrapper {
  width: 100%;
}

/* Menu elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Simple menu container
-------------------------------------------------------------- */
/* Menu container is marked with "simple" class.
   It's added when menu is inside a container which is not full-width but is narrow
   and placed in one of the header sections. */
/* Expand the width of the "nav" class element */
/* line 958, ../scss/header.scss */
.header-regular .nav-container.simple .nav {
  width: 100%;
}

/* Remove side padding from inner container */
/* line 962, ../scss/header.scss */
.header-regular .nav-container.simple .inner-container {
  padding-left: 0;
  padding-right: 0;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*.header-regular .header-top .lang-switcher,
.header-regular .header-top .currency-switcher, */
/* line 973, ../scss/header.scss */
.header-regular #lang-switcher-wrapper-regular,
.header-regular #currency-switcher-wrapper-regular,
.header-regular .header-top .dropdown {
  margin: 0;
}

/* Elements hidden in regular header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 983, ../scss/header.scss */
.header-regular .header-m-container,
.header-regular .skip-links-clearer,
.header-regular #header-nav,
.header-regular .logo-wrapper--mobile,
.header-regular .logo--mobile,
.header-regular .header-collateral,
.header-regular .after-mobile-logo,
.header-regular #user-menu-wrapper-mobile,
.header-regular #search-wrapper-mobile,
.header-regular #account-links-wrapper-mobile,
.header-regular #mini-cart-wrapper-mobile,
.header-regular #mini-compare-wrapper-mobile,
.header-regular #nav-wrapper-mobile {
  display: none;
}

/* Selected skip links in regular header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Cart + compare
-------------------------------------------------------------- */
/* Skip links has to be hidden except cart and compare */
/* line 1013, ../scss/header.scss */
.header-regular .bind-mini-cart-link,
.header-regular .mini-compare-heading {
  display: block;
}

/* line 1018, ../scss/header.scss */
.header-regular .bind-mini-cart-link .label.no-display,
.header-regular .mini-compare-heading .label.no-display {
  display: none;
}

/* Mobile header mode %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Get rid of vertical padding */
/* line 1029, ../scss/header.scss */
.header-mobile .header-top,
.header-mobile .header-primary,
.header-mobile .nav {
  padding-top: 0;
  padding-bottom: 0;
}

/* Vertically aligned grid of blocks (in "Header - Primary" section).
   In mobile header all blocks are stretched to full width
   and stack vertically.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1042, ../scss/header.scss */
.header-mobile .hp-blocks-holder .hp-block {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Header items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* In mobile header, only items inside mobile container can float */
/* line 1053, ../scss/header.scss */
.header-mobile .header-m-container .item-left {
  float: left;
  text-align: left;
}

/* line 1057, ../scss/header.scss */
.header-mobile .header-m-container .item-right {
  float: right;
  text-align: right;
}

/* Dropdowns
-------------------------------------------------------------- */
/* Force left-aligned edge of dropdowns */
/* line 1065, ../scss/header.scss */
.header-mobile .header-m-container .item-left .dropdown .dropdown-content {
  left: 0;
  right: auto;
}

/* Force right-aligned edge of dropdowns */
/* line 1070, ../scss/header.scss */
.header-mobile .header-m-container .item-right .dropdown .dropdown-content {
  left: auto;
  right: 0;
}

/* Selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Top links
-------------------------------------------------------------- */
/* line 1081, ../scss/header.scss */
.header-mobile .top-links {
  float: none !important;
  clear: both;
}

/* line 1085, ../scss/header.scss */
.header-mobile .top-links ul {
  float: none !important;
}

/* Logo and collateral elements
-------------------------------------------------------------- */
/* Regular logo */
/* line 1092, ../scss/header.scss */
.header-mobile .logo-wrapper--regular {
  display: none;
}

/* Mobile logo */
/* line 1097, ../scss/header.scss */
.header-mobile .logo-wrapper--mobile {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* line 1102, ../scss/header.scss */
.header-mobile .logo-wrapper--mobile .logo {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 70%;
}

/* Header collateral elements
-------------------------------------------------------------- */
/* line 1111, ../scss/header.scss */
.header-mobile .header-collateral {
  float: right;
  text-align: right;
}

/* If collateral next to logo, logo floats left */
/* line 1116, ../scss/header.scss */
.header-mobile .header-collateral + .logo-wrapper--mobile {
  float: left;
  text-align: left;
}

/* User menu
-------------------------------------------------------------- */
/* line 1123, ../scss/header.scss */
.header-mobile .user-menu {
  float: none !important;
  margin: 0;
  /* Important: remove margins to collapse the block completely */
}

/* Language/currency switcher
-------------------------------------------------------------- */
/* The "move-switchers" class indicates that in mobile header the default language/currency switchers
   should be hidden because they are replaced with switchers in alternative position (next to the logo).
   So we need to hide both versions of switchers: regular and mobile. */
/* line 1133, ../scss/header.scss */
.header-mobile.move-switchers #lang-switcher-wrapper-regular,
.header-mobile.move-switchers #currency-switcher-wrapper-regular {
  display: none;
}

/* line 1137, ../scss/header.scss */
.header-mobile.move-switchers #lang-switcher-wrapper-mobile,
.header-mobile.move-switchers #currency-switcher-wrapper-mobile {
  display: none;
}

/* Other
-------------------------------------------------------------- */
/* line 1144, ../scss/header.scss */
.header-mobile .line-break-after {
  display: none !important;
}

/* Menu elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide/show basic elements */
/* line 1153, ../scss/header.scss */
.header-mobile .nav-mobile {
  display: block !important;
}

/* Always displayed */
/* line 1154, ../scss/header.scss */
.header-mobile .vertnav-trigger {
  display: none !important;
}

/* Always hidden */
/* line 1155, ../scss/header.scss */
.header-mobile .mobnav-trigger {
  display: none !important;
}

/* Always hidden */
/* line 1156, ../scss/header.scss */
.header-mobile .nav-inline-links {
  display: none !important;
}

/* Always hidden */
/* Containers
-------------------------------------------------------------- */
/* Important: menu container is also a "skip-content" block */
/* line 1161, ../scss/header.scss */
.header-mobile .nav-container {
  /* Padding for menu container may be added via admin panel so we need to remove it for mobile header */
  padding: 0;
  /* If needed, reset also other styles which are added to standard "skip-content" blocks */
  /* Remove background color */
  background-color: transparent;
}

/* Menu bar
-------------------------------------------------------------- */
/* Remove shadow */
/* line 1174, ../scss/header.scss */
.header-mobile .nav-container .nav,
.header-mobile .nav-container .navi {
  box-shadow: none;
}

/* line 1181, ../scss/header.scss */
.header-mobile .nav-border-bottom {
  border-bottom: none;
}

/* Menu items
-------------------------------------------------------------- */
/* Mobile menu - remove possible gap from the top of the very first item.
   Gaps are added as dividers between items of the mobile menu accordion. */
/* line 1190, ../scss/header.scss */
.header-mobile .nav-mobile .nav-item.nav-1 {
  margin-top: 0 !important;
}

/* Elements hidden in mobile header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1198, ../scss/header.scss */
.header-mobile .container_header_primary_left_1,
.header-mobile .container_header_primary_central_1,
.header-mobile .container_header_primary_right_1,
.header-mobile #lang-switcher-wrapper-regular,
.header-mobile #currency-switcher-wrapper-regular {
  display: none;
}

/* line 1207, ../scss/header.scss */
.header-mobile .header-top .item:not(.item-interface) {
  display: none;
}

/* Skip links in mobile header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* line 1216, ../scss/header.scss */
.header-mobile .skip-link {
  cursor: pointer;
  float: left;
  position: relative;
  text-align: center;
  width: 20%;
  height: 50px;
  line-height: 50px;
  max-height: 50px;
  /* To avoid flickering on load (height of mini cart tab is too small) in mobile view */
}

/* line 1226, ../scss/header.scss */
.header-mobile a.skip-link {
  text-decoration: none;
}

/* Skip link elements
-------------------------------------------------------------- */
/* line 1232, ../scss/header.scss */
.header-mobile .skip-link .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  font-size: 16px;
  line-height: 16px;
}

/* line 1239, ../scss/header.scss */
.header-mobile .skip-link .label {
  display: inline-block !important;
  /* Added "!important" because label can be hidden in cart and in compare */
  vertical-align: middle;
  line-height: 16px;
  font-size: 14px;
}

/* line 1245, ../scss/header.scss */
.header-mobile .skip-link .count {
  display: inline-block;
  vertical-align: middle;
}

/* line 1249, ../scss/header.scss */
.header-mobile .skip-link .caret {
  display: none !important;
}

/* Active link
-------------------------------------------------------------- */
/* line 1255, ../scss/header.scss */
.header-mobile .skip-link.skip-active,
.header-mobile .skip-link:hover {
  color: inherit;
}

/* line 1259, ../scss/header.scss */
.header-mobile .skip-link.skip-active span {
  color: inherit;
}

/* line 1262, ../scss/header.scss */
.header-mobile .skip-link.skip-active .count {
  color: #fff;
}

/* line 1265, ../scss/header.scss */
.header-mobile .skip-nav.skip-active .ic-menu {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  -moz-transition: all .5s ease;
}

/* line 1269, ../scss/header.scss */
.header-mobile .skip-nav.skip-active .ic-menu::before {
  content: "\e20f";
  font-size: 24px;
}

/* Size
-------------------------------------------------------------- */
/* line 1276, ../scss/header.scss */
.header-mobile .skip-links--1 .skip-link {
  width: 100%;
}

/* line 1277, ../scss/header.scss */
.header-mobile .skip-links--2 .skip-link {
  width: 50%;
}

/* line 1278, ../scss/header.scss */
.header-mobile .skip-links--3 .skip-link {
  width: 33.33%;
}

/* line 1279, ../scss/header.scss */
.header-mobile .skip-links--4 .skip-link {
  width: 25%;
}

/* line 1280, ../scss/header.scss */
.header-mobile .skip-links--5 .skip-link {
  width: 20%;
}

/* line 1281, ../scss/header.scss */
.header-mobile .skip-links--6 .skip-link {
  width: 16.66%;
}

/* Skip content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* In mobile header the content is hidden.
   It's displayed only when skip link was clicked.
-------------------------------------------------------------- */
/* line 1291, ../scss/header.scss */
.header-mobile .skip-content {
  display: none;
}

/* line 1294, ../scss/header.scss */
.header-mobile .skip-content.skip-active {
  display: block;
}

/* Styles (required in skip-content blocks) are added through
   this special class so that we can control which content
   blocks are styled.
-------------------------------------------------------------- */
/* line 1302, ../scss/header.scss */
.header-mobile .skip-content--style {
  clear: both;
  width: 100% !important;
  /* Added "!important" to override units with "no-gutter" class */
  margin: 0;
}

/* line 1307, ../scss/header.scss */
.header-mobile .skip-content--style:before,
.header-mobile .skip-content--style:after {
  display: table;
  content: " ";
}

/* line 1312, ../scss/header.scss */
.header-mobile .skip-content--style:after {
  clear: both;
}

/* Selected skip links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Compare
-------------------------------------------------------------- */
/* Hide compare block's heading (only heading) */
/* line 1323, ../scss/header.scss */
.header-mobile .skip-link.mini-compare-heading {
  display: none;
}

/* Selected skip content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Height of mobile menu items and vertical inline links
-------------------------------------------------------------- */
/* line 1333, ../scss/header.scss */
.nav-mobile .nav-item > a,
.header-mobile .account-links .links > li > a {
  line-height: 50px;
}

/* Generic vertical inline links (e.g. account links)
-------------------------------------------------------------- */
/* line 1340, ../scss/header.scss */
.header-mobile .account-links .links > li {
  float: none;
}

/* line 1343, ../scss/header.scss */
.header-mobile .account-links .links > li > a {
  background-image: none;
  /* Remove link separators */
}

/* Search
-------------------------------------------------------------- */
/* line 1349, ../scss/header.scss */
.header-mobile .skip-content .form-search {
  width: 100%;
}

/* line 1352, ../scss/header.scss */
.header-mobile .skip-content .form-search .input-text {
  width: 100%;
}

/* Cart + compare
-------------------------------------------------------------- */
/* Important: possible value "relative" of the "position" property.
   Cart can be a dropdown, so in mobile header we need to reset "position" of the dropdown container so that it doesn't cover other skip links.
   We also need to remove float.
   */
/* line 1362, ../scss/header.scss */
.header-mobile .mini-cart,
.header-mobile .mini-compare {
  position: static;
  float: none;
  display: block;
  /* To make sure it's not "inline-block" */
}

/* line 1369, ../scss/header.scss */
.header-mobile .skip-content.bind-mini-cart-content,
.header-mobile .skip-content.mini-compare-content {
  clear: both;
  width: 100%;
}

/* Compare
-------------------------------------------------------------- */
/* line 1377, ../scss/header.scss */
.header-mobile .mini-compare .skip-content .actions {
  border: none;
  padding-top: 0;
}

/* Regular header - stacked columns %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Special class indicates that the columns of the primary header section
   become full width and stack vertically.
   IMPORTANT: these styles need to be placed after mobile menu styles to override them.
*/
@media only screen and (max-width: 960px) {
  /* Reset blocks below this breakpoint */
  /* line 1394, ../scss/header.scss */
  .header-regular .hp-blocks-holder--stacked .hp-block {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  /* line 1402, ../scss/header.scss */
  .header-regular .hp-blocks-holder--stacked .right-column {
    text-align: inherit;
  }

  /* line 1405, ../scss/header.scss */
  .header-regular .hp-blocks-holder--stacked .left-column {
    text-align: inherit;
  }

  /* Menu - positionning of menu, holders and holders wrapper
  -------------------------------------------------------------- */
  /* Remove floating of the menu container */
  /* line 1412, ../scss/header.scss */
  .header-regular .hp-blocks-holder--stacked .nav-container {
    float: none;
  }

  /* Remove floating of the menu */
  /* line 1417, ../scss/header.scss */
  .header-regular .hp-blocks-holder--stacked .navi {
    float: none;
  }

  /* Logo
  -------------------------------------------------------------- */
  /* line 1423, ../scss/header.scss */
  .header-regular .hp-blocks-holder--stacked .logo-wrapper {
    text-align: center;
  }

  /* line 1426, ../scss/header.scss */
  .header-regular .hp-blocks-holder--stacked .logo-wrapper .logo {
    max-width: 60%;
    margin-left: auto;
    /* Margins "auto" not needed. Left in case custom CSS removes "display:inline-block" from the ".logo" element. */
    margin-right: auto;
  }

  /* Search
  -------------------------------------------------------------- */
  /* line 1434, ../scss/header.scss */
  .header-regular .hp-blocks-holder--stacked .search-wrapper {
    float: none;
    max-width: 440px;
    margin: 10px auto;
    /* Add space above and below search box */
  }
}
/* Header Featured Notice
-------------------------------------------------------------- */
/* line 1445, ../scss/header.scss */
.header-featured-notice {
  background-color: #bd08c3;
}
/* line 1448, ../scss/header.scss */
.header-featured-notice .header-featured-notice-inner {
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  position: relative;
}
/* line 1454, ../scss/header.scss */
.header-featured-notice .header-featured-notice-inner p {
  color: #fff;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 20px;
}
/* line 1460, ../scss/header.scss */
.header-featured-notice .header-featured-notice-inner p:last-of-type {
  margin-bottom: 0;
}

/* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* line 1470, ../scss/header.scss */
.sticky-header .sticky-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1000;
  background-color: #fff;
}

/* Reset selected styles of the menu bar in sticky header
-------------------------------------------------------------- */
/* Remove additional padding above and below the menu container */
/* line 1483, ../scss/header.scss */
.sticky-header .nav-container {
  padding-top: 0;
  padding-bottom: 0;
}

/* Remove background color and vertical padding (they work as an outline of the menu bar) from the nav container */
/* line 1488, ../scss/header.scss */
.sticky-header .nav-container .nav {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}

/* Remove shadow from the menu bar wrapper and from the menu bar container */
/* line 1495, ../scss/header.scss */
.sticky-header .nav-container .nav,
.sticky-header .nav-container .navi-wrapper,
.sticky-header .nav-container .navi:not(.nav-vert) {
  box-shadow: none !important;
}

/* Category labels
-------------------------------------------------------------- */
/* Make top-level category labels invisible */
/* line 1506, ../scss/header.scss */
.sticky-header .nav-regular .nav-item.level0 > a .cat-label {
  display: none;
}

/* Alternatively, we can make the labels smaller */
/*.sticky-header .nav-regular .nav-item.level0 > a .cat-label {
	font-size: 11px;
	line-height: 15px;
	padding: 0 4px;
	top: 2px;
}
.sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/
/* Full width content
-------------------------------------------------------------- */
/* line 1520, ../scss/header.scss */
.sticky-header .sticky-container--full-width .container {
  /* Stretch the container to take all available space */
  max-width: none;
  width: 100%;
}

/* line 1525, ../scss/header.scss */
.sticky-header .sticky-container--full-width .inner-container {
  padding-left: 0;
  padding-right: 0;
}

/* Hide selected elements
-------------------------------------------------------------- */
/* Text label of the dropdown when inside sticky header */
/* line 1533, ../scss/header.scss */
.sticky-header .nav-holder .dropdown-heading .label {
  display: none;
}

/* line 1537, ../scss/header.scss */
.inner-container {
  padding-left: 12px;
  padding-right: 12px;
}

/* line 1541, ../scss/header.scss */
.header-container {
  background-color: #50b848;
}

/* line 1544, ../scss/header.scss */
.header {
  background-color: #50b848;
  color: #ffffff;
}
/* line 1548, ../scss/header.scss */
.header a {
  color: #ffffff;
}
/* line 1551, ../scss/header.scss */
.header a:hover {
  color: #f2f2f2;
}

/* line 1557, ../scss/header.scss */
.form-search .input-text {
  background-color: #ffffff;
  border-color: #50b848;
}
/* line 1561, ../scss/header.scss */
.form-search .input-text:hover, .form-search .input-text:focus {
  background-color: #ffffff;
  border-color: #50b848;
}

/* line 1568, ../scss/header.scss */
.form-search .input-text,
.form-search .button {
  color: #bbbbbb;
}

/* line 1573, ../scss/header.scss */
.form-search .input-text:hover,
.form-search .input-text:focus,
.form-search .input-text:hover + .button,
.form-search .button:hover {
  color: #333333;
}

/* line 1579, ../scss/header.scss */
.header-container .dropdown .dropdown-content,
.header-container .dropdown.open > .dropdown-heading.cover > *,
.header-container .truncated .truncated_full_value .item-options,
.header-container .form-search .search-autocomplete {
  background-color: #ffffff;
  color: #333333;
}

/* line 1587, ../scss/header.scss */
.header-container .dropdown .dropdown-content a,
.header-container .dropdown.open > .dropdown-heading.cover a,
.header-container .form-search .search-autocomplete li {
  color: #333333;
}

/* line 1592, ../scss/header.scss */
.header-container .dropdown .dropdown-content a:hover,
.header-container .dropdown.open > .dropdown-heading.cover a:hover,
.header-container .form-search .search-autocomplete li:hover {
  color: #baff00;
}

/* line 1598, ../scss/header.scss */
.header-top-container {
  background-color: #50b848;
}

/* line 1601, ../scss/header.scss */
.header-top {
  background-color: #50b848;
}

/* line 1605, ../scss/header.scss */
.header-primary-container {
  background-color: #50b848;
}

/* line 1608, ../scss/header.scss */
.header-primary {
  background-color: #50b848;
}
/* line 1611, ../scss/header.scss */
.header-primary .dropdown .dropdown-heading,
.header-primary .links > li > a {
  font-size: 14px;
  line-height: 36px;
}
/* line 1616, ../scss/header.scss */
.header-primary .dropdown .dropdown-heading {
  max-height: 36px;
}

/* line 1621, ../scss/header.scss */
.cat-label-label1 {
  background-color: #50b848;
  color: #ffffff;
}

/* line 1625, ../scss/header.scss */
.cat-label-label2 {
  background-color: #a03178;
  color: #ffffff;
}

/* line 1630, ../scss/header.scss */
li.level0 > a > span > .cat-label-label1.pin-bottom:before {
  border-top-color: #50b848;
}

/* line 1633, ../scss/header.scss */
li.level0 > a > span > .cat-label-label2.pin-bottom:before {
  border-top-color: #a03178;
}

/* line 1637, ../scss/header.scss */
li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label {
  background-color: #555555;
  color: #ffffff;
}

/* line 1642, ../scss/header.scss */
li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before {
  border-top-color: #555555;
}

/* line 1648, ../scss/header.scss */
.navi .nav-panel--dropdown {
  background-color: #ffffff;
  color: #333333;
}
/* line 1652, ../scss/header.scss */
.navi .nav-panel--dropdown a {
  color: #333333;
}
/* line 1655, ../scss/header.scss */
.navi .nav-panel--dropdown a:hover {
  color: #50b848;
}
/* line 1658, ../scss/header.scss */
.navi .nav-panel--dropdown a:hover .caret {
  border-left-color: #50b848;
  border-right-color: #50b848;
}
/* line 1664, ../scss/header.scss */
.navi .nav-panel--dropdown a .caret {
  border-left-color: #333333;
  border-right-color: #333333;
}

/* line 1673, ../scss/header.scss */
.nav-regular .nav-panel--dropdown {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
/* line 1678, ../scss/header.scss */
.nav-regular .nav-panel--dropdown .nav-item > a:hover {
  background-color: #f5f5f5;
}

/* line 1685, ../scss/header.scss */
.nav-mobile div.nav-panel--dropdown, .nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div {
  background-color: #ffffff !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
  z-index: 1;
  position: relative;
}
/* line 1695, ../scss/header.scss */
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown {
  box-shadow: none;
}

/* line 1702, ../scss/header.scss */
.nav-container {
  background-color: #57ab4e;
}

/* line 1706, ../scss/header.scss */
.nav {
  background-color: #57ab4e;
}
/* line 1709, ../scss/header.scss */
.nav .mobnav-trigger {
  margin-bottom: 0;
}

/* line 1717, ../scss/header.scss */
.sticky-header .nav-container, .sticky-header .navi-wrapper, .sticky-header .nav-regular:not(.nav-vert) {
  background-color: #50b848;
}

/* line 1721, ../scss/header.scss */
.sticky-header .nav-regular:not(.nav-vert) .nav-item.level0 > a,
.sticky-header .nav-regular .nav-item--homeicon a, .sticky-header .nav-regular .nav-item--homeicon.active a, .sticky-header .nav-holder .dropdown .dropdown-heading {
  color: #ffffff;
}

/* line 1728, ../scss/header.scss */
.sticky-header .nav-border-bottom {
  border-bottom: none;
}

/* line 1737, ../scss/header.scss */
.navi-wrapper,
.nav-regular {
  background-color: #57ab4e;
}

/* line 1743, ../scss/header.scss */
.nav-regular:not(.nav-vert) .nav-item.level0 > a,
.navi .nav-item--homeicon a,
.nav-holder .dropdown .dropdown-heading,
.nav-regular .nav-holder a.dropdown-heading:hover {
  color: #ffffff;
}

/* line 1755, ../scss/header.scss */
.nav-mobile .nav-item.level0 > a {
  background-color: #57ab4e;
  color: #ffffff;
}

/* line 1760, ../scss/header.scss */
.nav-mobile .nav-item.level0 > .opener {
  color: #ffffff;
}

/* line 1765, ../scss/header.scss */
.navi.nav-mobile ul.level0 .nav-item > a {
  background-color: #57ab4e;
  color: #ffffff;
}

/* line 1770, ../scss/header.scss */
.nav-mobile ul.level0 .nav-item > .opener {
  color: #ffffff;
}

/* line 1777, ../scss/header.scss */
.nav-regular:not(.nav-vert) .nav-item.level0.active > a {
  background-color: #269d1d;
  color: #ffffff;
}

/* line 1784, ../scss/header.scss */
.nav-mobile .nav-item.level0.current > a {
  background-color: #269d1d;
  color: #ffffff;
}

/* line 1789, ../scss/header.scss */
.nav-mobile .nav-item.level0.current > .opener {
  color: #ffffff;
}

/* line 1794, ../scss/header.scss */
.navi.nav-mobile ul.level0 .nav-item.current > a {
  background-color: #269d1d;
  color: #ffffff;
}

/* line 1799, ../scss/header.scss */
.nav-mobile ul.level0 .nav-item.current > .opener {
  color: #ffffff;
}

/* line 1806, ../scss/header.scss */
.nav-regular:not(.nav-vert) .nav-item.level0:hover > a {
  background-color: #269d1d;
  color: #ffffff;
}

/* line 1813, ../scss/header.scss */
.nav-mobile .nav-item.level0 > a:hover {
  background-color: #269d1d;
  color: #ffffff;
}

/* line 1818, ../scss/header.scss */
.nav-mobile .nav-item.level0 > a:hover + .opener {
  color: #ffffff;
}

/* line 1823, ../scss/header.scss */
.navi.nav-mobile ul.level0 .nav-item > a:hover {
  background-color: #269d1d;
  color: #ffffff;
}

/* line 1828, ../scss/header.scss */
.nav-mobile ul.level0 .nav-item > a:hover + .opener {
  color: #ffffff;
}

/* line 1836, ../scss/header.scss */
.nav-vert .nav-item.level0 > a {
  background-color: #f8f8f8;
  color: #333333;
}

/* line 1843, ../scss/header.scss */
.sideacco .nav-item > a {
  background-color: #f8f8f8;
  color: #333333;
}

/* line 1848, ../scss/header.scss */
.sideacco .nav-item > .opener {
  color: #333333;
}

/* line 1854, ../scss/header.scss */
.nav-vert .nav-item.level0.active > a {
  background-color: #333333;
  color: #f5f5f5;
}

/* line 1861, ../scss/header.scss */
.sideacco .nav-item.current > a {
  background-color: #333333;
  color: #f5f5f5;
}

/* line 1866, ../scss/header.scss */
.sideacco .nav-item.current > .opener {
  color: #f5f5f5;
}

/* line 1872, ../scss/header.scss */
.nav-vert .nav-item.level0:hover > a {
  background-color: #5bd2ec;
  color: #ffffff;
}

/* line 1879, ../scss/header.scss */
.sideacco .nav-item > a:hover {
  background-color: #50b848;
  color: #ffffff;
}

/* line 1883, ../scss/header.scss */
.sideacco .nav-item > a:hover + .opener {
  color: #ffffff;
}

/* line 1890, ../scss/header.scss */
.navi.nav-vert-triggerable {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

/* line 1900, ../scss/header.scss */
.navi-wrapper .menu-trigger,
.nav-regular .nav-item.level0 > a {
  line-height: 50px;
}

/* line 1905, ../scss/header.scss */
.navi-wrapper .navi.nav-vert-triggerable {
  top: 50px;
}

/* line 1910, ../scss/header.scss */
.nav-holder > * {
  line-height: 50px;
  max-height: 50px;
}

/* line 1915, ../scss/header.scss */
.nav-holder .dropdown .dropdown-heading {
  line-height: 50px;
  max-height: 50px;
}

/* line 1924, ../scss/header.scss */
.menu-trigger,
.nav-vert .nav-item.level0 > a {
  line-height: 36px;
}

/* line 1930, ../scss/header.scss */
.vertnav-trigger + .navi.nav-vert-triggerable {
  top: 36px;
}

/* line 1935, ../scss/header.scss */
.sideacco .nav-item > a {
  line-height: 36px;
}

/* line 1939, ../scss/header.scss */
.sideacco .nav-item.parent > a {
  padding-right: 36px;
}

/* line 1943, ../scss/header.scss */
.sideacco .nav-item > .opener {
  width: 36px;
  height: 36px;
  line-height: 36px;
}

/* line 1952, ../scss/header.scss */
.nav-regular .nav-item.level0.parent > a .caret,
.nav-holder .dropdown-heading .caret {
  border-top-color: #ffffff;
}

/* line 1956, ../scss/header.scss */
.nav-regular .nav-item.level0.parent.active > a .caret {
  border-top-color: #ffffff;
}

/* line 1959, ../scss/header.scss */
.nav-regular .nav-item.level0.parent:hover > a .caret {
  border-top-color: #ffffff;
}

/* line 1966, ../scss/header.scss */
.nav-mobile .nav-item {
  margin-top: 1px !important;
}

/* line 1967, ../scss/header.scss */
.nav-mobile {
  background-color: #ffffff;
}

/* line 1973, ../scss/header.scss */
.menu-trigger .menu-trigger-inner {
  background-color: #57ab4e;
  color: #ffffff;
}

/* line 1979, ../scss/header.scss */
.menu-trigger .menu-trigger-inner:hover {
  background-color: #269d1d;
  color: #ffffff;
}

/* line 1985, ../scss/header.scss */
.menu-trigger.active .menu-trigger-inner {
  background-color: #269d1d;
  color: #ffffff;
}

/* line 1991, ../scss/header.scss */
.menu-trigger .menu-trigger-inner .trigger-icon .line {
  background-color: #ffffff;
}

/* line 1994, ../scss/header.scss */
.menu-trigger .menu-trigger-inner:hover .trigger-icon .line {
  background-color: #ffffff;
}

/* line 1997, ../scss/header.scss */
.menu-trigger.active .menu-trigger-inner .trigger-icon .line {
  background-color: #ffffff;
}

/* line 2003, ../scss/header.scss */
.vertnav-trigger .menu-trigger-inner {
  background-color: #f7f7f7;
  color: #333333;
}

/* line 2010, ../scss/header.scss */
.vertnav-trigger .menu-trigger-inner .trigger-icon .line {
  background-color: #333333;
}

/* line 2014, ../scss/header.scss */
.vertnav-trigger,
.nav-regular .nav-item.level0 > a,
.nav-holder .dropdown .dropdown-heading {
  font-size: 14px;
}

/* line 2020, ../scss/header.scss */
.nav-regular .nav-item > a {
  font-size: 16px;
}

/* line 2026, ../scss/header.scss */
.nav-regular .nav-submenu--mega .nav-item > a {
  font-size: 14px;
}

/* line 2031, ../scss/header.scss */
.nav-regular .nav-submenu--mega > .nav-item > a {
  font-size: 16px;
  text-transform: uppercase;
}

/* line 2038, ../scss/header.scss */
.nav-mobile li.nav-item > a {
  font-size: 14px;
}

/* line 2043, ../scss/header.scss */
.mobnav-trigger,
.nav-mobile .nav-item.level0 > a {
  font-size: 16px;
  text-transform: uppercase;
}

/* line 2051, ../scss/header.scss */
.nav-mobile .nav-item.level1 > a {
  font-size: 15px;
  text-transform: none;
}

/* line 2059, ../scss/header.scss */
.hp-block.right-column {
  width: auto;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Menu */
  /* line 2065, ../scss/header.scss */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 14px;
  }

  /* line 2070, ../scss/header.scss */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
  /* Menu */
  /* line 2079, ../scss/header.scss */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 14px;
  }

  /* line 2084, ../scss/header.scss */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 959px) {
  /* Menu */
  /* line 2093, ../scss/header.scss */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 13px;
  }

  /* line 2098, ../scss/header.scss */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 3px;
  }
}
/* line 2105, ../scss/header.scss */
.wishlist-link .mini-cart {
  background: transparent;
}
/* line 2107, ../scss/header.scss */
.wishlist-link .mini-cart .count {
  margin-top: 0;
}
/* line 2110, ../scss/header.scss */
.wishlist-link .mini-cart:hover {
  background: transparent;
}

/* line 2115, ../scss/header.scss */
.header-mobile .skip-link {
  background-color: #57ab4e;
  color: #ffffff;
}
/* line 2119, ../scss/header.scss */
.header-mobile .skip-link.skip-active {
  background-color: #45883e;
  color: #ffffff;
}
/* line 2123, ../scss/header.scss */
.header-mobile .skip-link:hover {
  background-color: #45883e;
  color: #ffffff;
}
/* line 2128, ../scss/header.scss */
.header-mobile .skip-link.wishlist-link .icon-color-productview {
  background: transparent;
  width: auto;
  height: auto;
  font-size: 16px;
}
/* line 2133, ../scss/header.scss */
.header-mobile .skip-link.wishlist-link .icon-color-productview:before {
  position: relative;
  top: 2px;
}
/* line 2138, ../scss/header.scss */
.header-mobile .skip-link.wishlist-link .mini-cart {
  position: relative;
  float: right !important;
  width: 30px !important;
  left: -15px;
}
/* line 2143, ../scss/header.scss */
.header-mobile .skip-link.wishlist-link .mini-cart .count {
  margin-top: 0;
}
/* line 2150, ../scss/header.scss */
.header-mobile .skip-content--style {
  background-color: #50b848;
  color: #333333;
}
/* line 2154, ../scss/header.scss */
.header-mobile .skip-content--style a {
  color: #333333;
}
/* line 2157, ../scss/header.scss */
.header-mobile .skip-content--style a:hover {
  color: #409439;
}
/* line 2162, ../scss/header.scss */
.header-mobile .account-links .links > li > a {
  background-color: #57ab4e;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
}
/* line 2168, ../scss/header.scss */
.header-mobile .account-links .links > li > a.active {
  background-color: #269d1d;
  color: #ffffff;
}
/* line 2172, ../scss/header.scss */
.header-mobile .account-links .links > li > a:hover {
  background-color: #269d1d;
  color: #ffffff;
}

/* Sticky header */
/* line 2181, ../scss/header.scss */
.sticky-header .sticky-container,
.dropdown.open > .dropdown-heading.cover,
.dropdown.open .dropdown-content,
.truncated .truncated_full_value .item-options,
.form-search .search-autocomplete ul,
.remember-me-popup,
.map-popup,
#subscribe-form .input-box .validation-advice {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 767px) {
  	/* Header
          -------------------------------------------------------------- */
  	/* Global notices
      -------------------------------------------------------------- */
  /* line 2205, ../scss/header.scss */
  .global-site-notice .notice-inner {
    background: none;
    padding: 10px 0;
    text-align: center;
  }

  /* line 2210, ../scss/header.scss */
  .global-site-notice .notice-inner p {
    width: 100%;
    padding: 0 0 10px;
  }

  /* line 2214, ../scss/header.scss */
  .global-site-notice .notice-inner .actions {
    padding-bottom: 5px;
  }

  	/* Items in the top header
      -------------------------------------------------------------- */
  /* Make side margins smaller */
  /* line 2221, ../scss/header.scss */
  .header-regular .item-left {
    margin-right: 5px;
  }

  /* line 2224, ../scss/header.scss */
  .header-regular .item-right {
    margin-left: 5px;
  }

  	/* Other
      -------------------------------------------------------------- */
  /* User menu (Top Links) */
  /* line 2231, ../scss/header.scss */
  .user-menu {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  /* Top links */
  /* line 2238, ../scss/header.scss */
  .top-links {
    float: left;
  }

  /* Line breaker - disable on narrow screens */
  /* line 2243, ../scss/header.scss */
  .user-menu .line-break-after {
    clear: none;
  }

  	/* Header - old styles applied when mobile header mode is not enabled
         and the "header-regular" class is not removed from header container on narrow screens
      -------------------------------------------------------------- */
  	/* Vertically aligned blocks.
         Reset block below this breakpoint - blocks become full width and stack vertically
      -------------------------------------------------------------- */
  /* line 2254, ../scss/header.scss */
  .header-regular .hp-blocks-holder {
    display: block;
  }

  /* line 2257, ../scss/header.scss */
  .header-regular .hp-blocks-holder .hp-block {
    float: inherit;
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  	/* Logo
      -------------------------------------------------------------- */
  /* line 2269, ../scss/header.scss */
  .header-regular .header .logo-wrapper {
    text-align: center;
  }

  /* line 2272, ../scss/header.scss */
  .header-regular .header .logo-wrapper .logo {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  	/* Quick search
      -------------------------------------------------------------- */
  	/* Search: mobile (search bar layout for narrow screens)
      -------------------------------------------------------------- */
  /* line 2283, ../scss/header.scss */
  .header-regular .search-wrapper-mobile {
    display: block;
    /* To override possible inline styles */
    clear: both;
    width: 100%;
    margin: 10px 0;
    /*float: none;*/
  }

  /* line 2290, ../scss/header.scss */
  .header-regular .search-wrapper-mobile .form-search {
    width: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }

  /* line 2296, ../scss/header.scss */
  .header-regular .search-wrapper-mobile .form-search .input-text {
    width: 100%;
    min-width: 100%;
    /* Cancel minimum width */
  }

  	/* Search: header inline
      -------------------------------------------------------------- */
  /* Note: added .header class to override other selectors */
  /* line 2304, ../scss/header.scss */
  .header-regular .header .search-wrapper-inline {
    display: block;
    clear: both;
    width: 100%;
    margin: 10px auto;
  }
}
@media only screen and (max-width: 639px) {
  	/* Mobile header
         -------------------------------------------------------------- */
  /* line 2314, ../scss/header.scss */
  .header-mobile .skip-link .label {
    display: none !important;
  }

  /* line 2317, ../scss/header.scss */
  .header-mobile .skip-link .icon {
    margin-right: 0;
  }

  /* line 2320, ../scss/header.scss */
  .header-mobile .skip-link .count {
    margin-right: 0;
    /* Reset negative margin to align content of a skip-link */
  }

  /* Dropdowns in mobile header collaterals */
  /* line 2325, ../scss/header.scss */
  .header-mobile .header-collateral .dropdown .dropdown-heading {
    line-height: 36px;
    max-height: 36px;
  }
}
@media only screen and (max-width: 479px) {
  	/* Header
          -------------------------------------------------------------- */
  /* Simplify horizontal links */
  /* line 2336, ../scss/header.scss */
  .header .links-wrapper-separators .links li a,
  .header .links-wrapper-separators-left .links li a {
    background-image: none;
  }

  	/* Header elements - align center.
         TODO: apply or remove in future updates.
      -------------------------------------------------------------- */
  /* line 2344, ../scss/header.scss */
  .header .mobile-inline-container {
    text-align: center;
  }

  /* line 2347, ../scss/header.scss */
  .header .mobile-inline-container > * {
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }

  	/* Header top elements - align center
      -------------------------------------------------------------- */
  	/*.header-top { text-align:center; }
      .header-top .item { float:none; display:inline-block; margin-left:5px; margin-right:5px; }
      .header-top .links { text-align:center; }
      .header-top .links li { float:none; display:inline-block; }*/
  	/* Header - old styles applied when mobile header mode is not enabled
         and the "header-regular" class is not removed from header container on narrow screens
      -------------------------------------------------------------- */
  	/* Header elements - align center
      -------------------------------------------------------------- */
  /* Links */
  /* line 2369, ../scss/header.scss */
  .header-regular .header .links {
    text-align: center;
  }

  /* line 2372, ../scss/header.scss */
  .header-regular .header .links li {
    float: none;
    display: inline-block;
  }

  /* User menu */
  /* line 2378, ../scss/header.scss */
  .header-regular .user-menu {
    text-align: center;
  }

  /* line 2381, ../scss/header.scss */
  .header-regular .user-menu > *,
  .header-regular .user-menu .links,
  .header-regular .dropdown {
    float: none !important;
    display: inline-block !important;
  }
}
@media only screen and (max-width: 319px) {
  	/* Mobile header
      -------------------------------------------------------------- */
  /* line 2393, ../scss/header.scss */
  .header-mobile .header-collateral {
    float: none;
    text-align: center;
  }

  /* line 2397, ../scss/header.scss */
  .header-mobile .header-collateral > * {
    display: inline-block;
  }

  /* line 2400, ../scss/header.scss */
  .header-mobile .logo-wrapper--mobile {
    float: none !important;
    text-align: center !important;
  }
}

/**
 * This file is a container for custom CSS. You can use it to override the default styles of the theme.
 *
 * 1. Copy the file "SAMPLE.custom.css" and rename it to "custom.css".
 *    Otherwise this file will not be loaded by Magento.
 * 2. Enable it in the admin panel.
 * 3. Uncomment selected sample styles or add your own CSS to override the default styles of the theme.
 *
 * Please refer to the user guide for more details.
 *
 */
/* line 2, ../scss/module/_newsletter.scss */
#_form_4_._form-top {
  top: 0;
}
/* line 5, ../scss/module/_newsletter.scss */
#_form_4_._form-bottom {
  bottom: 0;
}
/* line 8, ../scss/module/_newsletter.scss */
#_form_4_._form-left {
  left: 0;
}
/* line 11, ../scss/module/_newsletter.scss */
#_form_4_._form-right {
  right: 0;
}
/* line 15, ../scss/module/_newsletter.scss */
#_form_4_ input[type="text"], #_form_4_ input[type="date"] {
  padding: 6px;
  height: auto;
  border: #979797 1px solid;
  border-radius: 4px;
  color: #000 !important;
  font-size: 13px;
  box-sizing: border-box;
}
/* line 27, ../scss/module/_newsletter.scss */
#_form_4_ textarea {
  padding: 6px;
  height: auto;
  border: #979797 1px solid;
  border-radius: 4px;
  color: #000 !important;
  font-size: 13px;
  box-sizing: border-box;
  resize: none;
}
/* line 39, ../scss/module/_newsletter.scss */
#_form_4_ ._submit {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: arial, sans-serif;
  font-size: 14px;
  text-align: center;
  background: #269d1d !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 12px !important;
}
/* line 53, ../scss/module/_newsletter.scss */
#_form_4_ ._close-icon {
  cursor: pointer;
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/esfkyjh1u_forms-close-dark.png");
  background-repeat: no-repeat;
  background-size: 14.2px 14.2px;
  position: absolute;
  display: block;
  top: 11px;
  right: 9px;
  overflow: hidden;
  width: 16.2px;
  height: 16.2px;
}
/* line 65, ../scss/module/_newsletter.scss */
#_form_4_ ._close-icon:before {
  position: relative;
}
/* line 69, ../scss/module/_newsletter.scss */
#_form_4_ ._form-body {
  margin-bottom: 30px;
}
/* line 72, ../scss/module/_newsletter.scss */
#_form_4_ ._form-image-left {
  width: 150px;
  float: left;
}
/* line 76, ../scss/module/_newsletter.scss */
#_form_4_ ._form-content-right {
  margin-left: 164px;
}
/* line 79, ../scss/module/_newsletter.scss */
#_form_4_ ._form-branding {
  color: #fff;
  font-size: 10px;
  clear: both;
  text-align: left;
  margin-top: 30px;
  font-weight: 100;
}
/* line 86, ../scss/module/_newsletter.scss */
#_form_4_ ._form-branding ._logo {
  display: block;
  width: 130px;
  height: 14px;
  margin-top: 6px;
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/hh9ujqgv5_aclogo_li.png");
  background-size: 130px auto;
  background-repeat: no-repeat;
}
/* line 96, ../scss/module/_newsletter.scss */
#_form_4_ ._form-label, #_form_4_ ._form_element ._form-label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
/* line 101, ../scss/module/_newsletter.scss */
#_form_4_._dark ._form-branding {
  color: #333;
}
/* line 103, ../scss/module/_newsletter.scss */
#_form_4_._dark ._form-branding ._logo {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png");
}
/* line 107, ../scss/module/_newsletter.scss */
#_form_4_ ._form_element {
  position: relative;
  margin-bottom: 10px;
  font-size: 0;
  max-width: 100%;
}
/* line 112, ../scss/module/_newsletter.scss */
#_form_4_ ._form_element * {
  font-size: 14px;
}
/* line 115, ../scss/module/_newsletter.scss */
#_form_4_ ._form_element._clear {
  clear: both;
  width: 100%;
  float: none;
}
/* line 119, ../scss/module/_newsletter.scss */
#_form_4_ ._form_element._clear:after {
  clear: left;
}
/* line 124, ../scss/module/_newsletter.scss */
#_form_4_ ._form_element input[type="text"], #_form_4_ ._form_element input[type="date"] {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 132, ../scss/module/_newsletter.scss */
#_form_4_ ._form_element select, #_form_4_ ._form_element textarea:not(.g-recaptcha-response) {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
/* line 140, ../scss/module/_newsletter.scss */
#_form_4_ ._field-wrapper {
  position: relative;
}
/* line 143, ../scss/module/_newsletter.scss */
#_form_4_ ._inline-style {
  float: left;
}
/* line 145, ../scss/module/_newsletter.scss */
#_form_4_ ._inline-style input[type="text"] {
  width: 150px;
}
/* line 148, ../scss/module/_newsletter.scss */
#_form_4_ ._inline-style:not(._clear) + ._inline-style:not(._clear) {
  margin-left: 20px;
}
/* line 151, ../scss/module/_newsletter.scss */
#_form_4_ ._inline-style input {
  border: none !important;
  border-radius: 4px;
  padding: 8px;
  height: auto;
  color: #000000 !important;
  font-size: 13px;
}
/* line 160, ../scss/module/_newsletter.scss */
#_form_4_ ._form_element img._form-image {
  max-width: 100%;
}
/* line 163, ../scss/module/_newsletter.scss */
#_form_4_ ._clear-element {
  clear: left;
}
/* line 166, ../scss/module/_newsletter.scss */
#_form_4_ ._full_width {
  width: 100%;
}
/* line 169, ../scss/module/_newsletter.scss */
#_form_4_ ._form_full_field {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
/* line 174, ../scss/module/_newsletter.scss */
#_form_4_ input[type="text"]._has_error, #_form_4_ textarea._has_error {
  border: #f37c7b 1px solid;
}
/* line 177, ../scss/module/_newsletter.scss */
#_form_4_ input[type="checkbox"]._has_error {
  outline: #f37c7b 1px solid;
}
/* line 180, ../scss/module/_newsletter.scss */
#_form_4_ ._error {
  display: block;
  position: absolute;
  font-size: 13px;
  z-index: 10000001;
}
/* line 185, ../scss/module/_newsletter.scss */
#_form_4_ ._error._above {
  padding-bottom: 4px;
  bottom: 39px;
  right: 0;
}
/* line 190, ../scss/module/_newsletter.scss */
#_form_4_ ._error._below {
  padding-top: 4px;
  top: 100%;
  right: 0;
}
/* line 195, ../scss/module/_newsletter.scss */
#_form_4_ ._error._above ._error-arrow {
  bottom: 0;
  right: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #f37c7b;
}
/* line 202, ../scss/module/_newsletter.scss */
#_form_4_ ._error._below ._error-arrow {
  top: 0;
  right: 15px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #f37c7b;
}
/* line 210, ../scss/module/_newsletter.scss */
#_form_4_ ._error-inner {
  padding: 8px 12px;
  background-color: #f37c7b;
  font-size: 13px;
  font-family: arial, sans-serif;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 4px;
}
/* line 221, ../scss/module/_newsletter.scss */
#_form_4_ ._error-inner._form_error {
  margin-bottom: 5px;
  text-align: left;
}
/* line 226, ../scss/module/_newsletter.scss */
#_form_4_ ._button-wrapper ._error-inner._form_error {
  position: static;
}
/* line 229, ../scss/module/_newsletter.scss */
#_form_4_ ._error-inner._no_arrow {
  margin-bottom: 10px;
}
/* line 232, ../scss/module/_newsletter.scss */
#_form_4_ ._error-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
/* line 237, ../scss/module/_newsletter.scss */
#_form_4_ ._error-html {
  margin-bottom: 10px;
}

/* line 242, ../scss/module/_newsletter.scss */
.pika-single {
  z-index: 10000001 !important;
}

@media all and (min-width: 320px) and (max-width: 668px) {
  /* line 247, ../scss/module/_newsletter.scss */
  ::-webkit-scrollbar {
    display: none;
  }

  /* line 250, ../scss/module/_newsletter.scss */
  #_form_4_ {
    margin: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  /* line 256, ../scss/module/_newsletter.scss */
  #_form_4_ * {
    box-sizing: border-box;
    font-size: 1em;
  }
  /* line 262, ../scss/module/_newsletter.scss */
  #_form_4_ ._form-content {
    margin: 0;
    width: 100%;
  }
  /* line 266, ../scss/module/_newsletter.scss */
  #_form_4_ ._form-inner {
    display: block;
    min-width: 100%;
  }
  /* line 270, ../scss/module/_newsletter.scss */
  #_form_4_ ._form-title, #_form_4_ ._inline-style {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }
  /* line 275, ../scss/module/_newsletter.scss */
  #_form_4_ ._form-title {
    font-size: 1.2em;
  }
  /* line 278, ../scss/module/_newsletter.scss */
  #_form_4_ ._form_element {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
  }
  /* line 283, ../scss/module/_newsletter.scss */
  #_form_4_ ._form-element, #_form_4_ ._inline-style, #_form_4_ input[type="text"], #_form_4_ label, #_form_4_ p, #_form_4_ textarea:not(.g-recaptcha-response) {
    float: none;
    display: block;
    width: 100%;
  }
  /* line 288, ../scss/module/_newsletter.scss */
  #_form_4_ ._row {
    margin-bottom: 0.7em;
    width: 100%;
  }
  /* line 289, ../scss/module/_newsletter.scss */
  #_form_4_ ._row._checkbox-radio label {
    display: inline;
  }
  /* line 295, ../scss/module/_newsletter.scss */
  #_form_4_ p, #_form_4_ label {
    margin-bottom: 0.7em;
    width: 100%;
  }
  /* line 301, ../scss/module/_newsletter.scss */
  #_form_4_ ._row input[type="checkbox"], #_form_4_ ._row input[type="radio"] {
    margin: 0 !important;
    vertical-align: middle !important;
  }
  /* line 305, ../scss/module/_newsletter.scss */
  #_form_4_ ._row input[type="checkbox"] + span label {
    display: inline;
  }
  /* line 309, ../scss/module/_newsletter.scss */
  #_form_4_ ._row span label {
    margin: 0 !important;
    width: initial !important;
    vertical-align: middle !important;
  }
  /* line 315, ../scss/module/_newsletter.scss */
  #_form_4_ ._form-image {
    max-width: 100%;
    height: auto !important;
  }
  /* line 320, ../scss/module/_newsletter.scss */
  #_form_4_ input[type="text"] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 1.3em;
    -webkit-appearance: none;
  }
  /* line 327, ../scss/module/_newsletter.scss */
  #_form_4_ input[type="radio"], #_form_4_ input[type="checkbox"] {
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    font-size: 1em;
    margin: 0 0.3em 0 0;
    vertical-align: baseline;
  }
  /* line 336, ../scss/module/_newsletter.scss */
  #_form_4_ button[type="submit"] {
    padding: 20px;
    font-size: 1.5em;
  }
  /* line 340, ../scss/module/_newsletter.scss */
  #_form_4_ ._inline-style {
    margin: 20px 0 0 !important;
  }
}
/* line 346, ../scss/module/_newsletter.scss */
#_form_4_ {
  position: relative;
  text-align: left;
  padding: 20px;
  box-sizing: border-box;
  *zoom: 1;
  background: transparent !important;
  border: 0px solid #030303 !important;
  width: 50%;
  float: right;
  border-radius: 0px !important;
  color: #fff !important;
}
/* line 363, ../scss/module/_newsletter.scss */
#_form_4_ ._form-title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
/* line 369, ../scss/module/_newsletter.scss */
#_form_4_:before {
  content: " ";
  display: table;
}
/* line 373, ../scss/module/_newsletter.scss */
#_form_4_:after {
  content: " ";
  display: table;
  clear: both;
}
/* line 378, ../scss/module/_newsletter.scss */
#_form_4_._inline-style {
  width: auto;
  display: inline-block;
}
/* line 382, ../scss/module/_newsletter.scss */
#_form_4_._inline-style input[type="text"], #_form_4_._inline-style input[type="date"] {
  padding: 10px 12px;
}
/* line 386, ../scss/module/_newsletter.scss */
#_form_4_._inline-style button._inline-style {
  position: relative;
  top: 27px;
}
/* line 390, ../scss/module/_newsletter.scss */
#_form_4_._inline-style p {
  margin: 0;
}
/* line 393, ../scss/module/_newsletter.scss */
#_form_4_._inline-style ._button-wrapper {
  position: relative;
  margin: 27px 12.5px 0 20px;
}
/* line 398, ../scss/module/_newsletter.scss */
#_form_4_ ._form-thank-you {
  position: relative;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 18px;
}

@media all and (min-width: 320px) and (max-width: 668px) {
  /* line 408, ../scss/module/_newsletter.scss */
  #_form_4_._inline-form._inline-style ._inline-style._button-wrapper {
    margin-top: 20px !important;
    margin-left: 0 !important;
  }
}
/* line 414, ../scss/module/_newsletter.scss */
#_form_2_submit {
  background-color: #b3fa05;
  border: none;
}

/* line 419, ../scss/module/_newsletter.scss */
.newsletter-section-title {
  color: #000;
  margin-bottom: 20px;
  font-size: 25px;
  font-family: open sans, sans-serif;
  border-radius: 4px;
}

/* line 428, ../scss/module/_newsletter.scss */
#newsletter-validate-detail .button {
  background-color: #57ab4e !important;
}

@media (max-width: 599px) {
  font-size: 1em !important;
}
@media (max-width: 675px) {
  /* line 438, ../scss/module/_newsletter.scss */
  .newsletter-section {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100%;
  }

  /* line 443, ../scss/module/_newsletter.scss */
  .form-input-section {
    padding-left: 13px;
    padding-right: 13px;
  }

  /* line 449, ../scss/module/_newsletter.scss */
  #newsletter-validate-detail .button {
    font-size: 1.5em;
    padding: 12px 25px !important;
    box-sizing: border-box;
  }

  /* line 456, ../scss/module/_newsletter.scss */
  .description-container {
    margin-bottom: 0;
  }
}
/* line 461, ../scss/module/_newsletter.scss */
#newsletter {
  width: 100% !important;
  border: #e4e4e4 1px solid;
  border-radius: 4px;
  color: #000000 !important;
  margin: 8px 0px;
  box-sizing: border-box;
}

/* line 470, ../scss/module/_newsletter.scss */
.newsletter-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

/* line 476, ../scss/module/_newsletter.scss */
.form-input-section {
  display: grid;
}

/* line 1, ../scss/mixin/_button-select.scss */
.btn-select {
  position: relative;
  padding: 0;
  min-width: 236px;
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
}
/* line 9, ../scss/mixin/_button-select.scss */
.btn-select .btn-select-value {
  padding: 7px 12px;
  display: block;
  position: absolute;
  left: 0;
  right: 34px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
}
/* line 22, ../scss/mixin/_button-select.scss */
.btn-select .btn-select-arrow {
  float: right;
  line-height: 20px;
  padding: 6px 10px;
  top: 0;
}
/* line 28, ../scss/mixin/_button-select.scss */
.btn-select ul {
  display: none;
  background-color: white;
  color: black;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: none !important;
  position: absolute;
  left: -1px;
  right: -1px;
  top: 33px;
  z-index: 999;
}
/* line 43, ../scss/mixin/_button-select.scss */
.btn-select ul li {
  padding: 3px 6px;
  text-align: left;
}
/* line 47, ../scss/mixin/_button-select.scss */
.btn-select ul li:hover {
  background-color: #f4f4f4;
}
/* line 50, ../scss/mixin/_button-select.scss */
.btn-select ul li.selected {
  color: white;
}

/* Default Start */
/* line 58, ../scss/mixin/_button-select.scss */
.btn-select.btn-default:hover,
.btn-select.btn-default:active,
.btn-select.btn-default.active {
  border-color: #ccc;
}

/* line 64, ../scss/mixin/_button-select.scss */
.btn-select.btn-default ul li.selected {
  background-color: #ccc;
}

/* line 68, ../scss/mixin/_button-select.scss */
.btn-select.btn-default ul,
.btn-select.btn-default .btn-select-value {
  background-color: white;
  border: #ccc 1px solid;
}

/* line 74, ../scss/mixin/_button-select.scss */
.btn-select.btn-default:hover,
.btn-select.btn-default.active {
  background-color: #e6e6e6;
}

/* Default End */
/* Primary Start */
/* line 81, ../scss/mixin/_button-select.scss */
.btn-select.btn-primary:hover,
.btn-select.btn-primary:active,
.btn-select.btn-primary.active {
  border-color: #286090;
}

/* line 87, ../scss/mixin/_button-select.scss */
.btn-select.btn-primary ul li.selected {
  background-color: #2e6da4;
  color: white;
}

/* line 92, ../scss/mixin/_button-select.scss */
.btn-select.btn-primary ul {
  border: #2e6da4 1px solid;
}

/* line 96, ../scss/mixin/_button-select.scss */
.btn-select.btn-primary .btn-select-value {
  background-color: #428bca;
  border: #2e6da4 1px solid;
}

/* line 101, ../scss/mixin/_button-select.scss */
.btn-select.btn-primary:hover,
.btn-select.btn-primary.active {
  background-color: #286090;
}

/* Primary End */
/* Success Start */
/* line 108, ../scss/mixin/_button-select.scss */
.btn-select.btn-success:hover,
.btn-select.btn-success:active,
.btn-select.btn-success.active {
  border-color: #4cae4c;
}

/* line 114, ../scss/mixin/_button-select.scss */
.btn-select.btn-success ul li.selected {
  background-color: #4cae4c;
  color: white;
}

/* line 119, ../scss/mixin/_button-select.scss */
.btn-select.btn-success ul {
  border: #4cae4c 1px solid;
}

/* line 123, ../scss/mixin/_button-select.scss */
.btn-select.btn-success .btn-select-value {
  background-color: #5cb85c;
  border: #4cae4c 1px solid;
}

/* line 128, ../scss/mixin/_button-select.scss */
.btn-select.btn-success:hover,
.btn-select.btn-success.active {
  background-color: #449d44;
}

/* Success End */
/* info Start */
/* line 135, ../scss/mixin/_button-select.scss */
.btn-select.btn-info:hover,
.btn-select.btn-info:active,
.btn-select.btn-info.active {
  border-color: #46b8da;
}

/* line 141, ../scss/mixin/_button-select.scss */
.btn-select.btn-info ul li.selected {
  background-color: #46b8da;
  color: white;
}

/* line 146, ../scss/mixin/_button-select.scss */
.btn-select.btn-info ul {
  border: #46b8da 1px solid;
}

/* line 150, ../scss/mixin/_button-select.scss */
.btn-select.btn-info .btn-select-value {
  background-color: #5bc0de;
  border: #46b8da 1px solid;
}

/* line 155, ../scss/mixin/_button-select.scss */
.btn-select.btn-info:hover,
.btn-select.btn-info.active {
  background-color: #269abc;
}

/* info End */
/* warning Start */
/* line 162, ../scss/mixin/_button-select.scss */
.btn-select.btn-warning:hover,
.btn-select.btn-warning:active,
.btn-select.btn-warning.active {
  border-color: #eea236;
}

/* line 168, ../scss/mixin/_button-select.scss */
.btn-select.btn-warning ul li.selected {
  background-color: #eea236;
  color: white;
}

/* line 173, ../scss/mixin/_button-select.scss */
.btn-select.btn-warning ul {
  border: #eea236 1px solid;
}

/* line 177, ../scss/mixin/_button-select.scss */
.btn-select.btn-warning .btn-select-value {
  background-color: #f0ad4e;
  border: #eea236 1px solid;
}

/* line 182, ../scss/mixin/_button-select.scss */
.btn-select.btn-warning:hover,
.btn-select.btn-warning.active {
  background-color: #d58512;
}

/* warning End */
/* danger Start */
/* line 189, ../scss/mixin/_button-select.scss */
.btn-select.btn-danger:hover,
.btn-select.btn-danger:active,
.btn-select.btn-danger.active {
  border-color: #d43f3a;
}

/* line 195, ../scss/mixin/_button-select.scss */
.btn-select.btn-danger ul li.selected {
  background-color: #d43f3a;
  color: white;
}

/* line 200, ../scss/mixin/_button-select.scss */
.btn-select.btn-danger ul {
  border: #d43f3a 1px solid;
}

/* line 204, ../scss/mixin/_button-select.scss */
.btn-select.btn-danger .btn-select-value {
  background-color: #d9534f;
  border: #d43f3a 1px solid;
}

/* line 209, ../scss/mixin/_button-select.scss */
.btn-select.btn-danger:hover,
.btn-select.btn-danger.active {
  background-color: #c9302c;
}

/* danger End */
/* line 215, ../scss/mixin/_button-select.scss */
.btn-select.btn-select-light .btn-select-value {
  background-color: white;
  color: black;
}

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 * Config saved to config.json and https://gist.github.com/7394ffa92e392d0b625ad11d3617ceea
 */
/*!
 * Bootstrap v3.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/*!
 * Ultimo theme:
 * This is custom build of Bootstrap, only these components were compiled:
 * "Grid system" (grid.less) and "Responsive utilities" (responsive-utilities.less).
 * We removed the styles from normalize.css (github.com/necolas/normalize.css) 
 * which are by default added at the beginning of Bootstrap CSS.
 */
/*html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}*/
/* line 306, ../scss/mixin/_bootstrap-grid.scss */
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  /* line 313, ../scss/mixin/_bootstrap-grid.scss */
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  /* line 318, ../scss/mixin/_bootstrap-grid.scss */
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  /* line 323, ../scss/mixin/_bootstrap-grid.scss */
  .container {
    width: 1170px;
  }
}
/* line 327, ../scss/mixin/_bootstrap-grid.scss */
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

/* line 333, ../scss/mixin/_bootstrap-grid.scss */
.row {
  margin-right: -15px;
  margin-left: -15px;
}

/* line 337, ../scss/mixin/_bootstrap-grid.scss */
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

/* line 341, ../scss/mixin/_bootstrap-grid.scss */
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* line 345, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

/* line 351, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

/* line 354, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-12 {
  width: 100%;
}

/* line 357, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-11 {
  width: 91.66666667%;
}

/* line 360, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-10 {
  width: 83.33333333%;
}

/* line 363, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-9 {
  width: 75%;
}

/* line 366, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-8 {
  width: 66.66666667%;
}

/* line 369, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-7 {
  width: 58.33333333%;
}

/* line 372, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-6 {
  width: 50%;
}

/* line 375, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-5 {
  width: 41.66666667%;
}

/* line 378, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-4 {
  width: 33.33333333%;
}

/* line 381, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-3 {
  width: 25%;
}

/* line 384, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-2 {
  width: 16.66666667%;
}

/* line 387, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-1 {
  width: 8.33333333%;
}

/* line 390, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-12 {
  right: 100%;
}

/* line 393, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-11 {
  right: 91.66666667%;
}

/* line 396, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-10 {
  right: 83.33333333%;
}

/* line 399, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-9 {
  right: 75%;
}

/* line 402, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-8 {
  right: 66.66666667%;
}

/* line 405, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-7 {
  right: 58.33333333%;
}

/* line 408, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-6 {
  right: 50%;
}

/* line 411, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-5 {
  right: 41.66666667%;
}

/* line 414, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-4 {
  right: 33.33333333%;
}

/* line 417, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-3 {
  right: 25%;
}

/* line 420, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-2 {
  right: 16.66666667%;
}

/* line 423, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-1 {
  right: 8.33333333%;
}

/* line 426, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-pull-0 {
  right: auto;
}

/* line 429, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-12 {
  left: 100%;
}

/* line 432, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-11 {
  left: 91.66666667%;
}

/* line 435, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-10 {
  left: 83.33333333%;
}

/* line 438, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-9 {
  left: 75%;
}

/* line 441, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-8 {
  left: 66.66666667%;
}

/* line 444, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-7 {
  left: 58.33333333%;
}

/* line 447, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-6 {
  left: 50%;
}

/* line 450, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-5 {
  left: 41.66666667%;
}

/* line 453, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-4 {
  left: 33.33333333%;
}

/* line 456, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-3 {
  left: 25%;
}

/* line 459, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-2 {
  left: 16.66666667%;
}

/* line 462, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-1 {
  left: 8.33333333%;
}

/* line 465, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-push-0 {
  left: auto;
}

/* line 468, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-12 {
  margin-left: 100%;
}

/* line 471, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

/* line 474, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

/* line 477, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-9 {
  margin-left: 75%;
}

/* line 480, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

/* line 483, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

/* line 486, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-6 {
  margin-left: 50%;
}

/* line 489, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

/* line 492, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

/* line 495, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-3 {
  margin-left: 25%;
}

/* line 498, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

/* line 501, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

/* line 504, ../scss/mixin/_bootstrap-grid.scss */
.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  /* line 508, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  /* line 511, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-12 {
    width: 100%;
  }

  /* line 514, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-11 {
    width: 91.66666667%;
  }

  /* line 517, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-10 {
    width: 83.33333333%;
  }

  /* line 520, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-9 {
    width: 75%;
  }

  /* line 523, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-8 {
    width: 66.66666667%;
  }

  /* line 526, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-7 {
    width: 58.33333333%;
  }

  /* line 529, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-6 {
    width: 50%;
  }

  /* line 532, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-5 {
    width: 41.66666667%;
  }

  /* line 535, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-4 {
    width: 33.33333333%;
  }

  /* line 538, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-3 {
    width: 25%;
  }

  /* line 541, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-2 {
    width: 16.66666667%;
  }

  /* line 544, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-1 {
    width: 8.33333333%;
  }

  /* line 547, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-12 {
    right: 100%;
  }

  /* line 550, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  /* line 553, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  /* line 556, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-9 {
    right: 75%;
  }

  /* line 559, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  /* line 562, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  /* line 565, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-6 {
    right: 50%;
  }

  /* line 568, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  /* line 571, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  /* line 574, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-3 {
    right: 25%;
  }

  /* line 577, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  /* line 580, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  /* line 583, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-pull-0 {
    right: auto;
  }

  /* line 586, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-12 {
    left: 100%;
  }

  /* line 589, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-11 {
    left: 91.66666667%;
  }

  /* line 592, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-10 {
    left: 83.33333333%;
  }

  /* line 595, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-9 {
    left: 75%;
  }

  /* line 598, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-8 {
    left: 66.66666667%;
  }

  /* line 601, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-7 {
    left: 58.33333333%;
  }

  /* line 604, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-6 {
    left: 50%;
  }

  /* line 607, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-5 {
    left: 41.66666667%;
  }

  /* line 610, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-4 {
    left: 33.33333333%;
  }

  /* line 613, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-3 {
    left: 25%;
  }

  /* line 616, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-2 {
    left: 16.66666667%;
  }

  /* line 619, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-1 {
    left: 8.33333333%;
  }

  /* line 622, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-push-0 {
    left: auto;
  }

  /* line 625, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-12 {
    margin-left: 100%;
  }

  /* line 628, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  /* line 631, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  /* line 634, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-9 {
    margin-left: 75%;
  }

  /* line 637, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  /* line 640, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  /* line 643, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-6 {
    margin-left: 50%;
  }

  /* line 646, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  /* line 649, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  /* line 652, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-3 {
    margin-left: 25%;
  }

  /* line 655, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  /* line 658, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }

  /* line 661, ../scss/mixin/_bootstrap-grid.scss */
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  /* line 666, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }

  /* line 669, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-12 {
    width: 100%;
  }

  /* line 672, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-11 {
    width: 91.66666667%;
  }

  /* line 675, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-10 {
    width: 83.33333333%;
  }

  /* line 678, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-9 {
    width: 75%;
  }

  /* line 681, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-8 {
    width: 66.66666667%;
  }

  /* line 684, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-7 {
    width: 58.33333333%;
  }

  /* line 687, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-6 {
    width: 50%;
  }

  /* line 690, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-5 {
    width: 41.66666667%;
  }

  /* line 693, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-4 {
    width: 33.33333333%;
  }

  /* line 696, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-3 {
    width: 25%;
  }

  /* line 699, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-2 {
    width: 16.66666667%;
  }

  /* line 702, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-1 {
    width: 8.33333333%;
  }

  /* line 705, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-12 {
    right: 100%;
  }

  /* line 708, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-11 {
    right: 91.66666667%;
  }

  /* line 711, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-10 {
    right: 83.33333333%;
  }

  /* line 714, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-9 {
    right: 75%;
  }

  /* line 717, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-8 {
    right: 66.66666667%;
  }

  /* line 720, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-7 {
    right: 58.33333333%;
  }

  /* line 723, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-6 {
    right: 50%;
  }

  /* line 726, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-5 {
    right: 41.66666667%;
  }

  /* line 729, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-4 {
    right: 33.33333333%;
  }

  /* line 732, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-3 {
    right: 25%;
  }

  /* line 735, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-2 {
    right: 16.66666667%;
  }

  /* line 738, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-1 {
    right: 8.33333333%;
  }

  /* line 741, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-pull-0 {
    right: auto;
  }

  /* line 744, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-12 {
    left: 100%;
  }

  /* line 747, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-11 {
    left: 91.66666667%;
  }

  /* line 750, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-10 {
    left: 83.33333333%;
  }

  /* line 753, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-9 {
    left: 75%;
  }

  /* line 756, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-8 {
    left: 66.66666667%;
  }

  /* line 759, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-7 {
    left: 58.33333333%;
  }

  /* line 762, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-6 {
    left: 50%;
  }

  /* line 765, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-5 {
    left: 41.66666667%;
  }

  /* line 768, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-4 {
    left: 33.33333333%;
  }

  /* line 771, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-3 {
    left: 25%;
  }

  /* line 774, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-2 {
    left: 16.66666667%;
  }

  /* line 777, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-1 {
    left: 8.33333333%;
  }

  /* line 780, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-push-0 {
    left: auto;
  }

  /* line 783, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-12 {
    margin-left: 100%;
  }

  /* line 786, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  /* line 789, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  /* line 792, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-9 {
    margin-left: 75%;
  }

  /* line 795, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  /* line 798, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  /* line 801, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-6 {
    margin-left: 50%;
  }

  /* line 804, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  /* line 807, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  /* line 810, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-3 {
    margin-left: 25%;
  }

  /* line 813, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  /* line 816, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  /* line 819, ../scss/mixin/_bootstrap-grid.scss */
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  /* line 824, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }

  /* line 827, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-12 {
    width: 100%;
  }

  /* line 830, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-11 {
    width: 91.66666667%;
  }

  /* line 833, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-10 {
    width: 83.33333333%;
  }

  /* line 836, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-9 {
    width: 75%;
  }

  /* line 839, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-8 {
    width: 66.66666667%;
  }

  /* line 842, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-7 {
    width: 58.33333333%;
  }

  /* line 845, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-6 {
    width: 50%;
  }

  /* line 848, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-5 {
    width: 41.66666667%;
  }

  /* line 851, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-4 {
    width: 33.33333333%;
  }

  /* line 854, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-3 {
    width: 25%;
  }

  /* line 857, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-2 {
    width: 16.66666667%;
  }

  /* line 860, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-1 {
    width: 8.33333333%;
  }

  /* line 863, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-12 {
    right: 100%;
  }

  /* line 866, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  /* line 869, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  /* line 872, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-9 {
    right: 75%;
  }

  /* line 875, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  /* line 878, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  /* line 881, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-6 {
    right: 50%;
  }

  /* line 884, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  /* line 887, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  /* line 890, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-3 {
    right: 25%;
  }

  /* line 893, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  /* line 896, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  /* line 899, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-pull-0 {
    right: auto;
  }

  /* line 902, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-12 {
    left: 100%;
  }

  /* line 905, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-11 {
    left: 91.66666667%;
  }

  /* line 908, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-10 {
    left: 83.33333333%;
  }

  /* line 911, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-9 {
    left: 75%;
  }

  /* line 914, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-8 {
    left: 66.66666667%;
  }

  /* line 917, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-7 {
    left: 58.33333333%;
  }

  /* line 920, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-6 {
    left: 50%;
  }

  /* line 923, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-5 {
    left: 41.66666667%;
  }

  /* line 926, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-4 {
    left: 33.33333333%;
  }

  /* line 929, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-3 {
    left: 25%;
  }

  /* line 932, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-2 {
    left: 16.66666667%;
  }

  /* line 935, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-1 {
    left: 8.33333333%;
  }

  /* line 938, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-push-0 {
    left: auto;
  }

  /* line 941, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-12 {
    margin-left: 100%;
  }

  /* line 944, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  /* line 947, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  /* line 950, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-9 {
    margin-left: 75%;
  }

  /* line 953, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  /* line 956, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  /* line 959, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-6 {
    margin-left: 50%;
  }

  /* line 962, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  /* line 965, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  /* line 968, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-3 {
    margin-left: 25%;
  }

  /* line 971, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  /* line 974, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  /* line 977, ../scss/mixin/_bootstrap-grid.scss */
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
/* line 981, ../scss/mixin/_bootstrap-grid.scss */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}

/* line 992, ../scss/mixin/_bootstrap-grid.scss */
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

/* line 998, ../scss/mixin/_bootstrap-grid.scss */
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* line 1003, ../scss/mixin/_bootstrap-grid.scss */
.pull-right {
  float: right !important;
}

/* line 1006, ../scss/mixin/_bootstrap-grid.scss */
.pull-left {
  float: left !important;
}

/* line 1009, ../scss/mixin/_bootstrap-grid.scss */
.hide {
  display: none !important;
}

/* line 1012, ../scss/mixin/_bootstrap-grid.scss */
.show {
  display: block !important;
}

/* line 1015, ../scss/mixin/_bootstrap-grid.scss */
.invisible {
  visibility: hidden;
}

/* line 1018, ../scss/mixin/_bootstrap-grid.scss */
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

/* line 1025, ../scss/mixin/_bootstrap-grid.scss */
.hidden {
  display: none !important;
}

/* line 1028, ../scss/mixin/_bootstrap-grid.scss */
.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
/* line 1034, ../scss/mixin/_bootstrap-grid.scss */
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

/* line 1040, ../scss/mixin/_bootstrap-grid.scss */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  /* line 1055, ../scss/mixin/_bootstrap-grid.scss */
  .visible-xs {
    display: block !important;
  }

  /* line 1058, ../scss/mixin/_bootstrap-grid.scss */
  table.visible-xs {
    display: table !important;
  }

  /* line 1061, ../scss/mixin/_bootstrap-grid.scss */
  tr.visible-xs {
    display: table-row !important;
  }

  /* line 1064, ../scss/mixin/_bootstrap-grid.scss */
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  /* line 1070, ../scss/mixin/_bootstrap-grid.scss */
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  /* line 1075, ../scss/mixin/_bootstrap-grid.scss */
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  /* line 1080, ../scss/mixin/_bootstrap-grid.scss */
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1085, ../scss/mixin/_bootstrap-grid.scss */
  .visible-sm {
    display: block !important;
  }

  /* line 1088, ../scss/mixin/_bootstrap-grid.scss */
  table.visible-sm {
    display: table !important;
  }

  /* line 1091, ../scss/mixin/_bootstrap-grid.scss */
  tr.visible-sm {
    display: table-row !important;
  }

  /* line 1094, ../scss/mixin/_bootstrap-grid.scss */
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1100, ../scss/mixin/_bootstrap-grid.scss */
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1105, ../scss/mixin/_bootstrap-grid.scss */
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1110, ../scss/mixin/_bootstrap-grid.scss */
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1115, ../scss/mixin/_bootstrap-grid.scss */
  .visible-md {
    display: block !important;
  }

  /* line 1118, ../scss/mixin/_bootstrap-grid.scss */
  table.visible-md {
    display: table !important;
  }

  /* line 1121, ../scss/mixin/_bootstrap-grid.scss */
  tr.visible-md {
    display: table-row !important;
  }

  /* line 1124, ../scss/mixin/_bootstrap-grid.scss */
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1130, ../scss/mixin/_bootstrap-grid.scss */
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1135, ../scss/mixin/_bootstrap-grid.scss */
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1140, ../scss/mixin/_bootstrap-grid.scss */
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  /* line 1145, ../scss/mixin/_bootstrap-grid.scss */
  .visible-lg {
    display: block !important;
  }

  /* line 1148, ../scss/mixin/_bootstrap-grid.scss */
  table.visible-lg {
    display: table !important;
  }

  /* line 1151, ../scss/mixin/_bootstrap-grid.scss */
  tr.visible-lg {
    display: table-row !important;
  }

  /* line 1154, ../scss/mixin/_bootstrap-grid.scss */
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  /* line 1160, ../scss/mixin/_bootstrap-grid.scss */
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  /* line 1165, ../scss/mixin/_bootstrap-grid.scss */
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  /* line 1170, ../scss/mixin/_bootstrap-grid.scss */
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  /* line 1175, ../scss/mixin/_bootstrap-grid.scss */
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 1180, ../scss/mixin/_bootstrap-grid.scss */
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  /* line 1185, ../scss/mixin/_bootstrap-grid.scss */
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  /* line 1190, ../scss/mixin/_bootstrap-grid.scss */
  .hidden-lg {
    display: none !important;
  }
}
/* line 1194, ../scss/mixin/_bootstrap-grid.scss */
.visible-print {
  display: none !important;
}

@media print {
  /* line 1198, ../scss/mixin/_bootstrap-grid.scss */
  .visible-print {
    display: block !important;
  }

  /* line 1201, ../scss/mixin/_bootstrap-grid.scss */
  table.visible-print {
    display: table !important;
  }

  /* line 1204, ../scss/mixin/_bootstrap-grid.scss */
  tr.visible-print {
    display: table-row !important;
  }

  /* line 1207, ../scss/mixin/_bootstrap-grid.scss */
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
/* line 1212, ../scss/mixin/_bootstrap-grid.scss */
.visible-print-block {
  display: none !important;
}

@media print {
  /* line 1216, ../scss/mixin/_bootstrap-grid.scss */
  .visible-print-block {
    display: block !important;
  }
}
/* line 1220, ../scss/mixin/_bootstrap-grid.scss */
.visible-print-inline {
  display: none !important;
}

@media print {
  /* line 1224, ../scss/mixin/_bootstrap-grid.scss */
  .visible-print-inline {
    display: inline !important;
  }
}
/* line 1228, ../scss/mixin/_bootstrap-grid.scss */
.visible-print-inline-block {
  display: none !important;
}

@media print {
  /* line 1232, ../scss/mixin/_bootstrap-grid.scss */
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  /* line 1237, ../scss/mixin/_bootstrap-grid.scss */
  .hidden-print {
    display: none !important;
  }
}
/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/
@media (min-width: 1200px) and (max-width: 1599px) {
  /* line 11, ../scss/mixin/_bootstrap-grid-xl.scss */
  .hidden-lg {
    display: none !important;
  }
}
/* line 17, ../scss/mixin/_bootstrap-grid-xl.scss */
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
  display: none !important;
}

@media (min-width: 1600px) {
  /* line 27, ../scss/mixin/_bootstrap-grid-xl.scss */
  .container {
    width: 1570px;
  }

  /* line 31, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }

  /* line 35, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-12 {
    width: 100%;
  }

  /* line 39, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-11 {
    width: 91.66666667%;
  }

  /* line 43, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-10 {
    width: 83.33333333%;
  }

  /* line 47, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-9 {
    width: 75%;
  }

  /* line 51, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-8 {
    width: 66.66666667%;
  }

  /* line 55, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-7 {
    width: 58.33333333%;
  }

  /* line 59, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-6 {
    width: 50%;
  }

  /* line 63, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-5 {
    width: 41.66666667%;
  }

  /* line 67, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-4 {
    width: 33.33333333%;
  }

  /* line 71, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-3 {
    width: 25%;
  }

  /* line 75, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-2 {
    width: 16.66666667%;
  }

  /* line 79, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-1 {
    width: 8.33333333%;
  }

  /* line 83, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-12 {
    right: 100%;
  }

  /* line 87, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-11 {
    right: 91.66666667%;
  }

  /* line 91, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-10 {
    right: 83.33333333%;
  }

  /* line 95, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-9 {
    right: 75%;
  }

  /* line 99, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-8 {
    right: 66.66666667%;
  }

  /* line 103, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-7 {
    right: 58.33333333%;
  }

  /* line 107, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-6 {
    right: 50%;
  }

  /* line 111, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-5 {
    right: 41.66666667%;
  }

  /* line 115, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-4 {
    right: 33.33333333%;
  }

  /* line 119, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-3 {
    right: 25%;
  }

  /* line 123, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-2 {
    right: 16.66666667%;
  }

  /* line 127, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-1 {
    right: 8.33333333%;
  }

  /* line 131, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-pull-0 {
    right: auto;
  }

  /* line 135, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-12 {
    left: 100%;
  }

  /* line 139, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-11 {
    left: 91.66666667%;
  }

  /* line 143, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-10 {
    left: 83.33333333%;
  }

  /* line 147, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-9 {
    left: 75%;
  }

  /* line 151, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-8 {
    left: 66.66666667%;
  }

  /* line 155, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-7 {
    left: 58.33333333%;
  }

  /* line 159, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-6 {
    left: 50%;
  }

  /* line 163, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-5 {
    left: 41.66666667%;
  }

  /* line 167, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-4 {
    left: 33.33333333%;
  }

  /* line 171, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-3 {
    left: 25%;
  }

  /* line 175, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-2 {
    left: 16.66666667%;
  }

  /* line 179, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-1 {
    left: 8.33333333%;
  }

  /* line 183, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-push-0 {
    left: auto;
  }

  /* line 187, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-12 {
    margin-left: 100%;
  }

  /* line 191, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }

  /* line 195, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }

  /* line 199, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-9 {
    margin-left: 75%;
  }

  /* line 203, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }

  /* line 207, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }

  /* line 211, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-6 {
    margin-left: 50%;
  }

  /* line 215, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }

  /* line 219, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }

  /* line 223, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-3 {
    margin-left: 25%;
  }

  /* line 227, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }

  /* line 231, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }

  /* line 235, ../scss/mixin/_bootstrap-grid-xl.scss */
  .col-xl-offset-0 {
    margin-left: 0;
  }

  /* line 239, ../scss/mixin/_bootstrap-grid-xl.scss */
  .visible-xl {
    display: block !important;
  }

  /* line 243, ../scss/mixin/_bootstrap-grid-xl.scss */
  table.visible-xl {
    display: table;
  }

  /* line 247, ../scss/mixin/_bootstrap-grid-xl.scss */
  tr.visible-xl {
    display: table-row !important;
  }

  /* line 251, ../scss/mixin/_bootstrap-grid-xl.scss */
  th.visible-xl, td.visible-xl {
    display: table-cell !important;
  }

  /* line 255, ../scss/mixin/_bootstrap-grid-xl.scss */
  .visible-xl-block {
    display: block !important;
  }

  /* line 259, ../scss/mixin/_bootstrap-grid-xl.scss */
  .visible-xl-inline {
    display: inline !important;
  }

  /* line 263, ../scss/mixin/_bootstrap-grid-xl.scss */
  .visible-xl-inline-block {
    display: inline-block !important;
  }

  /* line 267, ../scss/mixin/_bootstrap-grid-xl.scss */
  .hidden-xl {
    display: none !important;
  }
}
/* line 28, ../scss/custom.scss */
html {
  box-sizing: border-box;
}

/* line 33, ../scss/custom.scss */
*,
*:before,
*:after {
  box-sizing: inherit;
}

/* line 40, ../scss/custom.scss */
body {
  font-family: "Source Sans Pro", sans-serif;
}

/* line 43, ../scss/custom.scss */
select:hover {
  cursor: pointer;
}

/* line 46, ../scss/custom.scss */
.button {
  background: #50b848;
  border-radius: 4px;
}

/* line 50, ../scss/custom.scss */
a.link_button_green {
  color: #ffffff;
  background-color: #50b848;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 16px;
}

/* line 58, ../scss/custom.scss */
a.link_button_purple {
  color: #ffffff;
  background-color: #bd08c3;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 16px;
}
@media (max-width: 768px) {
  /* line 58, ../scss/custom.scss */
  a.link_button_purple {
    padding: 10px;
  }
}

/* line 69, ../scss/custom.scss */
.btn-checkout,
.button.btn-cart {
  border-radius: 4px;
  background-color: #50b848;
}

/* line 74, ../scss/custom.scss */
.checkbox,
.radio {
  display: inline-block;
}

/* line 78, ../scss/custom.scss */
input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
  outline: 2px auto #50b848;
}

/* Typography */
/* line 85, ../scss/custom.scss */
h1 {
  font-weight: 800;
  font-size: 36px;
  font-family: "Open Sans", sans-serif;
}

/* line 90, ../scss/custom.scss */
h2 {
  font-weight: 600;
  font-size: 32px;
  font-family: "Open Sans", sans-serif;
}

/* line 95, ../scss/custom.scss */
h2 strong {
  font-weight: 800;
}

/* line 98, ../scss/custom.scss */
h3 {
  font-weight: 600;
  font-size: 28px;
  font-family: "Open Sans", sans-serif;
}

/* line 103, ../scss/custom.scss */
h4 {
  font-family: "Open Sans", sans-serif;
}

/* line 106, ../scss/custom.scss */
h3 strong {
  font-weight: 800;
}

/* line 109, ../scss/custom.scss */
.page-title h1,
.page-title h2 {
  letter-spacing: -1px;
}

@media (max-width: 599px) {
  /* line 115, ../scss/custom.scss */
  h1 {
    font-size: 2em;
  }

  /* line 118, ../scss/custom.scss */
  h2 {
    font-size: 1.5em;
  }

  /* line 121, ../scss/custom.scss */
  h3 {
    font-size: 1.17em;
  }

  /* line 124, ../scss/custom.scss */
  h4 {
    font-size: 1em;
  }

  /* line 127, ../scss/custom.scss */
  h5 {
    font-size: 0.83em;
  }

  /* line 130, ../scss/custom.scss */
  h6 {
    font-size: 0.75em;
  }

  /* line 133, ../scss/custom.scss */
  .std h1 {
    font-size: 1.6em;
  }
}
/* line 138, ../scss/custom.scss */
p {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #444444;
}

/* line 144, ../scss/custom.scss */
ol,
ul {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  color: #444;
  margin-bottom: 0;
}

/* line 151, ../scss/custom.scss */
h3.alternative {
  font-family: "Gloria Hallelujah", cursive;
  font-size: 36px;
}

/* line 155, ../scss/custom.scss */
h4.alternative {
  font-family: "Gloria Hallelujah", cursive;
  font-size: 36px;
}

/* line 160, ../scss/custom.scss */
a {
  color: #111;
}
/* line 163, ../scss/custom.scss */
a:hover {
  text-decoration: none !important;
  color: #50b848;
}

/* line 168, ../scss/custom.scss */
a:focus {
  outline: none;
  outline-offset: 0;
}

/* line 172, ../scss/custom.scss */
a:focus {
  text-decoration: none;
}

/* line 175, ../scss/custom.scss */
.btn-remove:hover {
  color: #ec3333;
}

/* line 178, ../scss/custom.scss */
.underline {
  border-bottom: 2px solid #50b848;
}

/* line 181, ../scss/custom.scss */
.green {
  color: #50b848;
}

/* line 184, ../scss/custom.scss */
.purple {
  color: #bd08c3;
}

/* line 187, ../scss/custom.scss */
.s-title {
  font-family: "Gloria Hallelujah", cursive;
}

/* line 191, ../scss/custom.scss */
.f-icon {
  font-family: "FontAwesome", sans-serif;
}

/* line 194, ../scss/custom.scss */
.container {
  margin-top: 0;
}

/* line 197, ../scss/custom.scss */
.main {
  padding: 15px 0;
}

/* line 200, ../scss/custom.scss */
.buttons-set {
  margin: 0;
}
/* line 204, ../scss/custom.scss */
.buttons-set .back-link a {
  font-weight: bold;
  border-bottom: 0 none !important;
}
/* line 208, ../scss/custom.scss */
.buttons-set .back-link a:before {
  content: "";
  display: none;
}

/* line 216, ../scss/custom.scss */
.navi .nav-panel--dropdown {
  background-color: #ffffff;
  color: #333333;
}
/* line 220, ../scss/custom.scss */
.navi .nav-panel--dropdown a {
  color: #333333;
}
/* line 223, ../scss/custom.scss */
.navi .nav-panel--dropdown a:hover {
  color: #50b848;
}
/* line 226, ../scss/custom.scss */
.navi .nav-panel--dropdown a:hover .caret {
  border-left-color: #50b848;
  border-right-color: #50b848;
}
/* line 232, ../scss/custom.scss */
.navi .nav-panel--dropdown a .caret {
  border-left-color: #333333;
  border-right-color: #333333;
}

/* Homepage grey background bock */
/* line 240, ../scss/custom.scss */
.gray-background-full-width {
  background: #F6F6F4;
  padding: 10px 0;
}
/* line 244, ../scss/custom.scss */
.gray-background-full-width .container {
  margin-bottom: 0;
}

@media (max-width: 770px) {
  /* line 252, ../scss/custom.scss */
  .container .for-images img {
    margin-bottom: 10px;
  }
}
/* line 260, ../scss/custom.scss */
.schedule-delivery-banner .schedule-delivery-container {
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 20px 0;
  float: left;
  width: 100%;
}
@media (max-width: 991px) and (min-width: 960px) {
  /* line 260, ../scss/custom.scss */
  .schedule-delivery-banner .schedule-delivery-container {
    text-align: left;
    margin-left: 50px;
  }
}
@media (max-width: 768px) {
  /* line 260, ../scss/custom.scss */
  .schedule-delivery-banner .schedule-delivery-container {
    padding: 10px 0;
  }
}
/* line 277, ../scss/custom.scss */
.schedule-delivery-banner .schedule-delivery-container .save {
  background-color: #bd08c3;
  color: #fff;
  border-radius: 4px;
  padding: 5px 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 10px;
}
@media (max-width: 599px) {
  /* line 277, ../scss/custom.scss */
  .schedule-delivery-banner .schedule-delivery-container .save {
    margin: 0 2.5%;
    float: left;
    width: 95%;
  }
}
/* line 292, ../scss/custom.scss */
.schedule-delivery-banner .schedule-delivery-container .seperator {
  padding: 0 10px;
}
/* line 296, ../scss/custom.scss */
.schedule-delivery-banner .schedule-delivery-container a {
  color: #333;
  border-bottom: 2px solid #50b848;
}
@media (max-width: 599px) {
  /* line 302, ../scss/custom.scss */
  .schedule-delivery-banner .schedule-delivery-container .seperator {
    display: none;
  }
  /* line 306, ../scss/custom.scss */
  .schedule-delivery-banner .schedule-delivery-container a::before {
    content: '';
    clear: both;
    display: block;
    width: 100%;
  }
}
/* line 315, ../scss/custom.scss */
.schedule-delivery-banner .free-delivery-mobile {
  display: none;
}
@media (max-width: 768px) {
  /* line 315, ../scss/custom.scss */
  .schedule-delivery-banner .free-delivery-mobile {
    display: block;
    width: 100%;
    float: left;
    background: #128ced;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    font-weight: normal;
  }
  /* line 329, ../scss/custom.scss */
  .schedule-delivery-banner .free-delivery-mobile span {
    font-family: "Gloria Hallelujah", cursive;
    clear: both;
    display: block;
  }
}

/* line 338, ../scss/custom.scss */
.back-link a {
  border-bottom: 2px solid #50b848;
}

/* Slider Pagination*/
/* line 347, ../scss/custom.scss */
.bind-carousel-customer-reviews .owl-controls .owl-buttons,
.featured-brands .owl-controls .owl-buttons,
.brand-slider .owl-controls .owl-buttons,
.itemslider-wrapper .owl-controls .owl-buttons {
  top: -66px;
  right: 0;
  position: absolute;
}

/* line 355, ../scss/custom.scss */
.owl-theme .owl-dots .owl-dot {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
}

/* line 364, ../scss/custom.scss */
.owl-controls .owl-buttons div {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  border-radius: 100%;
  color: #50b848;
  border: 2px solid #50b848;
  font-size: 0;
  margin-left: 5px;
}
@media (max-width: 767px) {
  /* line 364, ../scss/custom.scss */
  .owl-controls .owl-buttons div {
    background: #50b848;
    margin-left: 0;
    opacity: 0.8;
  }
  /* line 385, ../scss/custom.scss */
  .owl-controls .owl-buttons div:before {
    color: #fff !important;
  }
}
/* line 390, ../scss/custom.scss */
.owl-controls .owl-buttons div:before {
  color: #50b848;
  font-size: 25px;
  line-height: 30px;
  font-family: "ThemeIcons", sans-serif;
}
@media (max-width: 599px) {
  /* line 390, ../scss/custom.scss */
  .owl-controls .owl-buttons div:before {
    line-height: 29px;
  }
}
/* line 400, ../scss/custom.scss */
.owl-controls .owl-buttons div:hover {
  background-color: #50b848 !important;
}
/* line 403, ../scss/custom.scss */
.owl-controls .owl-buttons div:hover:before {
  color: #fff !important;
}

/* line 410, ../scss/custom.scss */
.slider-pagination2 .owl-controls .owl-page span {
  border: 1px solid #50b848;
}

@media (max-width: 767px) {
  /* line 413, ../scss/custom.scss */
  .featured-brands .owl-controls .owl-buttons {
    top: 30%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
  }
  /* line 423, ../scss/custom.scss */
  .featured-brands .owl-controls .owl-buttons .owl-prev {
    float: left;
  }
  /* line 426, ../scss/custom.scss */
  .featured-brands .owl-controls .owl-buttons .owl-next {
    float: right;
  }
}

/* Slider arrows */
/* line 433, ../scss/custom.scss */
.slideshow-wrapper .owl-controls.clickable .owl-buttons div:hover,
.slideshow-wrapper.slider-pagination1
.owl-controls.clickable
.owl-page:hover
span,
.slideshow-wrapper.slider-pagination2
.owl-controls.clickable
.owl-page:hover
span {
  background-color: #50b848;
}

/* line 444, ../scss/custom.scss */
.owl-controls.clickable .owl-page:hover span,
.owl-controls .owl-page.active span {
  background-color: #50b848 !important;
}

/* line 449, ../scss/custom.scss */
.form-search .button:before,
.buttons-set .back-link a:before,
.btn-remove:before,
.btn-remove2:before,
.map-popup-close:before,
.remember-me-popup-head .remember-me-popup-close:before,
.btn-edit:before,
.breadcrumbs .sep,
.caret:before,
#cboxPrevious:before,
#cboxNext:before,
#cboxClose:before,
.slider-arrows1 .owl-controls .owl-buttons div:before,
.slider-arrows2 .owl-controls .owl-buttons div:before,
.slider-arrows3 .owl-controls .owl-buttons div:before,
.nav-regular .nav-panel a .caret:before,
.nav-vert li.level0 > a .caret:before,
.nav-regular.with-bullets .nav-submenu--mega > li > ul > li > a:before,
.nav-regular .nav-item.simple > ul > li > a:before,
.accordion .opener:before,
.acco .opener:before,
.gen-tabs .acctab:after,
.qty-button.increase:before,
.qty-button.decrease:before,
.collapsible .block-title:after,
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after {
  display: inline-block;
  font-family: "ThemeIcons", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* line-height: 1em; */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Apply icon codes
-------------------------------------------------------------- */
/* line 489, ../scss/custom.scss */
.form-search .button:before {
  content: "\e235";
}

/* line 492, ../scss/custom.scss */
.buttons-set .back-link a:before {
  content: "\e22a";
}

/* line 495, ../scss/custom.scss */
.btn-remove:before,
.btn-remove2:before,
.map-popup-close:before,
.remember-me-popup-head .remember-me-popup-close:before {
  content: "\e22d";
}

/* line 501, ../scss/custom.scss */
.btn-edit:before {
  content: "\e22e";
}

/* line 504, ../scss/custom.scss */
.breadcrumbs .sep:before {
  content: "\e228";
  font-size: 8px;
}

/* line 508, ../scss/custom.scss */
.caret:before {
  content: "\e261";
}

/* line 511, ../scss/custom.scss */
.owl-controls .owl-buttons .owl-prev:before {
  content: "\e260";
  line-height: 29px;
}

/* line 515, ../scss/custom.scss */
.owl-controls .owl-buttons .owl-next:before {
  content: "\e263";
  line-height: 29px;
}

/* line 519, ../scss/custom.scss */
#cboxPrevious:before {
  content: "\e260";
}

/* line 522, ../scss/custom.scss */
#cboxNext:before {
  content: "\e263";
}

/* line 525, ../scss/custom.scss */
#cboxClose:before {
  content: "\e20f";
}

/* line 528, ../scss/custom.scss */
.nav-regular .nav-panel a .caret:before,
.nav-vert li.level0 > a .caret:before {
  content: "\e263";
}

/* line 532, ../scss/custom.scss */
.accordion .opener:before {
  content: "\e23c";
}

/* line 535, ../scss/custom.scss */
.acco .opener::before {
  content: "\e23c";
  float: right;
  background: #57ab4e;
  padding: 0 20px;
}

/* Active opener */
/* line 542, ../scss/custom.scss */
.acco li.item-active > .opener {
  background-color: none;
}
/* line 544, ../scss/custom.scss */
.acco li.item-active > .opener:before {
  content: "\e23d";
}

/* line 548, ../scss/custom.scss */
.accordion li.item-active > .opener {
  background-color: #45883e !important;
}
/* line 551, ../scss/custom.scss */
.accordion li.item-active > .opener:before {
  content: "\e23d";
}

/* Quantity buttons */
/* line 556, ../scss/custom.scss */
.qty-button.increase:before {
  content: "\e262";
}

/* line 559, ../scss/custom.scss */
.qty-button.decrease:before {
  content: "\e261";
}

/* line 562, ../scss/custom.scss */
.gen-tabs .acctab:after,
.collapsible .block-title:after,
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after {
  content: "\e261";
}

/* line 569, ../scss/custom.scss */
.gen-tabs .acctab.current:after,
.collapsible .block-title.active:after,
.mobile-collapsible .block-title.active:after,
.sidebar .block .block-title.active:after,
.block-layered-nav .block-title.active:after {
  content: "\e262";
}

/* Section Titles */
/* line 578, ../scss/custom.scss */
.section-title,
strong.section-title {
  padding: 30px 0;
  border-bottom: 0 none;
  font-size: 25px;
  font-weight: 600;
}
@media (max-width: 767px) {
  /* line 578, ../scss/custom.scss */
  .section-title,
  strong.section-title {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 10px 0 0;
  }
}

/* Featured Brands Slider */
/* line 594, ../scss/custom.scss */
.featured-brands {
  margin: 30px 0;
}
@media (max-width: 767px) {
  /* line 594, ../scss/custom.scss */
  .featured-brands {
    margin: 0;
  }
}
/* line 601, ../scss/custom.scss */
.featured-brands .section-title {
  border-top: 0 none;
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 767px) {
  /* line 601, ../scss/custom.scss */
  .featured-brands .section-title {
    padding: 0;
    letter-spacing: -1px;
    margin-bottom: 10px;
  }
}
/* line 612, ../scss/custom.scss */
.featured-brands img {
  margin: 0 auto;
  display: table;
}
/* line 616, ../scss/custom.scss */
.featured-brands .bind-carousel-featured-brands {
  /** Overflow is hidden so that carousel does not have jumping issue on load **/
  overflow: hidden;
}
/* line 620, ../scss/custom.scss */
.featured-brands .bind-carousel-featured-brands .carousel-item-container {
  float: left;
}

/* line 625, ../scss/custom.scss */
.best-sellers {
  margin: 30px 0;
}
/* line 628, ../scss/custom.scss */
.best-sellers .row {
  margin-left: 0 !important;
  margin-bottom: 30px;
  margin-right: 0 !important;
}
/* line 634, ../scss/custom.scss */
.best-sellers .row > div:hover img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
@media (max-width: 768px) {
  /* line 634, ../scss/custom.scss */
  .best-sellers .row > div:hover img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

/* line 646, ../scss/custom.scss */
.best-sellers .title,
.featured-brands .title {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
  font-size: 18px;
}

@media (max-width: 767px) {
  /* line 657, ../scss/custom.scss */
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    position: absolute;
    top: 40%;
    left: 0;
  }
  /* line 662, ../scss/custom.scss */
  .bind-carousel-customer-reviews .owl-controls .owl-buttons .owl-next {
    float: right;
  }
  /* line 665, ../scss/custom.scss */
  .bind-carousel-customer-reviews .owl-controls .owl-buttons .owl-prev {
    float: left;
  }

  /* line 669, ../scss/custom.scss */
  .featured-brands .owl-controls .owl-buttons div:before {
    font-family: "ThemeIcons", sans-serif;
    font-size: 25px;
  }
}
@media only screen and (max-width: 766px) and (min-width: 426px) {
  /* line 676, ../scss/custom.scss */
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    top: 35%;
  }
}
@media (max-width: 425px) {
  /* line 682, ../scss/custom.scss */
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    top: 30%;
  }
}
@media (max-width: 375px) {
  /* line 688, ../scss/custom.scss */
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    top: 25%;
  }
}
@media (max-width: 320px) {
  /* line 694, ../scss/custom.scss */
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    top: 50%;
  }
}
@media (max-width: 768px) {
  /* line 700, ../scss/custom.scss */
  .best-sellers .row div a img {
    display: table;
    margin: 0 auto;
  }
}
/* Scheduled Delivery Static Banner */
/* line 707, ../scss/custom.scss */
.sd-static {
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
}
/* line 712, ../scss/custom.scss */
.sd-static img {
  width: 100%;
}

/* Brands Slider */
/* line 719, ../scss/custom.scss */
.brands-slider .section-title {
  border-top: 0 none;
}
@media (max-width: 699px) {
  /* line 718, ../scss/custom.scss */
  .brands-slider {
    margin-top: 0;
  }
  /* line 725, ../scss/custom.scss */
  .brands-slider .owl-buttons {
    top: 50% !important;
    left: 0;
  }
  /* line 729, ../scss/custom.scss */
  .brands-slider .owl-buttons .owl-prev {
    float: left;
  }
  /* line 732, ../scss/custom.scss */
  .brands-slider .owl-buttons .owl-next {
    float: right;
  }
}

/* Bundle Packs */
/* line 740, ../scss/custom.scss */
.seperator {
  padding: 0 10px;
}

/* line 743, ../scss/custom.scss */
.shop-all {
  font-size: 18px;
  color: #444;
  border-bottom: 2px solid #50b848;
}

/* Customer Reviews */
/* line 750, ../scss/custom.scss */
.bind-carousel-customer-reviews {
  margin-bottom: 20px;
}
/* line 753, ../scss/custom.scss */
.bind-carousel-customer-reviews .user-review {
  float: left;
  width: 100%;
}
/* line 757, ../scss/custom.scss */
.bind-carousel-customer-reviews h3 {
  font-size: 30px;
  color: #50b848;
  font-weight: bold;
  float: left;
}
/* line 763, ../scss/custom.scss */
.bind-carousel-customer-reviews .review-ratings {
  clear: both;
}
/* line 766, ../scss/custom.scss */
.bind-carousel-customer-reviews .review-ratings span {
  font-size: 14px;
}
/* line 770, ../scss/custom.scss */
.bind-carousel-customer-reviews .review-ratings .checked {
  color: #fa5800;
}
/* line 774, ../scss/custom.scss */
.bind-carousel-customer-reviews span {
  color: #e0e0e0;
  font-weight: bold;
  font-size: 25px;
  padding-right: 5px;
}
/* line 780, ../scss/custom.scss */
.bind-carousel-customer-reviews p {
  padding: 0 15px 0 0;
}
/* line 783, ../scss/custom.scss */
.bind-carousel-customer-reviews p,
.bind-carousel-customer-reviews .above-heading {
  float: left;
}
/* line 787, ../scss/custom.scss */
.bind-carousel-customer-reviews .above-heading {
  font-weight: bold;
}
@media (max-width: 767px) {
  /* line 792, ../scss/custom.scss */
  .bind-carousel-customer-reviews .user-review {
    width: 100%;
    padding: 0 0 0 40px;
  }
}

/* Homepage Newsletter */
/* line 800, ../scss/custom.scss */
#subscribe-form {
  background: #F6F6F4;
  width: 100%;
  left: 0;
  right: 0;
  padding: 30px 0;
}
@media (max-width: 668px) {
  /* line 800, ../scss/custom.scss */
  #subscribe-form {
    position: relative;
    padding: 10px;
  }
  /* line 812, ../scss/custom.scss */
  #subscribe-form .input-text {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
  }
}
/* line 819, ../scss/custom.scss */
#subscribe-form .contain {
  max-width: 1170px;
  margin: 0 auto;
  height: 80px;
  padding: 0 10px;
}
/* line 825, ../scss/custom.scss */
#subscribe-form .contain .title {
  float: left;
  width: 45%;
  padding-top: 7px;
}
@media (max-width: 668px) {
  /* line 825, ../scss/custom.scss */
  #subscribe-form .contain .title {
    width: 100%;
  }
}
/* line 834, ../scss/custom.scss */
#subscribe-form .contain .title label {
  font-family: "Gloria Hallelujah", cursive;
  color: #000;
  font-size: 28px;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) and (max-width: 900px) {
  /* line 834, ../scss/custom.scss */
  #subscribe-form .contain .title label {
    font-size: 22px;
  }
}
/* line 845, ../scss/custom.scss */
#subscribe-form .contain .title .newsletter-image {
  width: 455px;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) and (max-width: 1024px) {
  /* line 845, ../scss/custom.scss */
  #subscribe-form .contain .title .newsletter-image {
    max-width: 80%;
  }
}
/* line 855, ../scss/custom.scss */
#subscribe-form .contain .input-box {
  float: right;
  margin: 0;
  width: 55%;
  position: relative;
  padding-top: 18px;
}
/* line 862, ../scss/custom.scss */
#subscribe-form .contain .input-box .mc-field-group {
  width: -webkit-calc(100% / 3);
  width: calc(100% / 3);
  margin-right: 10px;
  float: left;
}
/* line 867, ../scss/custom.scss */
#subscribe-form .contain .input-box .mc-field-group input {
  border-radius: 3px;
  border: 0 none;
  width: 100%;
  height: 45px;
  position: relative;
  top: auto;
  background: #fff;
  padding: 5px;
}
/* line 878, ../scss/custom.scss */
#subscribe-form .contain .input-box .button {
  width: -webkit-calc((100% / 3) - 20px);
  width: calc((100% / 3) - 20px);
  background: #50b848;
  border-radius: 4px;
  padding: 0;
  text-transform: uppercase;
  float: right;
}
/* line 887, ../scss/custom.scss */
#subscribe-form .contain button {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
@media (max-width: 599px) {
  /* line 892, ../scss/custom.scss */
  #subscribe-form .contain .input-box,
  #subscribe-form .contain .mc-field-group {
    width: 100% !important;
    margin: 0 0 5px 0;
  }
  /* line 897, ../scss/custom.scss */
  #subscribe-form .contain .mc-field-group input {
    left: auto;
  }
  /* line 900, ../scss/custom.scss */
  #subscribe-form .contain label {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }
  /* line 907, ../scss/custom.scss */
  #subscribe-form .contain .button {
    width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  /* line 913, ../scss/custom.scss */
  #subscribe-form .contain {
    height: auto;
  }
}

/* Footer */
/* line 922, ../scss/custom.scss */
.footer-primary .footer-links .block-title {
  font-weight: bold;
}
/* line 925, ../scss/custom.scss */
.footer-primary .footer-links a {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
/* line 930, ../scss/custom.scss */
.footer-primary .footer-links a:last-child {
  margin-bottom: 0;
}
/* line 935, ../scss/custom.scss */
.footer-primary a {
  word-wrap: break-word;
}
/* line 939, ../scss/custom.scss */
.footer-primary .social img {
  margin-bottom: 10px;
  width: 250px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 767px) {
  /* line 945, ../scss/custom.scss */
  .footer-primary .social .block-content {
    text-align: center;
  }
}
/* line 950, ../scss/custom.scss */
.footer-primary .social .social-links {
  margin-top: 20px;
}
/* line 953, ../scss/custom.scss */
.footer-primary .social .social-links a {
  float: left;
  width: -webkit-calc(100% / 4);
  width: calc(100% / 4);
}
/* line 957, ../scss/custom.scss */
.footer-primary .social .social-links a span {
  display: table;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  /* line 957, ../scss/custom.scss */
  .footer-primary .social .social-links a span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

/* 1st Tier Category */
/* line 974, ../scss/custom.scss */
.catalog-category-view h3 {
  font-size: 14px;
}
/* line 977, ../scss/custom.scss */
.catalog-category-view .category-sub-list {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
/* line 982, ../scss/custom.scss */
.catalog-category-view .category-sub-list .item {
  float: left;
  width: -webkit-calc(100% / 4);
  width: calc(100% / 4);
  margin-bottom: 15px;
  padding: 10px;
  position: relative;
  min-height: 472px;
}
@media screen and (max-width: 767px) {
  /* line 982, ../scss/custom.scss */
  .catalog-category-view .category-sub-list .item {
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
    min-height: 370px;
  }
}
/* line 995, ../scss/custom.scss */
.catalog-category-view .category-sub-list .thumbnail {
  float: left;
  width: 100%;
  height: 200px;
}
@media screen and (max-width: 768px) {
  /* line 995, ../scss/custom.scss */
  .catalog-category-view .category-sub-list .thumbnail {
    height: 100px;
  }
}
/* line 1004, ../scss/custom.scss */
.catalog-category-view .category-sub-list .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
/* line 1010, ../scss/custom.scss */
.catalog-category-view .category-sub-list ul {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
/* line 1016, ../scss/custom.scss */
.catalog-category-view .category-sub-list ul .title {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  float: left;
  width: 100%;
  min-height: 44px;
}
/* line 1024, ../scss/custom.scss */
.catalog-category-view .category-sub-list ul li ul li a {
  color: #333;
  padding: 3px 0;
  float: left;
  width: 100%;
}
/* line 1030, ../scss/custom.scss */
.catalog-category-view .category-sub-list ul li ul li a:hover {
  color: #50b848;
}
/* line 1035, ../scss/custom.scss */
.catalog-category-view .category-sub-list a.view-more {
  border-bottom: 2px solid #50b848;
  color: #444;
}

/* Icons and elements of pager */
/* line 1043, ../scss/custom.scss */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages .current,
.pager .pages li a {
  padding: 0;
  border-radius: 0;
}

/* Responsive Styling */
@media only screen and (max-width: 767px) {
  /*.column-main,
    .col-left,
    .footer-primary {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }*/
}
/* Category Page */
/* line 1066, ../scss/custom.scss */
.category-products .item dl select {
  width: 70%;
  float: none;
  margin: 5px auto;
}
/* line 1071, ../scss/custom.scss */
.category-products .item dl dd:last-child select {
  margin-bottom: 10px;
}
/* line 1076, ../scss/custom.scss */
.category-products .item .item-info-wrapper {
  height: auto;
}
/* line 1078, ../scss/custom.scss */
.category-products .item .item-info-wrapper .product-image-wrapper {
  max-width: 150px;
}
@media only screen and (max-width: 767px) {
  /* line 1078, ../scss/custom.scss */
  .category-products .item .item-info-wrapper .product-image-wrapper {
    max-width: 130px;
  }
}
/* line 1086, ../scss/custom.scss */
.category-products .item .item-info-wrapper .product-info {
  margin-bottom: 20px;
}
/* line 1091, ../scss/custom.scss */
.category-products .item .item-link:hover {
  color: inherit;
}
/* line 1096, ../scss/custom.scss */
.category-products .price-box .price {
  font-size: 14px;
}
/* line 1099, ../scss/custom.scss */
.category-products .product-weight-info-wrapper {
  padding: 5px;
  margin-top: 5px;
  background-color: #eaeaea;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 1106, ../scss/custom.scss */
.category-products .product-weight-info-wrapper:hover {
  background: #50b848;
  color: #fff;
}
/* line 1110, ../scss/custom.scss */
.category-products .product-weight-info-wrapper:focus {
  color: #50b848;
}
/* line 1114, ../scss/custom.scss */
.category-products .product-action {
  text-align: center;
}
/* line 1117, ../scss/custom.scss */
.category-products .free-shipping-info-wrapper {
  clear: left;
  float: left;
  color: #555;
  position: absolute;
}
/* line 1123, ../scss/custom.scss */
.category-products .product-rating {
  line-height: 13px;
  font-size: 0.9em;
  text-align: center;
  cursor: default;
  margin-top: 10px;
}
/* line 1130, ../scss/custom.scss */
.category-products .product-rating .fa-star {
  color: #e4e4e4;
}
/* line 1133, ../scss/custom.scss */
.category-products .product-rating .fa-star.checked {
  color: #ffa600;
}
/* line 1138, ../scss/custom.scss */
.category-products .product-rating i {
  display: block;
  clear: both;
}

/* line 1144, ../scss/custom.scss */
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
h6.product-name a,
strong.product-name a,
p.product-name a {
  font-weight: 500;
}

/* line 1154, ../scss/custom.scss */
.price-box .price,
.price-as-configured .price {
  color: #50b848;
}

/* line 1158, ../scss/custom.scss */
.category-description {
  display: inline-block;
}

/* PDP */
/* line 1163, ../scss/custom.scss */
.product-view {
  /* Reviews */
  /* Associated Blog Posts */
}
/* line 1165, ../scss/custom.scss */
.product-view .ph-pdp.add-to-links {
  margin-top: 10px;
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
}
/* line 1171, ../scss/custom.scss */
.product-view .ph-pdp.add-to-links li {
  width: 100%;
}
/* line 1175, ../scss/custom.scss */
.product-view .ph-pdp.add-to-links li a .ib.icon-color-productview {
  background: #bd08c3;
  float: none;
}
/* line 1178, ../scss/custom.scss */
.product-view .ph-pdp.add-to-links li a .ib.icon-color-productview:hover {
  background: #bd08c3 !important;
}
/* line 1183, ../scss/custom.scss */
.product-view .ph-pdp.add-to-links li a:hover .ib.icon-color-productview {
  background: #bd08c3 !important;
}
/* line 1188, ../scss/custom.scss */
.product-view .ph-pdp.add-to-links .label {
  color: #000000;
  font-size: 16px;
  margin-top: -5px;
}
/* line 1195, ../scss/custom.scss */
.product-view .add-to-cart-wrapper {
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 10px;
}
/* line 1200, ../scss/custom.scss */
.product-view .extrahint-wrapper {
  color: #444444;
  background-color: #f7f7f7;
  text-align: center;
  border-radius: 5px;
}
/* line 1206, ../scss/custom.scss */
.product-view .subscription-product-notice {
  color: #444444;
  background-color: #f7f7f7;
  border: 0 none;
  font-size: 15px;
  margin: 15px 0 5px 0;
  padding: 15px;
  border-radius: 5px;
  text-align: center;
}
/* line 1216, ../scss/custom.scss */
.product-view .subscription-product-notice .s-title {
  font-size: 18px;
  margin-right: 5px;
}
/* line 1221, ../scss/custom.scss */
.product-view .product-options p.required {
  top: 0;
}
@media screen and (max-width: 768px) {
  /* line 1221, ../scss/custom.scss */
  .product-view .product-options p.required {
    display: none;
  }
}
/* line 1228, ../scss/custom.scss */
.product-view .qty-wrapper label {
  display: none !important;
}
/* line 1231, ../scss/custom.scss */
.product-view .add-to-cart .qty-wrapper {
  width: 82px;
  float: left;
  margin-right: 10px;
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  /* line 1231, ../scss/custom.scss */
  .product-view .add-to-cart .qty-wrapper {
    margin: 0 auto !important;
    display: block;
    float: none;
  }
}
/* line 1242, ../scss/custom.scss */
.product-view .add-to-cart .qty-wrapper .qty {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
  width: 55px;
}
/* line 1249, ../scss/custom.scss */
.product-view .add-to-cart .qty-wrapper .qty-button {
  background: #50b848;
  color: #fff;
}
/* line 1253, ../scss/custom.scss */
.product-view .add-to-cart .qty-wrapper .qty-button.increase {
  border-top-right-radius: 5px;
}
/* line 1256, ../scss/custom.scss */
.product-view .add-to-cart .qty-wrapper .qty-button.decrease {
  border-bottom-right-radius: 5px;
}
/* line 1260, ../scss/custom.scss */
.product-view .button.btn-cart {
  float: left;
  width: -webkit-calc(100% - 92px);
  width: calc(100% - 92px);
  margin-bottom: 0;
  min-width: auto;
  padding: 0;
}
/* line 1267, ../scss/custom.scss */
.product-view .ratings {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
/* line 1272, ../scss/custom.scss */
.product-view .rating-links a {
  border-bottom: 2px solid #50b848;
}
/* line 1275, ../scss/custom.scss */
.product-view .product-type-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
/* line 1280, ../scss/custom.scss */
.product-view .product-type-data .price-box {
  float: left;
  border-top: 0 none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* line 1286, ../scss/custom.scss */
.product-view .product-type-data .price-duplicate {
  color: #000000;
  font-size: 25px;
  font-weight: bold;
  float: left;
}
/* line 1292, ../scss/custom.scss */
.product-view .product-type-data .price-duplicate .special-price .price {
  color: #000000 !important;
}
/* line 1296, ../scss/custom.scss */
.product-view .subscription-product-notice {
  clear: both;
}
/* line 1299, ../scss/custom.scss */
.product-view .short-description {
  padding-top: 15px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  float: left;
  width: 100%;
}
/* line 1306, ../scss/custom.scss */
.product-view .short-description a {
  display: table;
  margin: 15px auto;
  border-bottom: 2px solid #50b848;
}
/* line 1312, ../scss/custom.scss */
.product-view .collateral-container.box-tabs {
  margin-bottom: 30px;
}
/* line 1315, ../scss/custom.scss */
.product-view .custom-sidebar-right {
  display: inline-block;
  width: 100%;
}
/* line 1321, ../scss/custom.scss */
.product-view .box-reviews {
  width: 100%;
}
/* line 1324, ../scss/custom.scss */
.product-view .box-reviews dl {
  margin-top: 0;
}
/* line 1327, ../scss/custom.scss */
.product-view .box-reviews dd {
  margin-left: 0;
}
/* line 1330, ../scss/custom.scss */
.product-view .box-reviews h2 {
  letter-spacing: -2px;
  font-size: 28px;
  padding-top: 15px;
  border-top: 1px solid #e4e4e4;
}
/* line 1336, ../scss/custom.scss */
.product-view .box-reviews h3 {
  letter-spacing: -0.5px;
  font-size: 25px;
}
/* line 1340, ../scss/custom.scss */
.product-view .box-reviews .heading {
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e4e4e4;
  float: left;
  width: 100%;
}
/* line 1348, ../scss/custom.scss */
.product-view .box-reviews #review-form {
  display: inline-block;
  width: 100%;
}
/* line 1352, ../scss/custom.scss */
.product-view .box-reviews .review-details {
  text-align: right;
  font-style: italic;
  padding-top: 10px;
  margin-top: 2px;
  border-top: 1px solid #e4e4e4;
}
/* line 1359, ../scss/custom.scss */
.product-view .box-reviews .form-add .form-list {
  margin: 15px 0;
  background: #f1f1f1;
  padding: 15px;
  width: 31%;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}
/* line 1367, ../scss/custom.scss */
.product-view .box-reviews .form-add .form-list textarea {
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  /* line 1359, ../scss/custom.scss */
  .product-view .box-reviews .form-add .form-list {
    width: 100%;
  }
}
/* line 1378, ../scss/custom.scss */
.product-view .box-collateral > h2:first-child {
  border-bottom: 0 none;
}
/* line 1381, ../scss/custom.scss */
.product-view .box-related-posts .item {
  float: left;
  width: -webkit-calc(100% / 4);
  width: calc(100% / 4);
  padding: 0 15px;
}
/* line 1386, ../scss/custom.scss */
.product-view .box-related-posts .item a {
  border: 0 none !important;
}
/* line 1390, ../scss/custom.scss */
.product-view .box-related-posts .item .wrap {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  float: left;
  width: 100%;
}
/* line 1396, ../scss/custom.scss */
.product-view .box-related-posts .item .title {
  float: left;
  width: 100%;
  margin: 10px 0;
  font-size: 18px;
  padding: 0 10px;
  min-height: 44px;
  letter-spacing: 0;
}
/* line 1405, ../scss/custom.scss */
.product-view .box-related-posts .item .featured-image {
  float: left;
  display: inline-block;
  width: 100%;
}
/* line 1410, ../scss/custom.scss */
.product-view .box-related-posts .item .featured-image img {
  max-width: 100%;
  min-width: 100%;
}
@media screen and (max-width: 499px) {
  /* line 1381, ../scss/custom.scss */
  .product-view .box-related-posts .item {
    width: -webkit-calc(100% / 2);
    width: calc(100% / 2);
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  /* line 1422, ../scss/custom.scss */
  .product-view .button.btn-cart {
    margin-top: 10px;
    width: 100%;
  }
}

/* line 1430, ../scss/custom.scss */
.box-additional .addto-texticons {
  text-align: center;
}

/* Product Tabs */
/* line 1435, ../scss/custom.scss */
.gen-tabs .tabs {
  height: 47px;
  border-color: #e4e4e4;
  border-top-left-radius: 5px;
  overflow: hidden;
}
/* line 1441, ../scss/custom.scss */
.gen-tabs .tabs li {
  height: 50px;
  border-color: #e4e4e4;
}
/* line 1445, ../scss/custom.scss */
.gen-tabs .tabs li:first-child {
  border-top-left-radius: 5px;
  overflow: hidden;
}
/* line 1449, ../scss/custom.scss */
.gen-tabs .tabs li:last-child {
  border-top-right-radius: 5px;
  overflow: hidden;
}
/* line 1454, ../scss/custom.scss */
.gen-tabs .tabs a.current {
  border: 0 none;
  margin-top: -3px;
}
/* line 1458, ../scss/custom.scss */
.gen-tabs .tabs a.current:hover {
  color: #50b848;
}

/* Related Products */
/* line 1467, ../scss/custom.scss */
.product-view .box-collateral .section-title {
  border-bottom: 0 none;
}
/* line 1470, ../scss/custom.scss */
.product-view .custom-sidebar-right .inner {
  border: 0 none;
}
/* line 1473, ../scss/custom.scss */
.product-view .owl-controls .owl-buttons {
  top: -35px;
}

/* Shopping Cart */
/* line 1480, ../scss/custom.scss */
.checkout-cart-index .cart-table-wrapper {
  border: 1px solid #e4e4e4 !important;
  border-radius: 4px;
}
/* line 1484, ../scss/custom.scss */
.checkout-cart-index .cart-table {
  border-bottom: 0 none;
}
/* line 1487, ../scss/custom.scss */
.checkout-cart-index .cart-table .col-edit a {
  border-bottom: 2px solid #50b848;
}
/* line 1490, ../scss/custom.scss */
.checkout-cart-index .cart-table tr {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
}
/* line 1494, ../scss/custom.scss */
.checkout-cart-index .cart-table tr.even {
  background: #fff !important;
}
/* line 1499, ../scss/custom.scss */
.checkout-cart-index .cart-table tfoot td.last {
  padding-top: 0;
  margin-bottom: 0;
}
@media (min-width: 540px) and (max-width: 768px) {
  /* line 1499, ../scss/custom.scss */
  .checkout-cart-index .cart-table tfoot td.last {
    width: 100%;
    padding-top: 10px;
  }
}
/* line 1508, ../scss/custom.scss */
.checkout-cart-index .cart-table tfoot button {
  margin: 10px;
}
/* line 1512, ../scss/custom.scss */
.checkout-cart-index .cart-table thead tr:last-child {
  border-color: #e5e5e5 !important;
}
/* line 1515, ../scss/custom.scss */
.checkout-cart-index .cart-table h4 {
  line-height: 1.4;
  font-size: 15px;
  margin-bottom: 0;
}
/* line 1520, ../scss/custom.scss */
.checkout-cart-index .cart-table .item-options {
  margin-top: 15px;
}
/* line 1523, ../scss/custom.scss */
.checkout-cart-index .cart-table .sd-frequency input {
  float: left;
  margin-right: 15px;
  margin-top: 5px;
}
/* line 1529, ../scss/custom.scss */
.checkout-cart-index .cart-table .a-center input {
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  /* line 1536, ../scss/custom.scss */
  .checkout-cart-index .btn-continue-top {
    margin-top: 15px;
  }
  /* line 1540, ../scss/custom.scss */
  .checkout-cart-index .cart-table .product-image {
    width: auto !important;
  }
  /* line 1543, ../scss/custom.scss */
  .checkout-cart-index .cart-table .product-image img {
    max-width: 250px;
    margin: 0 auto;
    display: block;
  }
  /* line 1549, ../scss/custom.scss */
  .checkout-cart-index .cart-table .sd-save,
  .checkout-cart-index .cart-table .sd-frequency {
    border: 0 none;
    padding: 0;
    margin-bottom: 15px;
  }
}

/* line 1560, ../scss/custom.scss */
.checkout-cart-index .sd-save h4 {
  margin: 0;
  padding: 0;
}
/* line 1564, ../scss/custom.scss */
.checkout-cart-index .sd-save h4 a {
  display: inline-block;
  margin: 0;
  padding: 5px 10px;
  background-color: #bd08c3;
  color: #fff;
}
/* line 1571, ../scss/custom.scss */
.checkout-cart-index .sd-save h4 a .subscription-icon {
  color: #fff;
}

/* line 1578, ../scss/custom.scss */
.checkout-onepage-index .sd-save h4 {
  font-size: 14px !important;
  font-style: normal;
  line-height: 1.6;
}

/* line 1584, ../scss/custom.scss */
.sd-disclaimer {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 15px;
  font-size: 15px;
}
/* line 1590, ../scss/custom.scss */
.sd-disclaimer .sd-icon.fa-clock-o {
  font-family: "FontAwesome", sans-serif;
  color: #bd08c3;
  content: "\f017";
}
/* line 1596, ../scss/custom.scss */
.sd-disclaimer a {
  color: #000000;
}

/* line 1601, ../scss/custom.scss */
#review-buttons-container a {
  border-bottom: 2px solid #50b848;
}

/* line 1608, ../scss/custom.scss */
.cart .crosssell li.item {
  margin-bottom: 10px;
}
/* line 1611, ../scss/custom.scss */
.cart .crosssell .item-link {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  width: 100%;
  float: left;
  padding: 10px;
}
/* line 1618, ../scss/custom.scss */
.cart .crosssell .item-link img {
  margin: 0 auto;
  width: 85px;
  display: block;
}
/* line 1624, ../scss/custom.scss */
.cart .crosssell .product-details {
  margin-left: 0;
  float: left;
  width: 100%;
  padding-top: 15px;
}
/* line 1630, ../scss/custom.scss */
.cart .crosssell .product-details .product-name {
  min-height: 65px;
  font-weight: normal;
  font-size: 15px !important;
}
/* line 1635, ../scss/custom.scss */
.cart .crosssell .product-details .price-box,
.cart .crosssell .product-details .product-name {
  text-align: left;
}
/* line 1639, ../scss/custom.scss */
.cart .crosssell .product-details .button {
  float: left;
  margin-top: 15px;
  display: block;
}
/* line 1644, ../scss/custom.scss */
.cart .crosssell .product-details .add-to-links {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  /* line 1652, ../scss/custom.scss */
  .cart .crosssell .btn-cart {
    padding-left: 10px;
    padding-right: 10px;
  }
  /* line 1656, ../scss/custom.scss */
  .cart .crosssell .product-details .product-name {
    min-height: 120px;
  }
  /* line 1660, ../scss/custom.scss */
  .cart .btn-proceed-checkout {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* line 1667, ../scss/custom.scss */
.cart-banner {
  display: block;
  width: 100%;
}
/* line 1671, ../scss/custom.scss */
.cart-banner img {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Dashboard */
/* line 1679, ../scss/custom.scss */
.rewardpoints-index-settings .page-title h1,
.rewardpointsreferfriends-index-index .page-title h1,
.rewardpoints-index-transactions .page-title h1,
.rewardpoints-index-index .page-title h1,
.sales-order-view .page-title h1,
.sales-order-history .page-title h1,
.customer-address-form .page-title h1,
.customer-address-index .page-title h1,
.customer-account-edit .page-title h1,
.review-customer-index .page-title h1,
.newsletter-manage-index .page-title h1,
.peach-cards-index .page-title h1,
.sales-order-invoice .page-title h1,
.peach-cards-form .page-title h1,
.customer-account-index .page-title h1 {
  font-size: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 1698, ../scss/custom.scss */
.dashboard .welcome-msg .hello strong {
  font-weight: 600;
}

/* line 1702, ../scss/custom.scss */
.box-rewardpoints-summary {
  border-color: #e5e5e5;
}
/* line 1705, ../scss/custom.scss */
.box-rewardpoints-summary .info-summary p {
  margin-bottom: 10px;
  font-size: 16px;
}
/* line 1709, ../scss/custom.scss */
.box-rewardpoints-summary .box-head h2 {
  font-size: 24px;
  background-position: 0 10px;
  padding-bottom: 0;
}
/* line 1714, ../scss/custom.scss */
.box-rewardpoints-summary a.rewardpoints-name-img {
  border-bottom: 0 !important;
}
/* line 1717, ../scss/custom.scss */
.box-rewardpoints-summary a.rewardpoints-name-img img {
  margin-bottom: 0;
}

/* line 1722, ../scss/custom.scss */
.rewardpoints-index-settings h2,
.rewardpoints-index-index h2,
.sales-order-view h2,
.customer-address-index h2,
.customer-account-index h2 {
  font-size: 26px;
}

/* line 1729, ../scss/custom.scss */
.sales-order-view h3,
.customer-address-index h3,
.customer-account-index h3 {
  font-size: 20px;
  padding-bottom: 5px;
}

/* line 1736, ../scss/custom.scss */
.customer-account-index .box-content h4 {
  text-transform: none;
  font-size: 18px;
}
/* line 1741, ../scss/custom.scss */
.customer-account-index .dashboard .box-title a {
  border-bottom: 2px solid #50b848;
}
@media (max-width: 768px) {
  /* line 1741, ../scss/custom.scss */
  .customer-account-index .dashboard .box-title a {
    float: right;
  }
}
/* line 1749, ../scss/custom.scss */
.customer-account-index .dashboard .box-content a {
  padding: 2px 4px;
  border: 1px solid #50b848;
  border-radius: 3px;
  text-align: center;
  color: #50b848;
}
/* line 1759, ../scss/custom.scss */
.customer-account-index h3.product-name {
  font-size: 15px;
}
/* line 1762, ../scss/custom.scss */
.customer-account-index h3.product-name a {
  border: 0 none;
}
@media (max-width: 768px) {
  /* line 1768, ../scss/custom.scss */
  .customer-account-index #my-orders-table td.last {
    display: inline-block;
  }
}

/* line 1775, ../scss/custom.scss */
.review-customer-index h2.product-name a {
  border: 0 none;
}

/* line 1779, ../scss/custom.scss */
.box-recent {
  margin-top: 30px;
}

/* line 1782, ../scss/custom.scss */
.box-content a {
  margin-top: 10px;
  display: block;
  float: left;
}

/* line 1787, ../scss/custom.scss */
.box-account .box-head {
  padding-bottom: 10px;
}

/* line 1790, ../scss/custom.scss */
.sales-order-view .box,
.customer-account-index .box {
  height: auto;
  width: auto;
  float: none;
  margin: 0;
  border: 0 none;
  cursor: default;
}

/* Account Navigation */
/* line 1802, ../scss/custom.scss */
.block-account .block-title {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/account-paw.png) 6px 10px no-repeat;
  padding-left: 42px !important;
}
@media (max-width: 768px) {
  /* line 1802, ../scss/custom.scss */
  .block-account .block-title {
    border-bottom: 0 none;
  }
  /* line 1809, ../scss/custom.scss */
  .block-account .block-title:before {
    content: "\e23c";
  }
}
/* line 1815, ../scss/custom.scss */
.block-account .block-content ul {
  padding-left: 0;
  list-style-type: none;
}
/* line 1819, ../scss/custom.scss */
.block-account .block-content strong,
.block-account .block-content a {
  float: left;
  width: 100%;
  line-height: 26px;
  text-transform: none;
  font-size: 14px;
  padding-left: 35px;
  height: 30px;
  position: relative;
}
/* line 1831, ../scss/custom.scss */
.block-account .block-content li a:before {
  content: "\e263";
  font-size: 18px;
  line-height: 21px;
  font-family: "ThemeIcons", sans-serif;
  width: 25px;
  height: 25px;
  text-align: center;
  background: #e5e5e5;
  border-radius: 100%;
  padding: 3px;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 2px;
}
/* line 1847, ../scss/custom.scss */
.block-account .block-content li strong:before {
  content: "\e260";
  font-size: 18px;
  line-height: 21px;
  font-family: "ThemeIcons", sans-serif;
  width: 25px;
  height: 25px;
  background: #444;
  border-radius: 100%;
  padding: 3px;
  color: #fff;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 2px;
}

/* Address Book */
/* line 1868, ../scss/custom.scss */
.addresses-primary {
  margin-bottom: 20px;
}
/* line 1871, ../scss/custom.scss */
.addresses-primary h3 {
  margin-top: 0;
}

/* line 1875, ../scss/custom.scss */
.addresses-additional .item,
.addresses-primary .item {
  border-radius: 4px;
}

/* line 1879, ../scss/custom.scss */
.sales-order-history .data-table a,
.customer-address-index .item a {
  border-bottom: 2px solid #50b848;
}

/* Order History */
/* line 1885, ../scss/custom.scss */
.order-info-box {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  padding-top: 0;
}
/* line 1892, ../scss/custom.scss */
.order-info-box .box {
  background: #fff;
  border-radius: 4px;
  padding: 15px;
  min-height: 250px;
  border: 1px solid #e4e4e4;
  width: 100%;
  max-width: 100%;
  float: left;
}
@media (max-width: 768px) {
  /* line 1892, ../scss/custom.scss */
  .order-info-box .box {
    margin: 0;
    height: auto;
  }
}
/* line 1907, ../scss/custom.scss */
.order-info-box .box h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
}
/* line 1912, ../scss/custom.scss */
.order-info-box .box address {
  line-height: 23px;
}
/* line 1916, ../scss/custom.scss */
.order-info-box .col-1 {
  border: 0 none;
}

/* My Rewards */
/* line 1931, ../scss/custom.scss */
.rewardpoints-money {
  color: #50b848;
}

/* My Reviews */
/* line 1937, ../scss/custom.scss */
.review-customer-index .my-account a {
  border-bottom: 2px solid #50b848;
}

/* General */
/* line 1943, ../scss/custom.scss */
h1.bold {
  font-weight: 800;
}

/* line 1946, ../scss/custom.scss */
h2.bold {
  font-weight: 800;
}

/* line 1949, ../scss/custom.scss */
h3.bold {
  font-weight: 800;
}

/* line 1952, ../scss/custom.scss */
h3.alternative {
  font-family: "Gloria Hallelujah", cursive;
  font-size: 36px;
}

/* line 1956, ../scss/custom.scss */
h3.green_background {
  background-color: #50b848;
  color: #ffffff;
  padding: 15px 0;
  margin: 0;
}

/* line 1963, ../scss/custom.scss */
h3.blue_background {
  background-color: #3997f6;
  color: #ffffff;
  padding: 15px 0;
  margin: 0;
}

/* Standard Styles */
/* line 1972, ../scss/custom.scss */
a.green_underline {
  color: #111;
  border-bottom: 2px solid #50b848;
}

/* line 1978, ../scss/custom.scss */
a.link_button_green {
  color: #ffffff;
  background-color: #50b848;
  padding: 14px 24px;
  border-radius: 4px;
  font-size: 16px;
}

/* line 1985, ../scss/custom.scss */
hr.style1 {
  border: 2px dashed #eaeaea;
  width: 80%;
  margin: 10px auto;
}

/* line 1991, ../scss/custom.scss */
.blue {
  color: #3997f6;
}

/* line 1995, ../scss/custom.scss */
.orange {
  color: #ff6f0f;
}

/* line 2000, ../scss/custom.scss */
.orange_2 {
  color: #ff8200;
}

/* line 2005, ../scss/custom.scss */
.green {
  color: #50b848;
}

/* line 2010, ../scss/custom.scss */
.green_2 {
  color: #57ab4e;
}

/* Scheduled Deliveries CMS */
/* line 2016, ../scss/custom.scss */
.cms-scheduled-deliveries .breadcrumbs {
  display: none;
}
/* line 2019, ../scss/custom.scss */
.cms-scheduled-deliveries .schedule-and-save {
  width: 500px;
  display: block;
  margin: 30px auto 0 auto;
}
@media screen and (max-width: 768px) {
  /* line 2019, ../scss/custom.scss */
  .cms-scheduled-deliveries .schedule-and-save {
    max-width: 100%;
  }
}
/* line 2028, ../scss/custom.scss */
.cms-scheduled-deliveries .sub-title {
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
/* line 2034, ../scss/custom.scss */
.cms-scheduled-deliveries .subscription-product-notice {
  color: #444;
  background: #f7f7f7;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 15px;
  text-align: center;
  font-size: 15px;
}
/* line 2043, ../scss/custom.scss */
.cms-scheduled-deliveries .subscription-product-notice label {
  width: 100%;
  float: left;
  margin-bottom: 7px;
}
/* line 2049, ../scss/custom.scss */
.cms-scheduled-deliveries .subscription-product-notice span {
  margin-right: 5px;
}
/* line 2053, ../scss/custom.scss */
.cms-scheduled-deliveries h3.alternative {
  text-align: center;
}
/* line 2056, ../scss/custom.scss */
.cms-scheduled-deliveries .grid-container-spaced h3 {
  margin: 30px 0;
}
/* line 2059, ../scss/custom.scss */
.cms-scheduled-deliveries .grid-container-spaced div img {
  display: table;
  margin: 0 auto;
}

/* Mini cart*/
/* line 2066, ../scss/custom.scss */
.nav-holder > .mini-cart {
  line-height: 1.5;
}

/* line 2069, ../scss/custom.scss */
.mini-cart {
  padding: 0 5px;
}
/* line 2072, ../scss/custom.scss */
.mini-cart:hover {
  background: #4e9946;
}
/* line 2075, ../scss/custom.scss */
.mini-cart .label {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}
@media (max-width: 1199px) and (min-width: 769px) {
  /* line 2075, ../scss/custom.scss */
  .mini-cart .label {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  /* line 2075, ../scss/custom.scss */
  .mini-cart .label {
    display: none;
  }
}
/* line 2088, ../scss/custom.scss */
.mini-cart .label:hover {
  cursor: pointer !important;
}
/* line 2092, ../scss/custom.scss */
.mini-cart .count {
  display: inline-block;
  vertical-align: middle;
  margin-top: -8px;
  background: #a5f10e;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: 10px;
  border-radius: 3px;
}
/* line 2107, ../scss/custom.scss */
.mini-cart .subtotal .label {
  color: #444;
}
@media screen and (max-width: 768px) {
  /* line 2069, ../scss/custom.scss */
  .mini-cart {
    float: left !important;
    position: relative;
    padding: 0;
    width: 25%;
  }
  /* line 2118, ../scss/custom.scss */
  .mini-cart .skip-cart {
    cursor: pointer;
    float: left;
    position: relative;
    text-align: center;
    height: 50px;
    line-height: 58px;
    max-height: 50px;
    width: 100%;
  }
}

/* line 2130, ../scss/custom.scss */
.bind-mini-cart-content {
  display: none;
  position: absolute;
  top: 110%;
  right: 0;
  z-index: 4000;
  min-width: 130px;
  max-width: 290px;
  padding: 15px !important;
  text-align: left;
  color: #444;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 768px) {
  /* line 2130, ../scss/custom.scss */
  .bind-mini-cart-content {
    top: 105%;
  }
}
/* line 2152, ../scss/custom.scss */
.bind-mini-cart-content .block-subtitle {
  font-size: 12px !important;
  font-weight: normal;
  width: 100%;
  text-align: center;
}
/* line 2158, ../scss/custom.scss */
.bind-mini-cart-content .truncated a.details {
  color: #444 !important;
  border-bottom: 2px solid #50b848;
}
/* line 2162, ../scss/custom.scss */
.bind-mini-cart-content .actions button {
  float: none !important;
  display: block;
  margin: 0 auto !important;
  width: 50%;
}
/* line 2169, ../scss/custom.scss */
.bind-mini-cart-content .btn-edit:hover:before {
  color: #50b848;
}
/* line 2174, ../scss/custom.scss */
.bind-mini-cart-content .btn-remove:hover:before {
  color: #de2666;
}
/* line 2178, ../scss/custom.scss */
.bind-mini-cart-content:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  top: -5px;
  right: 15px;
}
/* line 2189, ../scss/custom.scss */
.bind-mini-cart-content.skip-active {
  display: block !important;
}
/* line 2192, ../scss/custom.scss */
.bind-mini-cart-content a:before {
  color: #444;
}

/* line 2196, ../scss/custom.scss */
.sub-discl {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  background: #f1f1f1;
  padding: 10px;
  text-align: center;
}

/* Bundled Products */
/* line 2205, ../scss/custom.scss */
.price-box-bundle {
  display: inline-block;
  width: 100%;
  border-bottom: 0 none;
  margin: 0;
  padding-bottom: 0;
}

/* line 2212, ../scss/custom.scss */
.product-view .action-box {
  float: left;
  width: 100%;
}

/* line 2216, ../scss/custom.scss */
.product-type-data {
  margin: 0;
}

/* line 2219, ../scss/custom.scss */
.extrahint-wrapper {
  margin: 0 !important;
}

/* line 2222, ../scss/custom.scss */
.product-options-bottom .price-box {
  margin: 0;
}

/* Refer a Friend */
/* line 2228, ../scss/custom.scss */
.cms-refer-friends .main-container {
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/rewardpoints/ReferImg.jpg") no-repeat center top;
  min-height: 654px;
}
@media only screen and (max-width: 768px) {
  /* line 2228, ../scss/custom.scss */
  .cms-refer-friends .main-container {
    background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/rewardpoints/ReferImg.jpg") no-repeat 50% -50%;
    min-height: auto;
  }
}
@media only screen and (max-width: 425px) {
  /* line 2228, ../scss/custom.scss */
  .cms-refer-friends .main-container {
    background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/rewardpoints/ReferImg.jpg") no-repeat 70% -100%;
    min-height: auto;
  }
}
/* line 2245, ../scss/custom.scss */
.cms-refer-friends .main.container {
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  background: transparent;
}
@media only screen and (max-width: 768px) {
  /* line 2252, ../scss/custom.scss */
  .cms-refer-friends .main.container .inner-container {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
/* line 2257, ../scss/custom.scss */
.cms-refer-friends .breadcrumbs {
  display: none;
}
/* line 2261, ../scss/custom.scss */
.cms-refer-friends .refer-friends .refer-friends-container {
  padding: 50px 0;
  width: 60%;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 2261, ../scss/custom.scss */
  .cms-refer-friends .refer-friends .refer-friends-container {
    width: 100%;
    padding: 30px 10px;
  }
}
/* line 2272, ../scss/custom.scss */
.cms-refer-friends .refer-friends .refer-friends-container h3.alternative-two {
  font-weight: 800;
  font-size: 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
/* line 2278, ../scss/custom.scss */
.cms-refer-friends .refer-friends .refer-friends-container h4.alternative {
  font-size: 60px;
  text-transform: lowercase;
  margin-top: -15px;
}
@media screen and (max-width: 768px) {
  /* line 2278, ../scss/custom.scss */
  .cms-refer-friends .refer-friends .refer-friends-container h4.alternative {
    font-size: 36px;
    margin-top: -5px;
  }
}
/* line 2288, ../scss/custom.scss */
.cms-refer-friends .refer-friends .refer-friends-container .copy {
  margin-top: 30px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  /* line 2288, ../scss/custom.scss */
  .cms-refer-friends .refer-friends .refer-friends-container .copy {
    margin-top: 15px;
  }
}
/* line 2296, ../scss/custom.scss */
.cms-refer-friends .refer-friends .refer-friends-container .copy p {
  font-size: 18px;
}
/* line 2299, ../scss/custom.scss */
.cms-refer-friends .refer-friends .refer-friends-container .copy p.italic {
  font-style: italic;
}
/* line 2303, ../scss/custom.scss */
.cms-refer-friends .refer-friends .refer-friends-container .copy .coupon {
  border: dashed #bd08c3 3px;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 20px;
  font-weight: bold;
  margin: 15px auto;
  width: 30%;
}
@media screen and (max-width: 768px) {
  /* line 2303, ../scss/custom.scss */
  .cms-refer-friends .refer-friends .refer-friends-container .copy .coupon {
    width: 80%;
  }
}
/* line 2319, ../scss/custom.scss */
.cms-refer-friends .refer-friends hr.alternative {
  border: 2px #50b848 solid;
  margin: auto;
  width: 70px;
}
/* line 2325, ../scss/custom.scss */
.cms-refer-friends .top-left {
  color: #000000;
  text-align: left;
  margin-top: 20px;
}
@media (max-width: 1170px) and (min-width: 769px) {
  /* line 2325, ../scss/custom.scss */
  .cms-refer-friends .top-left {
    position: absolute;
    margin-top: 50px;
    left: 6%;
    width: 80%;
  }
}
@media only screen and (min-width: 1171px) {
  /* line 2325, ../scss/custom.scss */
  .cms-refer-friends .top-left {
    position: absolute;
    margin-top: 50px;
    left: 6%;
    width: 40%;
  }
}
/* line 2344, ../scss/custom.scss */
.cms-refer-friends .top-left .link_button_green {
  margin: 15px 0;
  display: inline-block;
  width: auto;
  text-transform: uppercase;
}
/* line 2350, ../scss/custom.scss */
.cms-refer-friends .top-left .link_button_green:hover {
  background: #ff8200;
}

/* 404 */
/* line 2359, ../scss/custom.scss */
.cms-no-route .main-container {
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/404.jpg") no-repeat 0 0;
  background-size: cover;
  min-height: 654px;
  margin-bottom: -10px;
}
/* line 2365, ../scss/custom.scss */
.cms-no-route .main.container {
  background: transparent;
  position: relative;
}
/* line 2369, ../scss/custom.scss */
.cms-no-route .container404 {
  position: absolute;
  right: 15px;
  top: 75%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: right;
}
/* line 2376, ../scss/custom.scss */
.cms-no-route .container404 h1 {
  font-size: 119px !important;
  font-weight: bold;
  color: #50b848;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
}
/* line 2385, ../scss/custom.scss */
.cms-no-route .container404 .sub-title {
  color: #fff;
  font-size: 35px;
  line-height: 31px;
  text-transform: uppercase;
  text-shadow: 0 0 9px #777;
}
/* line 2392, ../scss/custom.scss */
.cms-no-route .container404 .sub-title b {
  font-size: 40px;
}
/* line 2397, ../scss/custom.scss */
.cms-no-route .container404 p {
  color: #fff;
  font-size: 25px;
  text-shadow: 0 0 9px #777;
}
/* line 2402, ../scss/custom.scss */
.cms-no-route .container404 p a {
  color: #fff;
}
/* line 2408, ../scss/custom.scss */
.cms-no-route .container404 .wrap404-buttons a {
  margin-right: 5px;
}

/* Refer a Friend Account */
/* line 2418, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .main.container p {
  font-size: 16px;
}
/* line 2423, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-rewardpoints-summary .page-title {
  border-bottom: 0 none !important;
}
/* line 2426, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-rewardpoints-summary .page-title h1 {
  border-bottom: 0 none !important;
  font-family: "Gloria Hallelujah", cursive;
  font-size: 35px;
  font-weight: normal;
  text-align: center;
}
/* line 2435, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpoints-dashboard-ul {
  margin: 15px 0 !important;
  width: 100%;
  float: left;
}
@media screen and (max-width: 599px) {
  /* line 2435, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index .rewardpoints-dashboard-ul {
    padding: 0 15px;
  }
}
/* line 2444, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpoints-dashboard-ul li {
  list-style: none;
}
/* line 2448, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .btn:hover,
.rewardpointsreferfriends-index-index .btn:focus,
.rewardpointsreferfriends-index-index .btn.focus {
  color: #fff;
}
/* line 2453, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-rewardpoints-summary {
  border-bottom: 0 none;
  display: inline-block;
  width: 100%;
}
/* line 2458, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary {
  font-size: 15px;
}
/* line 2461, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary .special-title-offer {
  background: none;
  padding-left: 0;
}
/* line 2465, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary p {
  margin: 15px 0;
  font-size: 18px;
}
/* line 2469, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary p .rewardpoints-money {
  color: #50b848;
}
/* line 2473, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list {
  background: #f1f1f1;
  padding: 15px;
}
/* line 2477, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list .rewardpoints-title {
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
/* line 2484, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list .rewardpoints-title-content {
  margin: 15px 0;
  float: left;
  width: 100%;
}
/* line 2489, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list .rewardpoints-dashboard-ul {
  display: inline-block;
}
/* line 2492, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list .rewardpoints-dashboard-ul span.rewardpointsrule-rule-name-policy {
  color: #50b848;
}
/* line 2497, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary .info-summary-special-offer {
  float: left;
  padding-top: 10px;
}
/* line 2501, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .info-summary .info-summary-special-offer strong:nth-child(3) {
  color: #50b848;
}
/* line 2506, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsrule-rule-name-policy {
  color: #50b848;
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
}
/* line 2512, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .block-list {
  margin-top: 30px;
  float: left;
  width: 100%;
  border-top: 2px dashed #e4e4e4;
  padding-top: 20px;
}
/* line 2519, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-opc {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  /* line 2519, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index .referfriends-opc {
    padding: 0;
  }
}
/* line 2528, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsreferfriends-content .block-title {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-top: 0 none;
}
/* line 2534, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsreferfriends-content .block-title h4 {
  margin-top: 0;
  text-align: center;
  font-family: "Gloria Hallelujah", cursive;
  margin-bottom: 0;
  text-transform: none;
  font-size: 18px !important;
}
/* line 2543, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-content,
.rewardpointsreferfriends-index-index .refer-sharing-box-content {
  float: left;
  font-size: 15px;
  padding: 0 !important;
  width: 100%;
  text-align: center !important;
  font-weight: bold;
  background: transparent !important;
  margin-bottom: 25px !important;
}
/* line 2554, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-content input,
.rewardpointsreferfriends-index-index .refer-sharing-box-content input {
  background: #fff !important;
  border: 1px solid #e4e4e4;
}
/* line 2559, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-content .refer-content,
.rewardpointsreferfriends-index-index .refer-sharing-box-content .refer-content {
  margin: 0;
  width: 100%;
  display: inline-block;
  background: transparent;
  padding: 0;
  height: auto;
}
/* line 2567, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-content .refer-content div,
.rewardpointsreferfriends-index-index .refer-sharing-box-content .refer-content div {
  display: none;
}
/* line 2570, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-content .refer-content input,
.rewardpointsreferfriends-index-index .refer-sharing-box-content .refer-content input {
  border-radius: 3px !important;
}
/* line 2575, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc {
  border-bottom: 0;
  position: relative;
  padding: 0;
  width: 50%;
  margin: 0 auto;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  /* line 2575, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index ol.opc.referfriends-opc {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  /* line 2575, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index ol.opc.referfriends-opc {
    width: 100%;
  }
}
/* line 2590, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc li {
  margin-bottom: 0;
  float: left;
  width: -webkit-calc(100% / 3 * 1);
  width: calc(100% / 3 * 1);
}
/* line 2595, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step {
  padding: 10px 0;
}
/* line 2598, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step label {
  font-size: 14px;
  font-weight: normal;
}
/* line 2602, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step .form-control {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  color: #444;
}
/* line 2607, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step .buttons-set button {
  width: 100%;
  border-radius: 0;
}
/* line 2612, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title {
  background: transparent;
  height: 80px;
  width: 80px;
  margin: 0 auto;
  border-radius: 50%;
  border: 2px solid #50b848;
}
@media screen and (max-width: 599px) {
  /* line 2612, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title {
    height: 65px;
    width: 65px;
  }
}
/* line 2625, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title:hover {
  background: #50b848;
}
/* line 2628, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title:hover h2:before {
  color: #fff;
}
/* line 2633, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2 {
  padding: 0 !important;
  font-weight: normal;
  text-align: center;
  background: transparent;
  width: 100%;
  display: block;
  line-height: 68px;
}
@media screen and (max-width: 599px) {
  /* line 2633, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2 {
    line-height: 56px;
  }
}
/* line 2646, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2:before {
  color: #50b848;
  font-size: 25px;
  font-family: "ThemeIcons", sans-serif;
}
/* line 2651, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2.email-logo:before {
  content: "\f003";
  font-family: "FontAwesome", sans-serif;
}
/* line 2655, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2.l-facebook:before {
  content: "\e213";
}
/* line 2658, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2.twitter-logo:before {
  content: "\e214";
}
/* line 2661, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2.google-logo:before {
  content: "\e212";
}
/* line 2667, ../scss/custom.scss */
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .section.allow:not(.active) .step-title:hover h2.logo {
  background: none !important;
}
/* line 2673, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .block-title {
  border-bottom: 0 none;
}
/* line 2676, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .block-title h4 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  float: left;
  width: 100%;
}
/* line 2684, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .coupon {
  width: 50%;
  float: left;
  padding-left: 7.5px;
}
@media screen and (max-width: 599px) {
  /* line 2684, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .coupon {
    width: 100%;
    padding-left: 0;
  }
}
/* line 2694, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .coupon .content {
  border: dashed #bd08c3 3px;
  border-radius: 8px;
  padding: 15px !important;
  margin: 15px 0;
  display: inline-block;
  width: 100%;
}
/* line 2703, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .referral-code {
  width: 50%;
  float: left;
  padding-right: 7.5px;
}
@media screen and (max-width: 599px) {
  /* line 2703, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .referral-code {
    width: 100%;
    padding-right: 0;
  }
}
/* line 2713, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .referral-code .content {
  border: dashed #888 3px;
  border-radius: 8px;
  padding: 15px !important;
  margin: 15px 0;
  display: inline-block;
  width: 100%;
}
/* line 2725, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-rewardpoints-history .box-head,
.rewardpointsreferfriends-index-index .box-referfriends-content .box-head {
  position: relative;
  float: left;
  width: 100%;
}
/* line 2730, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-rewardpoints-history .box-head h2,
.rewardpointsreferfriends-index-index .box-referfriends-content .box-head h2 {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
  font-size: 18px;
  background: none;
  padding-left: 0;
  text-indent: 0;
}
/* line 2740, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-rewardpoints-history .box-head a,
.rewardpointsreferfriends-index-index .box-referfriends-content .box-head a {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  text-transform: lowercase;
  padding: 5px;
  border-radius: 4px;
  float: right;
}
/* line 2750, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .box-rewardpoints-history .box-head a:hover,
.rewardpointsreferfriends-index-index .box-referfriends-content .box-head a:hover {
  background: #50b848;
}
/* line 2756, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .sharing-instructions {
  margin-bottom: 15px;
}
/* line 2759, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .sharing-instructions p {
  font-weight: normal;
  margin: 0;
}
/* line 2763, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .sharing-instructions span {
  color: #bd08c3;
}
/* line 2767, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-form-collection {
  padding-bottom: 10px;
  border-bottom: 1px dashed #e4e4e4;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
/* line 2774, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry {
  width: 100%;
  float: left;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  /* line 2774, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry {
    margin-top: 10px;
  }
}
/* line 2783, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry .nopadding-left {
  padding-left: 0 !important;
}
/* line 2786, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry .nopadding-right {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (max-width: 767px) {
  /* line 2792, ../scss/custom.scss */
  .rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry .form-group {
    margin-top: 10px;
  }
}
/* line 2798, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .input-group .form-control {
  position: relative;
  float: left;
  width: 100%;
}
/* line 2803, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .input-group .form-control:first-child {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
/* line 2808, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .input-group .input-group-btn {
  position: absolute;
  font-size: 0;
  white-space: nowrap;
  right: 0;
  top: 0;
}
/* line 2815, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .input-group .input-group-btn .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 36px;
}
/* line 2823, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-email-close,
.rewardpointsreferfriends-index-index .referfriends-twitter-close,
.rewardpointsreferfriends-index-index .referfriends-facebook-close {
  background: #d9534f;
  color: #fff;
  border-radius: 3px;
}
/* line 2830, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-google-close {
  background: #333;
  color: #fff;
  border-radius: 3px;
}
/* line 2835, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-google-form-button {
  background: #dd4f43;
  border-color: #dd4f43;
  color: #fff;
}
/* line 2840, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-opc-facebook .step-title:hover h2.logo {
  background: transparent !important;
}
/* line 2844, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-facebook-form li {
  width: 100%;
}
/* line 2847, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-facebook-form .button-primary {
  background: #4267b2;
}
/* line 2852, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-email-form .glyphicon {
  font-family: "FontAwesome", sans-serif;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 2860, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-email-form .glyphicon-remove:before {
  content: "\f00d";
}
/* line 2864, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .referfriends-twitter-form-button {
  background: #1da1f2;
  border-color: #1da1f2;
}
/* line 2869, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-twitter-form textarea {
  height: 100px;
}
/* line 2872, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-twitter-form textarea.noresize {
  resize: none;
}
/* line 2877, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-facebook-form textarea {
  height: 110px;
  width: 100%;
}
/* line 2881, ../scss/custom.scss */
.rewardpointsreferfriends-index-index #referfriends-facebook-form textarea.noresize {
  resize: none;
}
/* line 2887, ../scss/custom.scss */
.rewardpointsreferfriends-index-index .modal-dialog .message li {
  width: 100% !important;
}

@media only screen and (max-width: 768px) {
  /* Dashboard */
  /* line 2896, ../scss/custom.scss */
  .rewardpoints-money a {
    margin: 0 auto;
    float: none !important;
  }

  /* line 2901, ../scss/custom.scss */
  .events-link {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

  /* line 2906, ../scss/custom.scss */
  .gift-notice {
    width: 100%;
    margin-top: 10px;
  }
}
/* line 2911, ../scss/custom.scss */
.add-more-friends {
  text-align: right;
}

/* line 2915, ../scss/custom.scss */
.add-more-friends-button {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

/* line 2921, ../scss/custom.scss */
.referfriends-email-form-button,
.referfriends-twitter-form-button {
  clear: both;
  background: #50b848;
  border: 1px solid #50b848;
  color: #fff;
}

/* line 2929, ../scss/custom.scss */
.referfriends-email-form-button:hover,
.referfriends-email-form-button:visited,
.referfriends-email-form-button:focus,
.referfriends-twitter-form-button:hover,
.referfriends-twitter-form-button:visited,
.referfriends-twitter-form-button:focus {
  color: #fff;
}

/* line 2938, ../scss/custom.scss */
.referfriends-email-loader {
  right: 3%;
  position: fixed;
  border: 7px solid #c0c0c0;
  border-radius: 50%;
  border-top: 7px solid #c3d600;
  width: 34px;
  height: 34px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
  display: none;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* General dropdown styles */
/* line 2970, ../scss/custom.scss */
.category-products {
  position: relative;
}

/* line 2973, ../scss/custom.scss */
.general-select {
  width: 100%;
  margin-bottom: 10px;
  float: right;
}
@media (max-width: 767px) {
  /* line 2973, ../scss/custom.scss */
  .general-select {
    margin-top: 10px;
  }
}
/* line 2981, ../scss/custom.scss */
.general-select .btn-select {
  min-width: auto;
  margin-bottom: 0;
  border-radius: 4px;
  margin-top: 1px;
}
/* line 2987, ../scss/custom.scss */
.general-select .btn-select .btn-select-value {
  line-height: 1.34;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 100%;
}

/* line 2995, ../scss/custom.scss */
.toolbar-filters {
  width: 100%;
  margin-top: 10px;
  padding: 10px 0;
}
@media (max-width: 767px) {
  /* line 2995, ../scss/custom.scss */
  .toolbar-filters {
    display: none;
  }
}
/* line 3007, ../scss/custom.scss */
.toolbar-filters .container {
  width: auto !important;
  margin-bottom: 0;
  padding-right: 15px;
}
@media (max-width: 767px) {
  /* line 3007, ../scss/custom.scss */
  .toolbar-filters .container {
    padding: 0;
  }
}
/* line 3016, ../scss/custom.scss */
.toolbar-filters .item {
  width: -webkit-calc(100% / 3 * 1);
  width: calc(100% / 3 * 1);
  float: right;
  padding-left: 10px;
}
@media (max-width: 767px) {
  /* line 3016, ../scss/custom.scss */
  .toolbar-filters .item {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  /* line 3026, ../scss/custom.scss */
  .toolbar-filters .item:first-of-type {
    margin-top: 0;
  }
}
/* line 3031, ../scss/custom.scss */
.toolbar-filters .item .btn-select {
  min-width: auto;
  margin-bottom: 0;
  border-radius: 4px;
}
/* line 3036, ../scss/custom.scss */
.toolbar-filters .item .btn-select .btn-select-value {
  line-height: 1.34;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 100%;
}

/* line 3045, ../scss/custom.scss */
.toolbar {
  display: inline-block;
  width: 100%;
  min-height: 125px;
}
@media (max-width: 767px) {
  /* line 3045, ../scss/custom.scss */
  .toolbar {
    min-height: auto;
  }
}
/* line 3054, ../scss/custom.scss */
.toolbar .sorter {
  border-bottom: 1px dotted #e4e4e4;
  display: inline-block;
  width: 100%;
}
/* line 3059, ../scss/custom.scss */
.toolbar .pager {
  display: none;
}

/* line 3072, ../scss/custom.scss */
.toolbar-bottom .toolbar {
  min-height: auto;
  border-bottom: 1px dotted #e4e4e4;
}
/* line 3076, ../scss/custom.scss */
.toolbar-bottom .sorter {
  border-bottom: none;
  width: auto;
}
/* line 3080, ../scss/custom.scss */
.toolbar-bottom .pager {
  display: block;
  width: 35%;
  float: right;
}
@media (max-width: 767px) {
  /* line 3080, ../scss/custom.scss */
  .toolbar-bottom .pager {
    width: 100%;
    border-top: 0 none;
    padding-top: 6px;
  }
}

/* line 3093, ../scss/custom.scss */
li.pp-cards {
  width: 100%;
  float: left;
  padding: 15px 0 15px 0;
  border-bottom: 1px dotted #c0c0c0;
}
/* line 3099, ../scss/custom.scss */
li.pp-cards label {
  width: 45%;
  line-height: 36px;
}
/* line 3103, ../scss/custom.scss */
li.pp-cards label img {
  float: left;
  width: 20%;
  min-width: 40px;
  max-width: 57px;
  margin: 0 10px 0 0;
}
/* line 3110, ../scss/custom.scss */
li.pp-cards label b {
  padding-right: 5px;
}
@media (max-width: 767px) {
  /* line 3099, ../scss/custom.scss */
  li.pp-cards label {
    width: 100%;
    line-height: 11px;
  }
}

/* line 3120, ../scss/custom.scss */
.checkout-cart-index fieldset {
  width: 100%;
}
/* line 3123, ../scss/custom.scss */
.checkout-cart-index .product-name {
  font-size: 18px !important;
}
/* line 3126, ../scss/custom.scss */
.checkout-cart-index .discount {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
/* line 3131, ../scss/custom.scss */
.checkout-cart-index .discount h2 {
  margin-top: 0;
}
/* line 3135, ../scss/custom.scss */
.checkout-cart-index .discount .rewards-sales-rules label {
  font-family: "Source Sans Pro", sans-serif !important;
  color: #444 !important;
  font-weight: bold;
}
/* line 3141, ../scss/custom.scss */
.checkout-cart-index .discount .rewardpoints-needmore-msg {
  margin-top: 10px;
}
/* line 3144, ../scss/custom.scss */
.checkout-cart-index .discount .rewardpoints-slider {
  width: 100% !important;
  margin: 20px auto !important;
}
/* line 3149, ../scss/custom.scss */
.checkout-cart-index .crosssell h2 {
  margin-top: 0;
}

/* line 3154, ../scss/custom.scss */
.rewardpoints-sp-methods .rewards-sales-rules {
  padding: 0 !important;
}
/* line 3157, ../scss/custom.scss */
.rewardpoints-sp-methods .rewards-sales-rules label {
  padding: 0 !important;
  color: #444 !important;
}
/* line 3162, ../scss/custom.scss */
.rewardpoints-sp-methods .input-max {
  margin-top: 15px !important;
}
/* line 3165, ../scss/custom.scss */
.rewardpoints-sp-methods #reward_sales_point {
  float: none !important;
  text-align: center;
  margin: 0 5px;
}

/* line 3172, ../scss/custom.scss */
#payment_form_peach_payment_saved {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  padding: 10px;
  float: left;
  box-shadow: 1px 1px 1px #e4e4e4;
}
/* line 3179, ../scss/custom.scss */
#payment_form_peach_payment_saved li {
  border-bottom: none 0 !important;
  margin: 0;
  padding: 0 !important;
}
/* line 3184, ../scss/custom.scss */
#payment_form_peach_payment_saved li .button {
  float: right !important;
  width: 100%;
}

/* line 3192, ../scss/custom.scss */
.checkout-onepage-index .opc .step {
  padding: 10px 15px;
}
@media (max-width: 768px) {
  /* line 3192, ../scss/custom.scss */
  .checkout-onepage-index .opc .step {
    padding: 0;
  }
}
@media (max-width: 573px) {
  /* line 3192, ../scss/custom.scss */
  .checkout-onepage-index .opc .step {
    padding: 0;
  }
  /* line 3201, ../scss/custom.scss */
  .checkout-onepage-index .opc .step select {
    width: 100% !important;
  }
}
/* line 3206, ../scss/custom.scss */
.checkout-onepage-index .opc .step input {
  float: left;
}
/* line 3209, ../scss/custom.scss */
.checkout-onepage-index .opc .step input + input {
  margin-left: 10px;
}
/* line 3212, ../scss/custom.scss */
.checkout-onepage-index .opc .step label {
  margin-bottom: 10px;
  padding-left: 10px;
}
/* line 3216, ../scss/custom.scss */
.checkout-onepage-index .opc .step .saved-cards label {
  width: 100%;
}
/* line 3220, ../scss/custom.scss */
.checkout-onepage-index .sp-methods #cart-rewards-form {
  width: auto;
}
/* line 3223, ../scss/custom.scss */
.checkout-onepage-index #payment_form_peach_payment {
  padding: 5px;
}
/* line 3227, ../scss/custom.scss */
.checkout-onepage-index #payment_form_peach_payment .button.active {
  background: #ff8200;
}

/* Success Page Share */
/* line 3236, ../scss/custom.scss */
.checkout-onepage-success .title-thank-you {
  margin-bottom: 25px;
}
/* line 3240, ../scss/custom.scss */
.checkout-onepage-success .title-order-number {
  margin-bottom: 26px;
}
/* line 3244, ../scss/custom.scss */
.checkout-onepage-success .title-pet-details {
  margin-bottom: 26px;
  border-top: 1px solid #e4e4e4;
  padding-top: 18px;
}
/* line 3250, ../scss/custom.scss */
.checkout-onepage-success .referral-links {
  margin: 0 auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* line 3254, ../scss/custom.scss */
.checkout-onepage-success .referral-links .referral-link-icon {
  width: 65px;
  height: 40px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
/* line 3259, ../scss/custom.scss */
.checkout-onepage-success .referral-links .referral-link-icon a {
  padding: 7px 9px !important;
  background: none !important;
  height: 40px !important;
  width: 40px;
  margin: 10px auto 0 auto;
  border-radius: 50%;
  border: 2px solid #50b848;
  font-size: 0;
}
@media (max-width: 767px) {
  /* line 3259, ../scss/custom.scss */
  .checkout-onepage-success .referral-links .referral-link-icon a {
    font-size: 0 !important;
    margin-top: 0;
  }
}
/* line 3275, ../scss/custom.scss */
.checkout-onepage-success .referral-links .referral-link-icon a.facebook-referral-icon:before {
  content: "\e213";
  color: #50b848;
  font-size: 18px;
  font-family: "ThemeIcons", sans-serif;
}
/* line 3283, ../scss/custom.scss */
.checkout-onepage-success .referral-links .referral-link-icon a.twitter-referral-icon:before {
  content: "\e214";
  color: #50b848;
  font-size: 18px;
  font-family: "ThemeIcons", sans-serif;
}
/* line 3291, ../scss/custom.scss */
.checkout-onepage-success .referral-links .referral-link-icon a.email-referral-icon:before {
  content: "\f003";
  font-family: "FontAwesome", sans-serif;
  color: #50b848;
  font-size: 18px;
}
/* line 3302, ../scss/custom.scss */
.checkout-onepage-success .referfriends-body-right {
  width: 100% !important;
  margin-left: 0;
}
@media (max-width: 767px) {
  /* line 3302, ../scss/custom.scss */
  .checkout-onepage-success .referfriends-body-right {
    display: block !important;
  }
}
/* line 3310, ../scss/custom.scss */
.checkout-onepage-success .referfriends-sharelink {
  padding: 10px 0 !important;
  background: none !important;
  display: inline-block;
  height: auto !important;
}
@media (max-width: 767px) {
  /* line 3310, ../scss/custom.scss */
  .checkout-onepage-success .referfriends-sharelink {
    width: 100% !important;
  }
  /* line 3319, ../scss/custom.scss */
  .checkout-onepage-success .referfriends-sharelink input {
    width: 100% !important;
  }
}
/* line 3324, ../scss/custom.scss */
.checkout-onepage-success #rewardpoints-referfriends-popup {
  width: 100% !important;
  margin: 20px auto;
  height: auto !important;
  padding: 0;
  border: 0 none !important;
}
@media (max-width: 768px) {
  /* line 3324, ../scss/custom.scss */
  .checkout-onepage-success #rewardpoints-referfriends-popup {
    width: 100% !important;
    position: relative;
    left: 0;
  }
}
/* line 3337, ../scss/custom.scss */
.checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-title {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
/* line 3343, ../scss/custom.scss */
.checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-title h2 {
  color: #444;
  padding-top: 0 !important;
  text-align: left;
  font-size: 28px;
  margin-top: 0;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e4e4;
}
/* line 3354, ../scss/custom.scss */
.checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-body {
  margin: 0;
  padding: 0 !important;
  height: auto;
  font-size: 14px;
  color: #444;
  width: 100%;
  display: inline-block;
}
/* line 3363, ../scss/custom.scss */
.checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-body li {
  float: left;
  margin-right: 15px;
}
/* line 3368, ../scss/custom.scss */
.checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-body .referfriends-body-left {
  width: 100%;
}
@media (max-width: 768px) {
  /* line 3368, ../scss/custom.scss */
  .checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-body .referfriends-body-left {
    width: 100%;
  }
}
/* line 3377, ../scss/custom.scss */
.checkout-onepage-success .checkout-success-shipping-date {
  padding: 20px;
  border: 1px solid #d0d0d0;
  background-color: #f5f5f5;
}

/* Mega Menu */
/* line 3385, ../scss/custom.scss */
.dd-itemgrid-6col > .nav-item {
  width: -webkit-calc(100% / 6) !important;
  width: calc(100% / 6) !important;
}

/* line 3388, ../scss/custom.scss */
.navi .nav-panel-inner {
  padding: 10px;
}

/* FAQ */
/* line 3394, ../scss/custom.scss */
.cms-faq .ui-accordion h4 {
  padding: 15px 0;
  border-bottom: 1px solid #e4e4e4;
  margin: 0;
}
/* line 3399, ../scss/custom.scss */
.cms-faq .ui-accordion h4:hover {
  cursor: pointer;
}
/* line 3403, ../scss/custom.scss */
.cms-faq .ui-accordion p {
  padding: 10px 0;
}
/* line 3406, ../scss/custom.scss */
.cms-faq .ui-accordion .fa {
  float: right;
}

/* line 3411, ../scss/custom.scss */
.footer .item-right {
  float: none;
  width: 100%;
  text-align: center;
  margin: 0;
}

/* line 3418, ../scss/custom.scss */
.nav-item--parent a {
  line-height: 50px;
  font-size: 14px;
}

/* line 3424, ../scss/custom.scss */
.checkout-onepage-index .tool-tip {
  position: absolute;
}
/* line 3428, ../scss/custom.scss */
.checkout-onepage-index .rewards-sales-rules label {
  padding-left: 0;
}
/* line 3432, ../scss/custom.scss */
.checkout-onepage-index .rewards-sales-rules #opc-review .authentication {
  width: auto !important;
  border-radius: 4px;
  box-shadow: 0 0 1px #e4e4e4;
}

/* line 3440, ../scss/custom.scss */
#payment_form_peach_payment_new {
  float: left;
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  box-shadow: 0 0 1px #e4e4e4;
  margin-top: 15px;
  max-width: 100%;
  padding: 10px;
}
/* line 3450, ../scss/custom.scss */
#payment_form_peach_payment_new li:last-child label {
  float: right;
}

/* line 3455, ../scss/custom.scss */
.pp-selected-cards-img {
  position: absolute;
  right: -75px;
  top: 32%;
}
@media (max-width: 375px) {
  /* line 3455, ../scss/custom.scss */
  .pp-selected-cards-img {
    right: 38%;
    top: auto;
    bottom: -61px;
  }
}

/* line 3467, ../scss/custom.scss */
.cvv-what-is-this-pp {
  padding-left: 5px;
  line-height: 37px;
}
/* line 3471, ../scss/custom.scss */
.cvv-what-is-this-pp .btn-close {
  float: right;
  width: 25px;
  height: 25px;
  font-size: 0;
}
/* line 3477, ../scss/custom.scss */
.cvv-what-is-this-pp .btn-close:before {
  content: "x";
  font-size: 14px;
}

/* line 3484, ../scss/custom.scss */
.products-grid .product-name {
  padding-bottom: 10px;
  text-align: left;
  margin: 10px 0 0;
  font-size: 1em;
  height: 60px;
}
/* line 3491, ../scss/custom.scss */
.products-grid .from_price {
  font-size: 1.4em;
}
/* line 3494, ../scss/custom.scss */
.products-grid .actions {
  left: 0;
  right: 0;
}
/* line 3500, ../scss/custom.scss */
.products-grid.centered .item a {
  height: 100%;
}
/* line 3505, ../scss/custom.scss */
.products-grid .fixed-button-bottom {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  left: 0;
  margin-bottom: 20px;
  height: 50px;
}

/* line 3518, ../scss/custom.scss */
#itemslider-related .owl-item .price-box {
  text-align: center;
  font-size: 20px;
  margin: 0 0 10px;
  padding-top: 10px;
}

/* Login & Register */
/* line 3529, ../scss/custom.scss */
.customer-account-login .buttons-set .f-left {
  border-bottom: 2px solid #50b848;
}
@media (max-width: 768px) {
  /* line 3534, ../scss/custom.scss */
  .customer-account-login .form-list input.input-text {
    width: 100%;
  }
}

/* Home page newsletter signup */
/* line 3541, ../scss/custom.scss */
#mc_embed_signup {
  clear: both;
}
/* line 3546, ../scss/custom.scss */
#mc_embed_signup #subscribe-form .contain {
  color: #fff;
}
/* line 3550, ../scss/custom.scss */
#mc_embed_signup #subscribe-form .contain .title h4 {
  color: #000000;
  margin: 20px 0;
  font-size: 25px;
}
/* line 3556, ../scss/custom.scss */
#mc_embed_signup #subscribe-form .contain .title i {
  margin-bottom: 10px;
  width: 100%;
  display: block;
  color: #000000;
}
@media only screen and (max-width: 668px) {
  /* line 3541, ../scss/custom.scss */
  #mc_embed_signup {
    height: 100%;
  }
}

/* line 3572, ../scss/custom.scss */
.mini-cart .product-name {
  font-size: 15px !important;
}

/* line 3578, ../scss/custom.scss */
.gen-tabs .tabs {
  background-color: #fff;
}
/* line 3581, ../scss/custom.scss */
.gen-tabs .tabs a {
  background-color: #fff;
  color: #333333;
}
/* line 3585, ../scss/custom.scss */
.gen-tabs .tabs a:hover {
  background-color: #50b848;
  color: #fff;
  border-color: #50b848;
  border-bottom-color: transparent;
}
/* line 3591, ../scss/custom.scss */
.gen-tabs .tabs a.current {
  background-color: #50b848;
  color: #fff;
  border-color: #f1f1f1;
  border-bottom-color: transparent;
}
/* line 3597, ../scss/custom.scss */
.gen-tabs .tabs a.current:hover {
  border-bottom-color: transparent;
}
/* line 3603, ../scss/custom.scss */
.gen-tabs .tabs-panels {
  background-color: #ffffff;
  border-top-color: #f1f1f1;
}
/* line 3607, ../scss/custom.scss */
.gen-tabs .tabs-panels .label {
  font-size: 16px;
  color: #333;
}
/* line 3612, ../scss/custom.scss */
.gen-tabs .acctab {
  background-color: #ffffff;
  color: #333333;
  border-color: #f1f1f1;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
/* line 3619, ../scss/custom.scss */
.gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current {
  background-color: #50b848;
  color: #ffffff;
}

/* line 3628, ../scss/custom.scss */
#scroll-to-top {
  bottom: 11px !important;
}

/* line 3632, ../scss/custom.scss */
.zEWidget-launcher {
  right: 77px !important;
}

/* line 3638, ../scss/custom.scss */
.block-related .item-link a {
  border: 0 none !important;
}

/* line 3644, ../scss/custom.scss */
.catalog-category-view .view-mode {
  display: none;
}

@media (max-width: 768px) {
  /* line 3650, ../scss/custom.scss */
  .checkout-cart-index .btn-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    font-size: 23px;
    line-height: 26px;
    color: #a9001c;
  }
  /* line 3660, ../scss/custom.scss */
  .checkout-cart-index .col-total {
    color: #50b848;
    font-size: 18px;
  }
}
@media (min-width: 540px) and (max-width: 768px) {
  /* line 3668, ../scss/custom.scss */
  .cart .data-table td:first-child {
    float: left;
    width: 30%;
  }
  /* line 3672, ../scss/custom.scss */
  .cart .data-table td .product-name {
    padding-right: 24px;
  }
  /* line 3675, ../scss/custom.scss */
  .cart .data-table td.col-total {
    padding-left: 30%;
  }
}
@media (min-width: 769px) {
  /* line 3681, ../scss/custom.scss */
  .cart .data-table tbody tr td {
    line-height: 37px;
  }
}
/* line 3686, ../scss/custom.scss */
.checkout-onepage-success p a {
  border-bottom: 2px solid #50b848;
}

/* line 3691, ../scss/custom.scss */
.call-to-action {
  display: none;
  width: 90%;
  background: #50b848;
  border-radius: 5px;
  padding: 10px 5px;
  margin: -70% auto 0 auto;
  text-align: center;
  position: absolute;
  font-size: 20px;
  color: white;
}

/* line 3703, ../scss/custom.scss */
.item-link:hover > .call-to-action {
  display: block;
}

/* line 3709, ../scss/custom.scss */
.cms-terms-and-conditions .std ul {
  margin-left: 20px;
}
/* line 3712, ../scss/custom.scss */
.cms-terms-and-conditions .std li {
  margin-bottom: 10px;
}

/* line 3719, ../scss/custom.scss */
.cms-home .ampromo-notification {
  margin-bottom: 0;
  margin-top: 40px;
  display: inline-block;
  clear: both;
}
@media (max-width: 767px) {
  /* line 3726, ../scss/custom.scss */
  .cms-home .home-product-slider {
    margin-top: 10px;
  }
}

/* line 3732, ../scss/custom.scss */
.ampromo-notification {
  border-color: #c02230;
  background-color: #F5DAD3;
  background-image: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/i_msg-note.png");
  color: #c02230;
  background-position: 25px center !important;
  background-repeat: no-repeat !important;
  padding: 25px 25px 25px 75px !important;
  margin-bottom: 10px;
}

/* line 3743, ../scss/custom.scss */
.btn-orange {
  background-color: #fa5800;
  color: #fff;
}

/* line 3748, ../scss/custom.scss */
.top5 {
  margin-top: 5px;
}

/* line 3749, ../scss/custom.scss */
.top10 {
  margin-top: 10px;
}

/* line 3750, ../scss/custom.scss */
.top15 {
  margin-top: 15px;
}

/* line 3751, ../scss/custom.scss */
.top20 {
  margin-top: 20px;
}

/* line 3754, ../scss/custom.scss */
.login-container .login-footer {
  margin-left: 0;
  margin-right: 0;
}

/* line 3761, ../scss/custom.scss */
.customer-account-address-edit .checkbox, .customer-account-address-edit .radio {
  display: block !important;
}
/* line 3765, ../scss/custom.scss */
.customer-account-address-edit hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
/* line 3770, ../scss/custom.scss */
.customer-account-address-edit .btn-address-group {
  display: block !important;
  margin-bottom: 10px;
}
/* line 3774, ../scss/custom.scss */
.customer-account-address-edit .btn-address-group .address-group-toggle-residential, .customer-account-address-edit .btn-address-group .address-group-toggle-business {
  width: 50%;
}
/* line 3777, ../scss/custom.scss */
.customer-account-address-edit .btn-address-group .address-group-toggle-residential.selected, .customer-account-address-edit .btn-address-group .address-group-toggle-business.selected {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

/* line 3788, ../scss/custom.scss */
.sidebar-nav .table {
  margin-bottom: 5px;
}
/* line 3792, ../scss/custom.scss */
.sidebar-nav #rewardsgroup .price {
  margin-left: 4px;
  text-decoration: underline;
}
/* line 3796, ../scss/custom.scss */
.sidebar-nav #rewardsgroup img {
  display: none !important;
}

/* ============================================ *
 * Telephone input flags
 * ============================================ */
/* line 3806, ../scss/custom.scss */
.iti {
  display: block;
}

/* line 3810, ../scss/custom.scss */
.iti--separate-dial-code .iti__selected-flag {
  border-radius: .25rem 0 0 .25rem;
}

/* line 3814, ../scss/custom.scss */
.iti__country-list {
  z-index: 200;
}

/* line 3818, ../scss/custom.scss */
.iti__flag-container {
  padding: 0;
}

/* line 3822, ../scss/custom.scss */
.ic-tiktok:before {
  content: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/tiktok.svg");
  -webkit-filter: invert(65%) sepia(24%) saturate(1164%) hue-rotate(68deg) brightness(91%) contrast(84%);
          filter: invert(65%) sepia(24%) saturate(1164%) hue-rotate(68deg) brightness(91%) contrast(84%);
}

/* line 3826, ../scss/custom.scss */
.ic-tiktok:hover:before {
  -webkit-filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(115deg) brightness(108%) contrast(108%);
          filter: invert(100%) sepia(6%) saturate(0%) hue-rotate(115deg) brightness(108%) contrast(108%);
}

/* line 3830, ../scss/custom.scss */
.hidden-micro-data {
  display: none !important;
}

/* line 3834, ../scss/custom.scss */
#delete-pet-profile-btn {
  width: 100%;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

/* line 3840, ../scss/custom.scss */
.footer-subscribe-button {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  background: #b3fa05 !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #57ab4e !important;
  padding: 10px !important;
  width: 100%;
  max-width: 303px;
}

/* line 3857, ../scss/custom.scss */
.captcha-container {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

/* line 3861, ../scss/custom.scss */
.footer-newsletter-container {
  background-color: unset !important;
  padding: 8px 0 0 0 !important;
}
/* line 3865, ../scss/custom.scss */
.footer-newsletter-container .button {
  -webkit-appearance: none;
  cursor: pointer;
  font-family: arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  background-color: #b3fa05 !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #57ab4e !important;
  padding: 10px !important;
  width: 100%;
  line-height: unset;
}

/* line 3881, ../scss/custom.scss */
.app-links .block-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  max-width: 320px;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 12px;
}

/* ============================================ *
 * Login
 * ============================================ */
.customer-account-login .modal-dialog {
  min-width: 780px;
}
.customer-account-login .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-login .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-login .modal-dialog {
    min-width: auto;
  }
}
.customer-account-login .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-login .modal-header .close {
  width: 16px;
}
.customer-account-login .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.login-container {
  color: #696969;
  padding: 13px 15px 0 15px;
  padding: 13px 1px 0 1px !important;
}
.login-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.login-container input[type="checkbox"] {
  margin-top: 3px;
}
.login-container .checkbox {
  margin-top: 0 !important;
}
.login-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.login-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.login-container .btn:hover {
  color: #ffffff;
}
.login-container .btn:focus {
  color: #ffffff;
}
.login-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.login-container .col-common {
  padding: 0 35px 25px 35px;
}
.login-container .col-login-form {
  border-right: 1px solid #efefef;
}
.login-container .col-login-form h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 23px;
}
.login-container .col-login-form button:disabled, .login-container .col-login-form button[disabled], .login-container .col-login-form button[disabled]:hover {
  color: #3e3e3e !important;
}
.login-container .col-login-form .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.login-container .col-login-form .form-control-feedback {
  padding: 4px;
}
.login-container .col-login-form .has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.login-container .col-login-form .has-success .form-control {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.login-container .col-login-form .help-block ol, .login-container .col-login-form .help-block ul {
  color: inherit;
}
.login-container .col-login-form .group-password {
  margin-bottom: 0;
}
.login-container .col-login-form .checkbox {
  margin-bottom: 17px;
}
.login-container .col-login-buttons .text-or {
  display: block;
  padding: 16px 0 16px 0;
  font-weight: bold;
}
.login-container .col-login-buttons .btn-register {
  background-color: #696969;
}
.login-container .col-login-buttons .btn-register:hover {
  background-color: #868686;
}
.login-container .col-login-buttons .btn-login-facebook {
  background-color: #3c5999;
  margin-bottom: 10px;
}
.login-container .col-login-buttons .btn-login-facebook:hover {
  background-color: #4566b1;
}
.login-container .col-login-buttons .btn-login-facebook:disabled {
  background-color: #4566b1 !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .login-container .col-login-buttons .btn-login-facebook {
    font-size: 11px;
  }
}
.login-container .col-login-buttons .btn-login-google {
  background-color: #dd4b39;
  margin-bottom: 10px;
}
.login-container .col-login-buttons .btn-login-google:hover {
  background-color: #dd5b4a;
}
.login-container .col-login-buttons .btn-login-google:disabled {
  background-color: #dd5b4a !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .login-container .col-login-buttons .btn-login-google {
    font-size: 11px;
  }
}
.login-container .col-login-buttons .btn-login-apple {
  background-color: #000000;
  margin-bottom: 10px;
}
.login-container .col-login-buttons .btn-login-apple:hover {
  background-color: #111111;
}
.login-container .col-login-buttons .btn-login-apple:disabled {
  background-color: #111111 !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .login-container .col-login-buttons .btn-login-apple {
    font-size: 11px;
  }
}
.login-container .col-login-buttons .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.login-container .col-login-buttons .glyphicon {
  float: none !important;
}
.login-container .col-login-buttons p {
  margin-bottom: 11px !important;
}
.login-container .login-footer {
  padding: 25px 0 25px 0;
  background-color: #f3f3f3;
  font-weight: bold;
}
.login-container .login-footer a {
  color: #696969;
  text-decoration: underline;
  cursor: pointer;
}

/* ============================================ *
 * Register
 * ============================================ */
.customer-account-register .modal-dialog {
  min-width: 780px;
}
.customer-account-register .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-register .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-register .modal-dialog {
    min-width: auto;
  }
}
.customer-account-register .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-register .modal-header .close {
  width: 16px;
}
.customer-account-register .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.register-container {
  color: #696969;
  padding: 13px 15px 0 15px;
  padding-bottom: 38px;
}
.register-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.register-container input[type="checkbox"] {
  margin-top: 3px;
}
.register-container .checkbox {
  margin-top: 0 !important;
}
.register-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.register-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.register-container .btn:hover {
  color: #ffffff;
}
.register-container .btn:focus {
  color: #ffffff;
}
.register-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.register-container .col-common {
  padding: 0 35px 25px 35px;
}
.register-container a {
  cursor: pointer;
}
.register-container .col-register-form {
  border-right: 1px solid #efefef;
  padding-bottom: 0;
}
.register-container .col-register-form h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 23px;
}
.register-container .col-register-form button:disabled, .register-container .col-register-form button[disabled], .register-container .col-register-form button[disabled]:hover {
  color: #3e3e3e !important;
}
.register-container .col-register-form .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.register-container .col-register-form .form-control-feedback {
  padding: 4px;
}
.register-container .col-register-form .has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.register-container .col-register-form .has-success .form-control {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.register-container .col-register-form .help-block ol, .register-container .col-register-form .help-block ul {
  color: inherit;
}
.register-container .col-register-form .toggle-password {
  cursor: pointer;
}
.register-container .col-register-buttons .text-or {
  display: block;
  padding: 16px 0 16px 0;
  font-weight: bold;
}
.register-container .col-register-buttons .btn-login {
  background-color: #696969;
  margin-top: 12px;
}
.register-container .col-register-buttons .btn-login:hover {
  background-color: #868686;
}
.register-container .col-register-buttons .btn-login-facebook {
  background-color: #3c5999;
  margin-bottom: 10px;
}
.register-container .col-register-buttons .btn-login-facebook:hover {
  background-color: #4566b1;
}
.register-container .col-register-buttons .btn-login-facebook:disabled {
  background-color: #4566b1 !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .register-container .col-register-buttons .btn-login-facebook {
    font-size: 11px;
  }
}
.register-container .col-register-buttons .btn-login-google {
  background-color: #dd4b39;
  margin-bottom: 10px;
}
.register-container .col-register-buttons .btn-login-google:hover {
  background-color: #dd5b4a;
}
.register-container .col-register-buttons .btn-login-google:disabled {
  background-color: #dd5b4a !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .register-container .col-register-buttons .btn-login-google {
    font-size: 11px;
  }
}
.register-container .col-register-buttons .btn-login-apple {
  background-color: #000000;
  margin-bottom: 10px;
}
.register-container .col-register-buttons .btn-login-apple:hover {
  background-color: #111111;
}
.register-container .col-register-buttons .btn-login-apple:disabled {
  background-color: #111111 !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .register-container .col-register-buttons .btn-login-apple {
    font-size: 11px;
  }
}
.register-container .col-register-buttons .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.register-container .col-register-buttons .glyphicon {
  float: none !important;
}
.register-container .register-footer {
  padding: 25px 0 25px 0;
  background-color: #f3f3f3;
  font-weight: bold;
}
.register-container .register-footer a {
  color: #696969;
  text-decoration: underline;
  cursor: pointer;
}
.register-container .policy-content {
  font-size: 11px;
  text-align: center;
}

/* ============================================ *
 * Forgot password
 * ============================================ */
.customer-account-forgot-password .modal-dialog {
  min-width: 780px;
}
.customer-account-forgot-password .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-forgot-password .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-forgot-password .modal-dialog {
    min-width: auto;
  }
}
.customer-account-forgot-password .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-forgot-password .modal-header .close {
  width: 16px;
}
.customer-account-forgot-password .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.forgot-password-container {
  color: #696969;
  padding: 13px 15px 0 15px;
}
.forgot-password-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.forgot-password-container input[type="checkbox"] {
  margin-top: 3px;
}
.forgot-password-container .checkbox {
  margin-top: 0 !important;
}
.forgot-password-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.forgot-password-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.forgot-password-container .btn:hover {
  color: #ffffff;
}
.forgot-password-container .btn:focus {
  color: #ffffff;
}
.forgot-password-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.forgot-password-container .col-common {
  padding: 0 35px 25px 35px;
}
.forgot-password-container .col-forgot-password-form {
  border-right: 1px solid #efefef;
}
.forgot-password-container .col-forgot-password-form h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 23px;
}
.forgot-password-container .col-forgot-password-form button:disabled, .forgot-password-container .col-forgot-password-form button[disabled], .forgot-password-container .col-forgot-password-form button[disabled]:hover {
  color: #3e3e3e !important;
}
.forgot-password-container .col-forgot-password-form .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.forgot-password-container .col-forgot-password-form .form-control-feedback {
  padding: 4px;
}
.forgot-password-container .col-forgot-password-form .has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.forgot-password-container .col-forgot-password-form .has-success .form-control {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.forgot-password-container .col-forgot-password-form .help-block ol, .forgot-password-container .col-forgot-password-form .help-block ul {
  color: inherit;
}
.forgot-password-container .col-login-buttons .text-or {
  display: block;
  padding: 16px 0 16px 0;
  font-weight: bold;
}
.forgot-password-container .col-login-buttons .btn-login {
  background-color: #696969;
  margin-top: 12px;
}
.forgot-password-container .col-login-buttons .btn-login:hover {
  background-color: #868686;
}
.forgot-password-container .col-login-buttons .btn-login-facebook {
  background-color: #3c5999;
  margin-bottom: 10px;
}
.forgot-password-container .col-login-buttons .btn-login-facebook:hover {
  background-color: #4566b1;
}
.forgot-password-container .col-login-buttons .btn-login-facebook:disabled {
  background-color: #4566b1 !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .forgot-password-container .col-login-buttons .btn-login-facebook {
    font-size: 11px;
  }
}
.forgot-password-container .col-login-buttons .btn-login-google {
  background-color: #dd4b39;
  margin-bottom: 10px;
}
.forgot-password-container .col-login-buttons .btn-login-google:hover {
  background-color: #dd5b4a;
}
.forgot-password-container .col-login-buttons .btn-login-google:disabled {
  background-color: #dd5b4a !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .forgot-password-container .col-login-buttons .btn-login-google {
    font-size: 11px;
  }
}
.forgot-password-container .col-login-buttons .btn-login-apple {
  background-color: #000000;
  margin-bottom: 10px;
}
.forgot-password-container .col-login-buttons .btn-login-apple:hover {
  background-color: #111111;
}
.forgot-password-container .col-login-buttons .btn-login-apple:disabled {
  background-color: #111111 !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .forgot-password-container .col-login-buttons .btn-login-apple {
    font-size: 11px;
  }
}
.forgot-password-container .col-login-buttons .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.forgot-password-container .col-login-buttons .glyphicon {
  float: none !important;
}

/* ============================================ *
 * OTP Confirmation
 * ============================================ */
.customer-account-otp-confirmation .modal-dialog {
  min-width: 780px;
}
.customer-account-otp-confirmation .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-otp-confirmation .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-otp-confirmation .modal-dialog {
    min-width: auto;
  }
}
.customer-account-otp-confirmation .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-otp-confirmation .modal-header .close {
  width: 16px;
}
.customer-account-otp-confirmation .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.otp-confirmation-container {
  color: #696969;
  padding: 13px 15px 0 15px;
}
.otp-confirmation-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.otp-confirmation-container input[type="checkbox"] {
  margin-top: 3px;
}
.otp-confirmation-container .checkbox {
  margin-top: 0 !important;
}
.otp-confirmation-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.otp-confirmation-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.otp-confirmation-container .btn:hover {
  color: #ffffff;
}
.otp-confirmation-container .btn:focus {
  color: #ffffff;
}
.otp-confirmation-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.otp-confirmation-container .col-common {
  padding: 0 35px 25px 35px;
}
.otp-confirmation-container .col-otp-confirmation-form {
  border-right: 1px solid #efefef;
}
.otp-confirmation-container .col-otp-confirmation-form h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 23px;
}
.otp-confirmation-container .col-otp-confirmation-form button:disabled, .otp-confirmation-container .col-otp-confirmation-form button[disabled], .otp-confirmation-container .col-otp-confirmation-form button[disabled]:hover {
  color: #3e3e3e !important;
}
.otp-confirmation-container .col-otp-confirmation-form .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.otp-confirmation-container .col-otp-confirmation-form .form-control-feedback {
  padding: 4px;
}
.otp-confirmation-container .col-otp-confirmation-form .has-error .form-control {
  border-color: #a94442 !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.otp-confirmation-container .col-otp-confirmation-form .has-success .form-control {
  border-color: #3c763d !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.otp-confirmation-container .col-otp-confirmation-form .help-block ol, .otp-confirmation-container .col-otp-confirmation-form .help-block ul {
  color: inherit;
}
.otp-confirmation-container .col-login-buttons .text-or {
  display: block;
  padding: 16px 0 16px 0;
  font-weight: bold;
}
.otp-confirmation-container .col-login-buttons .btn-login {
  background-color: #696969;
  margin-top: 12px;
}
.otp-confirmation-container .col-login-buttons .btn-login:hover {
  background-color: #868686;
}
.otp-confirmation-container .col-login-buttons .btn-login-facebook {
  background-color: #3c5999;
  margin-bottom: 10px;
}
.otp-confirmation-container .col-login-buttons .btn-login-facebook:hover {
  background-color: #4566b1;
}
.otp-confirmation-container .col-login-buttons .btn-login-facebook:disabled {
  background-color: #4566b1 !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .otp-confirmation-container .col-login-buttons .btn-login-facebook {
    font-size: 11px;
  }
}
.otp-confirmation-container .col-login-buttons .btn-login-google {
  background-color: #dd4b39;
  margin-bottom: 10px;
}
.otp-confirmation-container .col-login-buttons .btn-login-google:hover {
  background-color: #dd5b4a;
}
.otp-confirmation-container .col-login-buttons .btn-login-google:disabled {
  background-color: #dd5b4a !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .otp-confirmation-container .col-login-buttons .btn-login-google {
    font-size: 11px;
  }
}
.otp-confirmation-container .col-login-buttons .btn-login-apple {
  background-color: #000000;
  margin-bottom: 10px;
}
.otp-confirmation-container .col-login-buttons .btn-login-apple:hover {
  background-color: #111111;
}
.otp-confirmation-container .col-login-buttons .btn-login-apple:disabled {
  background-color: #111111 !important;
  border: inherit !important;
  color: #ffffff !important;
}
@media only screen and (max-width: 360px) {
  .otp-confirmation-container .col-login-buttons .btn-login-apple {
    font-size: 11px;
  }
}
.otp-confirmation-container .col-login-buttons .glyphicon {
  float: left !important;
  margin-top: 1px !important;
  font-family: 'Glyphicons Halflings' !important;
}
.otp-confirmation-container .col-login-buttons .glyphicon {
  float: none !important;
}

/* ============================================ *
 * OTP Confirmation
 * ============================================ */
.customer-account-sso-blocked-webview .modal-dialog {
  min-width: 780px;
}
.customer-account-sso-blocked-webview .modal-dialog .modal-content {
  border-radius: 0;
}
.customer-account-sso-blocked-webview .modal-dialog .modal-content .modal-body {
  padding: 0 !important;
  margin-top: 17px;
}
@media screen and (max-width: 782px) {
  .customer-account-sso-blocked-webview .modal-dialog {
    min-width: auto;
  }
}
.customer-account-sso-blocked-webview .modal-header {
  padding: 15px 15px 0 0;
  border-bottom: none;
}
.customer-account-sso-blocked-webview .modal-header .close {
  width: 16px;
}
.customer-account-sso-blocked-webview .modal-header .close:hover {
  background-color: #ffffff;
  color: #696969 !important;
}

.sso-blocked-webview-container {
  color: #696969;
  padding: 13px 15px 0 15px;
}
.sso-blocked-webview-container input.form-control {
  height: 42px;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #ccc !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  transition: border-color ease-in-out .15s , box-shadow ease-in-out .15s !important;
}
.sso-blocked-webview-container input[type="checkbox"] {
  margin-top: 3px;
}
.sso-blocked-webview-container .checkbox {
  margin-top: 0 !important;
}
.sso-blocked-webview-container .recaptcha {
  width: 100%;
  height: 85px;
  text-align: -webkit-center;
}
.sso-blocked-webview-container .btn {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 15px;
}
.sso-blocked-webview-container .btn:hover {
  color: #ffffff;
}
.sso-blocked-webview-container .btn:focus {
  color: #ffffff;
}
.sso-blocked-webview-container .btn-lg {
  padding: 12px 16px 10px 16px;
}
.sso-blocked-webview-container .col-common {
  padding: 0 35px 25px 35px;
}

/* ============================================ *
 * Icons
 * ============================================ */
.i-mobile {
  width: 14px;
  height: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #555555;
  margin-top: 3px;
}

.i-email {
  width: 14px;
  height: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #555555;
  margin-top: 3px;
}

.i-password {
  width: 14px;
  height: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #555555;
  margin-top: 1px;
}

.i-otp {
  width: 14px;
  height: 14px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color: #555555;
  margin-top: 1px;
}

.icon-group-login {
  float: left;
  margin-top: 2px;
  width: 14px;
  height: 14px;
}

.gly-spin {
  vertical-align: -0.15em;
  display: inline-block;
}