.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) {
  .custom-flex-align-center {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.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) {
  .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;}
    
}

.col-left > *,
.col-left .widget-static-block {
  margin-right: 0 !important;
}

@media (min-width: 768px) {
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar .navbar-collapse .table > tbody > tr > td {
    border-top: none;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-default > .panel-heading {
    color: #fff;
    background-color: #50b948;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-title {
    font-weight: 700;
  }
  .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;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current {
    font-weight: 900;
  }
  .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;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .sidebar-nav .navbar .navbar-header {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
  }
  .sidebar-nav .navbar.navbar-default {
    background-color: #fff;
    border-color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .col-left {
    float: none !important;
  }
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
  }
  .sidebar-nav .navbar .navbar-collapse .table > tbody > tr > td {
    border-top: none;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-default > .panel-heading {
    color: #fff;
    background-color: #50b948;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-title {
    font-weight: 700;
  }
  .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;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current {
    font-weight: 900;
  }
  .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;
  }
  .sidebar-nav .navbar .navbar-header {
    background-color: #50b948;
  }
  .sidebar-nav .navbar .navbar-header .navbar-brand {
    color: #fff;
  }
  .sidebar-nav .navbar .navbar-header .navbar-toggle {
    border: none;
  }
  .sidebar-nav .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #FFF;
  }
  .sidebar-nav .navbar-default .navbar-toggle:hover {
    background-color: transparent;
  }
}
.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) {
  .customer-nav-link {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar .navbar-collapse .table > tbody > tr > td {
    border-top: none;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-default > .panel-heading {
    color: #fff;
    background-color: #50b948;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-title {
    font-weight: 700;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-collapse .table a {
    line-height: 15px;
  }
  .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;
  }
  .sidebar-nav .navbar .navbar-collapse .panel-body a.current {
    font-weight: 900;
  }
  .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;
}

.onesignal-popover-container .onesignal-popover-dialog #normal-popover .popover-footer #onesignal-popover-allow-button {
  background: #50b848 !important;
}
.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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size-adjust: 100%;
}

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;
}

img {
  border: 0;
  max-width: 100%;
  vertical-align: top;
}

a {
  color: #888;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #333;
}

:focus {
  outline: 0;
}

/* Headings */
h1, h2, h3,
h4, h5, h6 {
  margin: 0 0 10px;
  font-weight: normal;
}

h1 {
  font-size: 3rem;
  line-height: 1.1;
  margin-bottom: 20px;
}

h2 {
  font-size: 2.4rem;
  line-height: 1.1;
}

h3 {
  font-size: 1.9rem;
  line-height: 1.1;
}

h4 {
  font-size: 1.6rem;
  line-height: 1.1;
}

h5 {
  font-size: 1.4rem;
  line-height: 1.1;
}

h6 {
  font-size: 1.4rem;
  line-height: 1.1;
}

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 */
form {
  display: inline;
}

fieldset {
  border: 0;
}

legend {
  display: none;
}

/* Table */
table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size: 100%;
}

caption, th, td {
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}

/* Content */
strong {
  font-weight: bold;
}

address {
  font-style: normal;
}

cite {
  font-style: normal;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after {
  content: "";
}

small, big {
  font-size: 1em;
}

sup {
  font-size: 1em;
  vertical-align: top;
}

/* Lists */
ul, ol {
  list-style: none;
}

/* Tools */
.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;
}

.nobr {
  white-space: nowrap !important;
}

.wrap {
  white-space: normal !important;
}

.a-left {
  text-align: left !important;
}

.a-center {
  text-align: center !important;
}

.a-right {
  text-align: right !important;
}

.v-top {
  vertical-align: top;
}

.v-middle {
  vertical-align: middle;
}

.f-left,
.left {
  float: left !important;
}

.f-right,
.right {
  float: right !important;
}

.f-none {
  float: none !important;
}

.f-fix {
  float: left;
  width: 100%;
  min-height: 147px;
  position: relative;
}

.no-display {
  display: none !important;
}

.no-margin {
  margin: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-bg {
  background: none !important;
}

/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.page {
  text-align: left;
  background-repeat: repeat;
  background-position: center top;
}

.page-print {
  background: #fff;
  padding: 20px;
  text-align: left;
}

.page-empty {
  background: #fff;
  padding: 20px;
  text-align: left;
}

.page-popup {
  padding: 20px;
  text-align: left;
  background: #fff;
}

.main-container {
  background-repeat: repeat;
  background-position: center top;
}

.main {
  padding: 30px 0;
  min-height: 370px;
}

/* Base Columns */
.col-left {
  float: left;
}

.col-main {
  float: left;
}

.col-right {
  float: right;
}

/* 1 Column Layout */
.col1-layout .col-main {
  width: 100%;
}

/* 2 Columns Layout */
.col2-left-layout .col-main {
  float: right;
}

/* 3 Columns Layout */
.col3-layout .col-wrapper {
  float: left;
}

.col3-layout .col-wrapper .col-main {
  float: right;
}

/* Content Columns */
.col2-set .col-1 {
  float: left;
  width: 49%;
}

.col2-set .col-2 {
  float: right;
  width: 49%;
}

.col2-set .col-narrow {
  width: 33%;
}

.col2-set .col-wide {
  width: 65%;
}

.col3-set .col-1 {
  float: left;
  width: 32%;
}

.col3-set .col-2 {
  float: left;
  width: 32%;
  margin-left: 2%;
}

.col3-set .col-3 {
  float: right;
  width: 32%;
}

.col4-set .col-1 {
  float: left;
  width: 23.5%;
}

.col4-set .col-2 {
  float: left;
  width: 23.5%;
  margin: 0 2%;
}

.col4-set .col-3 {
  float: left;
  width: 23.5%;
}

.col4-set .col-4 {
  float: right;
  width: 23.5%;
}

/**/
.preface {
  clear: both;
}

.postscript {
  clear: both;
}

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

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

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;
}

input.input-text {
  height: 36px;
}

select {
  height: 36px;
  padding: 8px;
  text-overflow: ellipsis;
}

select.multiselect {
  height: auto;
}

input.input-text, textarea {
  padding: 8px;
  text-overflow: ellipsis;
}

select option {
  padding-right: 10px;
  padding-left: 5px;
}

select option:disabled {
  color: #ccc;
}

select.multiselect option {
  border-bottom: 1px solid #eee;
  padding: 2px 5px;
}

select.multiselect option:last-child {
  border-bottom: 0;
}

textarea {
  overflow: auto;
}

input.radio {
  margin-right: 3px;
}

input.checkbox {
  margin-right: 3px;
}

input.qty {
  width: 3em;
  text-align: center;
}

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

/* Buttons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
button.button::-moz-focus-inner {
  padding: 0;
  border: 0;
} /* FF Fix */
.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;
}

.button:hover {
  background-color: #333;
  color: #fff;
}

/* Smaller button - for inline display, e.g. with input boxes
-------------------------------------------------------------- */
.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
-------------------------------------------------------------- */
.btn-checkout {
  line-height: 55px;
  font-size: 18px;
}

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

/* Form lists */
/* Grouped fields */
.form-list li {
  margin: 0 0 8px;
}
.form-list li.control label {
  float: none;
}
.form-list li.control input.radio,
.form-list li.control input.checkbox {
  margin-right: 6px;
  margin-top: 0; /* override bootstrap @TODO test all checkboxes */
}
.form-list li.control .input-box {
  clear: none;
  display: inline;
  width: auto;
}
.form-list li.wide .input-box {
  /*width:535px;*/
}
.form-list li.wide input.input-text {
  /*width:529px;*/
}
.form-list li.wide textarea {
  /*width:529px;*/
}
.form-list li.wide select {
  /*width:535px;*/
}
.form-list li.additional-row {
  border-top: 1px solid #e5e5e5;
  margin-top: 10px;
}
.form-list li.additional-row .btn-remove {
  float: right;
  margin: 5px 0 0;
}
.form-list label {
  float: left;
  font-weight: bold;
  position: relative;
  z-index: 0;
  margin: 0 0 2px 0;
}
.form-list label.required em {
  float: right;
  font-style: normal;
  position: absolute;
  top: 0;
  right: -8px;
}
.form-list .input-box {
  display: block;
  clear: both;
}
.form-list .field {
  float: left;
  width: 275px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 573px) {
  .form-list .field {
    width: 100%;
  }
}
.form-list input.input-text {
  width: 262px;
}
@media only screen and (max-width: 573px) {
  .form-list input.input-text {
    width: 100%;
  }
}
.form-list textarea {
  width: 244px;
  height: 10em;
}
.form-list select {
  width: 262px;
}
.form-list .input-range input.input-text {
  width: 74px;
}
.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;
}
.form-list .name-prefix {
  width: 65px;
}
.form-list .name-prefix select {
  width: 55px;
}
.form-list .name-prefix input.input-text {
  width: 49px;
}
.form-list .name-suffix {
  width: 65px;
}
.form-list .name-suffix select {
  width: 55px;
}
.form-list .name-suffix input.input-text {
  width: 49px;
}
.form-list .name-middlename {
  width: 70px;
}
.form-list .name-middlename input.input-text {
  width: 49px;
}
.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
  width: 140px;
}
.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;
}
.form-list .customer-name-prefix-middlename-suffix .name-lastname {
  width: 205px;
}
.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
  width: 189px;
}

/* Customer */
.form-list .customer-name-prefix-suffix .name-firstname {
  width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
  width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
  width: 189px;
}

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname {
  width: 210px;
}

.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;
}

.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;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
  float: left;
  width: 85px;
}

.form-list .customer-dob input.input-text {
  display: block;
  width: 74px;
}

.form-list .customer-dob label {
  font-size: 10px;
  font-weight: normal;
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
  width: 60px;
}

.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
  width: 46px;
}

.form-list .customer-dob .dob-year {
  width: 140px;
}

.form-list .customer-dob .dob-year input.input-text {
  width: 134px;
}

/* Orders and Returns form
-------------------------------------------------------------- */
#oar_widget_orders_and_returns_form .buttons-set button {
  float: left;
  margin-left: 0;
}

#oar_widget_orders_and_returns_form .buttons-set .required {
  text-align: left;
}

/* Fieldset
-------------------------------------------------------------- */
.fieldset + .fieldset {
  margin-top: 30px;
}

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

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

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

.validation-failed {
  border: 1px solid #ee001c !important;
  background: #fff !important;
}

/* Required */
p.required {
  font-size: 0.8333em; /*10px*/
  text-align: right;
}

p.required,
.product-options dt label.required em,
.form-list label.required em {
  color: #ee001c;
}

/* Expiration date and CVV number validation fix */
.v-fix {
  float: left;
}

.v-fix .validation-advice {
  display: block;
  width: 12em;
  margin-right: -12em;
  position: relative;
}

/* Selected buttons sets
-------------------------------------------------------------- */
/* Log in */
.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
-------------------------------------------------------------- */
#contactForm textarea {
  width: 100%;
  max-width: 535px;
}

/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.success {
  color: #3d6611;
  font-weight: bold;
}

.error {
  color: #ee001c;
  font-weight: bold;
}

.notice {
  color: #ccc;
}

.messages,
.messages ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}

.messages {
  overflow: hidden;
  margin: 0 0 10px;
}

.messages li {
  margin: 0 0 1%;
}

.messages > li:last-child {
  margin-bottom: 0;
}

.messages li li {
  margin: 0;
}

.messages a {
  text-decoration: underline;
}

.catalog-category-view .messages {
  margin-top: 15px;
  margin-bottom: 15px;
}

.cms-index-index .messages,
.cms-home .messages {
  margin: 20px 0 20px;
  clear: both;
}

.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;
}

.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;
}

.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;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs {
  line-height: 1.5em;
  margin: 0 0 10px;
}
.breadcrumbs .last-crumb {
  color: #50b848;
}

.breadcrumbs li {
  float: left;
}

.breadcrumbs li > * {
  display: inline-block;
  vertical-align: middle;
}

/* Left padding smaller because inline-block layout adds a space between elements */
.breadcrumbs li .sep {
  margin-right: 4px;
}

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 {
  margin-bottom: 0;
}

.page-title {
  margin-bottom: 20px;
}

/*.category-title { margin-bottom:10px; }*/
/* Links in page title */
.page-title .separator {
  margin: 0 3px;
}

.page-title .separator,
.page-title .link-reorder,
.page-title .link-rss,
.page-title .link-print {
  font-weight: normal;
  display: inline-block;
  margin-top: 10px;
}

.page-title .link-rss {
  float: right;
  margin-top: 15px;
}

/* Title with buttons */
.title-buttons {
  text-align: right;
}

.title-buttons button {
  margin-left: 1em;
}

.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
-------------------------------------------------------------- */
.sorter {
  padding: 10px 0;
}

/* View mode */
.sorter .view-mode {
  float: right;
}

.sorter .view-mode label {
  margin-right: 5px;
}

.sorter .view-mode .grid,
.sorter .view-mode .list {
  margin-left: 1px;
}

/* Sort by */
.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
-------------------------------------------------------------- */
.pager {
  margin: 10px 0;
  padding: 10px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.pager .pages {
  float: right;
  vertical-align: middle;
}

.pager .pages strong,
.pager .pages span {
  float: left;
  margin-right: 5px;
  font-weight: normal;
}

.pager .pages ol {
  display: inline-block;
  vertical-align: middle;
}

.pager .pages li {
  float: left;
  margin: 0 0 0 1px;
  display: block;
  text-align: center;
}

.pager .pages li a {
  display: block;
  color: inherit;
}

.pager .pages a.previous,
.pager .pages a.next {
  font-size: 16px;
}

/* Toolbar. Pager and sorter inside toolbar
-------------------------------------------------------------- */
.toolbar {
  /* Move up to cover adjacent lines/elements */
  position: relative;
  z-index: 1;
}

/* Pager inside toolbar - align center */
.toolbar .pager {
  margin: 0;
  border-bottom: none;
  text-align: center;
}

.toolbar .pager .pages {
  display: inline-block;
  float: none;
}

/* Bottom toolbar */
.toolbar-bottom {
  margin-top: 10px;
}

.toolbar-bottom .toolbar {
  border-bottom: none;
}

.toolbar-bottom .toolbar .pager {
  border-top: none;
}

.toolbar-bottom .sorter {
  display: none;
}

/* Common styles for toolbar elements
-------------------------------------------------------------- */
/* Height */
.sorter,
.pager {
  line-height: 36px;
} /* Important: the same as the height of the form elements */
/* Icons */
.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 */
.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 */
.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 */
.pager .limiter,
.sorter .limiter {
  float: left;
  margin-right: 15px;
}

/* Data Table
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.data-table {
  width: 100%;
}
.data-table th,
.data-table td {
  padding: 10px;
}
.data-table th .tax-flag {
  font-weight: normal;
}
.data-table thead {
  background: none;
  border-bottom: 1px solid #e5e5e5;
}
.data-table thead th {
  font-weight: bold;
  vertical-align: bottom;
  border-right: none;
}
.data-table thead th.wrap {
  white-space: normal;
}
.data-table tr.odd.last {
  border-bottom: #eee solid 1px;
}
.data-table .data-table tr.even td,
.data-table .data-table tr.even th {
  border-right: 1px solid #f5f5f5;
}
.data-table .data-table tr.even td.last {
  border-right: none;
}
.data-table .data-table tr.even tr.even {
  background-color: #fbfbfb;
}
.data-table tbody tr.product-shop-row:hover {
  background-color: #fff;
}
.data-table tbody tbody.odd td {
  border-width: 0 1px;
}
.data-table tbody tbody.odd tr.last {
  border-bottom: #e5e5e5 solid 1px;
}
.data-table tbody tbody.even {
  background-color: #f5f5f5;
}
.data-table tbody tbody.even td {
  border-width: 0 1px;
}

/* Additional classes for mobile devices
-------------------------------------------------------------- */
/* Cell title */
.data-table .cell-label {
  display: none;
}

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

.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;
}*/
.data-table tr:nth-of-type(2n) {
  background-color: #fbfbfb;
}

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

.data-table-bordered tr {
  border-bottom: #bbb solid 1px;
}

.data-table-bordered tr:nth-of-type(2n+1):last-child {
  border-bottom: #bbb solid 1px;
}

.data-table-bordered tr:nth-of-type(2n) {
  background-color: #fbfbfb;
}

/* Shopping cart total summary row expandable to details
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
tr.summary-total {
  cursor: pointer;
}

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;
}

tr.show-details .summary-collapse {
  background-position: 0 -53px;
}

tr.summary-details td {
  font-size: 11px;
  background-color: #f5f5f5;
  color: #777;
  padding: 2px 5px !important;
}

tr.summary-details-first td {
  border-top: 1px solid #d5d5d5;
}

tr.summary-details-excluded {
  font-style: italic;
}

/* Shopping cart tax info
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-tax-info {
  display: block;
}

.cart-tax-info,
.cart-tax-info .cart-price {
  padding-right: 20px;
}

.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;
}

.cart-tax-info .price,
.cart-tax-total .price {
  display: inline !important;
  font-weight: normal !important;
}

.cart-tax-total-expanded {
  background-position: 100% -53px;
}

/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.link-cart {
  font-weight: bold;
}

.link-reorder {
  font-weight: bold;
}

.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;
}

.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;
}

.cards-list dt {
  margin: 5px 0 0;
}

.cards-list .offset {
  padding: 2px 0 2px 20px;
}

.separator {
  margin: 0 3px;
  font-weight: normal;
  color: #e5e5e5;
}

.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
-------------------------------------------------------------- */
.global-site-notice {
  background: #f5f5f5;
  color: #333;
}

.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;
}

.global-site-notice .notice-inner p {
  width: 80%;
  margin: 0;
  padding: 10px 10px 10px 0;
  display: inline-block;
  vertical-align: middle;
}

.global-site-notice .notice-inner .actions {
  display: inline-block;
  vertical-align: middle;
}

/* Cookie Notice */
.global-site-notice.notice-cookie {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
}

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

.demo-notice .notice-inner {
  width: auto;
  padding: 0;
  background: none;
  text-align: center;
}

.demo-notice .notice-inner p {
  padding: 0;
  border: 0;
}

/* Buttons remove/close and edit
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Common styles for many buttons
-------------------------------------------------------------- */
.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;
}
.btn-remove:hover,
.btn-remove2:hover,
.map-popup-close:hover,
.remember-me-popup-head .remember-me-popup-close:hover,
.btn-edit:hover {
  color: #333;
}
.btn-remove,
.btn-remove2,
.map-popup-close,
.remember-me-popup-head .remember-me-popup-close,
.btn-edit {
  /* Important: no overflow to hide the text inside the button */
  overflow: hidden !important;
}

/* Quick search
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#search_mini_form {
  clear: both;
  display: block;
}

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

.form-search:after {
  clear: both;
}

/* Basic styles */
.form-search {
  position: relative;
}

.form-search label {
  float: left;
  margin: 3px 4px 0 0;
  display: none;
}

.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 */
.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;
}

.form-search .button:hover {
  background-color: transparent;
  color: #000;
}

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

.form-search .button span span {
  display: none;
} /* Hide text label */
/* Search autocomplete */
.form-search .search-autocomplete {
  left: 0 !important; /*Fix for IE*/
  top: 42px !important;
  position: relative;
  z-index: 4100 !important;
}

.form-search .search-autocomplete ul {
  background-color: #fff;
  text-align: left;
  padding: 3px;
}

.form-search .search-autocomplete li {
  padding: 3px 5px;
  cursor: pointer;
  line-height: 24px;
}

.form-search .search-autocomplete li .amount {
  float: right;
  padding-left: 5px;
}

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

.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;
}

.search-wrapper-small .form-search .search-autocomplete {
  top: 30px !important;
}

/* Search: inline
-------------------------------------------------------------- */
.search-wrapper-inline #search_mini_form {
  display: inline-block;
  vertical-align: middle;
}

/* Mini-cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.after-mini-cart {
  clear: both;
}

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

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

/* Elements of the cart */
.mini-cart .bind-mini-cart-content .empty {
  padding: 10px 0;
}

.mini-cart .bind-mini-cart-content .block-subtitle {
  padding: 0;
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: bold;
}

.mini-cart .bind-mini-cart-content .subtotal {
  margin: 20px 0;
  font-size: 14px;
  font-weight: bold;
}

.mini-cart .bind-mini-cart-content .mini-products-list li {
  padding: 0;
  margin: 0 0 5px;
}

.mini-cart .bind-mini-cart-content .mini-products-list li.last {
  margin: 0;
}

.mini-cart .bind-mini-cart-content .btn-remove,
.mini-cart .bind-mini-cart-content .btn-edit {
  float: right;
}

.mini-cart .bind-mini-cart-content .product-details strong {
  font-weight: normal;
}

.mini-cart .bind-mini-cart-content .actions {
  margin: 10px 0 0;
  padding: 0;
  border: none;
  text-align: left;
}

.mini-cart .bind-mini-cart-content .actions button {
  float: left;
  margin-right: 1px;
}

.mini-cart .bind-mini-cart-content .truncated {
  margin-left: 3px;
}

.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)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.mini-compare {
  margin: 0;
  padding: 0;
  border: none;
}

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

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

.mini-compare .mini-compare-content .block-subtitle {
  padding: 0;
  margin: 0 0 20px;
  font-size: 14px;
  font-weight: bold;
}

.mini-compare .mini-compare-content .empty {
  padding: 10px 0;
}

.mini-compare .mini-compare-content .product-name {
  padding-right: 20px;
}

.mini-compare .mini-compare-content .btn-remove {
  float: right;
}

.mini-compare .mini-compare-content .actions {
  margin-top: 20px;
}

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

.mini-compare .mini-compare-content .actions button {
  float: left;
}

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

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

.block-viewed .block-content ol li,
.block-compare .block-content ol li,
.block-compared .block-content ol li {
  padding: 3px 0;
}

/* Mini Products List
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.mini-products-list li {
  padding: 5px 0;
}

.mini-products-list .product-image {
  float: left;
  width: 50px;
}

.mini-products-list .product-details {
  margin-left: 60px;
}

.mini-products-list .product-details h4 {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
}

.mini-products-list .item .btn-remove,
.mini-products-list .item .btn-edit {
  margin-left: 7px;
}

/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-content {
  padding: 10px 0;
}

.block-account .block-content ul {
  list-style: outside disc none;
  padding-left: 25px;
}

.block-account li > * {
  padding: 4px;
  display: block;
  text-transform: uppercase;
}

.block-account li strong {
  font-weight: normal;
}

/* Block: Layered Navigation
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Block subtitle
-------------------------------------------------------------- */
.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) {
  .block-layered-nav .block-subtitle--filter {
    display: none;
  }
}
.block-layered-nav .block-subtitle--filter.active {
  background: rgb(25.0038598116%, 57.9203334877%, 22.471823375%);
}
.block-layered-nav .block-subtitle--filter.active:after {
  content: "-";
  display: block;
  font-weight: bold;
}
.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
-------------------------------------------------------------- */
.block-layered-nav .block-content .toggle-tabs {
  display: none;
}

.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;
}

.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;
}

.block-layered-nav .block-content > dl > dd {
  padding: 0 5px;
  margin: 0;
}

.block-layered-nav dl dd {
  margin-bottom: 10px;
  margin-top: 10px;
}

/* Single filter
-------------------------------------------------------------- */
.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;
}

.catalog-category-view .configurable-swatch-list li > a,
.catalog-category-view .configurable-swatch-list li > span {
  padding: 0 !important;
}

.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 rgba(0, 0, 0, 0);
  border-bottom: 4px solid rgba(0, 0, 0, 0);
  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;
}

.block-layered-nav dl dd ol > li > a:hover:before {
  left: 3px;
}

/* Currently selected filters
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-layered-nav .currently .block-subtitle {
  padding: 0;
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
}
.block-layered-nav .currently ol li {
  margin-bottom: 5px;
  padding: 10px;
  background: #50b848;
  border-radius: 3px;
}
.block-layered-nav .currently ol li:after {
  content: "";
  display: table;
  clear: both;
}
.block-layered-nav .currently ol li .value {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.block-layered-nav .currently .btn-remove {
  float: right;
  margin-top: 3px;
}
.block-layered-nav .currently .btn-remove:before {
  color: #fff;
}
.block-layered-nav .currently .label {
  display: none;
}
.block-layered-nav .actions {
  border-top: none;
  margin: 0 0 15px;
  border-bottom: 2px solid #e4e4e4;
  padding-bottom: 15px;
}
.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 */
.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;
}

.block-related:hover .block-subtitle {
  display: block;
  padding: 8px;
  background-color: #fff;
}

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

/* Block: Related. Simple thumbnails slider
-------------------------------------------------------------- */
.block-related-thumbnails .product-image {
  float: left;
  margin-bottom: 10px;
}

.block-related-thumbnails .product-details {
  margin-left: 110px;
}

.block-related-thumbnails .product-details > * {
  margin-bottom: 5px;
}

.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;
}

.block-related-thumbnails .price-box {
  font-size: 1em;
  line-height: 1.25em;
}

.block-related-thumbnails .checkbox {
  float: left;
  margin: 2px 5px 0 0;
}

/* Add space above item */
.block-related-thumbnails .item {
  padding-top: 20px;
}

/* Block: Compare Products
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.compare-table {
  border: 0;
}

.compare-table .btn-remove {
  float: right;
}

.compare-table tbody tr:hover {
  background-color: #e5e5e5;
}

.compare-table .product-shop-row {
  border-bottom: 1px solid #ccc;
}

.compare-table .product-shop-row th,
.compare-table .product-shop-row td {
  border-color: #eee !important;
}

.compare-table tr.add-to-row {
  background-color: #fff;
  border-top: 1px solid #ccc;
}

.compare-table tr.add-to-row:hover {
  background-color: #fff;
} /* Cover background applied on tr hover */
.compare-table tr.add-to-row td {
  text-align: left;
}

.compare-table tr.first td {
  text-align: left;
}

.compare-table tr.first td .product-name {
  font-family: inherit;
  font-size: 1.1666em;
  font-weight: bold;
  margin: 10px 0;
}

.compare-table tr.first td .ratings {
  width: 145px;
  margin: 10px 0;
}

.compare-table .price-box {
  margin: 10px 0;
  line-height: 15px;
}

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

.compare-table .add-to-links {
  margin-top: 5px;
}

.compare-table .add-to-links li {
  float: none;
}

.compare-table a.link-wishlist {
  overflow: visible;
  text-indent: 0;
  background: none;
  display: inline;
  border: none;
}

/* Block: Recently Viewed
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Block: Recently Compared
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Block: Poll
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-poll .block-subtitle {
  font-weight: normal;
}

.block-poll input.radio {
  float: left;
  margin: 1px -18px 0 0;
}

.block-poll .label {
  display: block;
  margin-left: 18px;
}

.block-poll li {
  padding: 3px 9px;
}

.block-poll .answer {
  font-weight: bold;
}

.block-poll .votes {
  float: right;
  margin-left: 10px;
}

/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-tags .block-content .tags-list {
  background: none;
  border: 0;
  font-size: 12px;
}

.block-tags .actions {
  text-align: right;
}

.block-tags .actions a {
  float: none;
}

/* Block: Subscribe
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-subscribe .input-box {
  margin-top: 5px;
}

.block-subscribe input {
  width: 155px;
}

.block-subscribe .actions button.button {
  float: none;
}

/* Block: Reorder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-reorder input.checkbox {
  float: left;
  margin: 2px -20px 0 0;
}

.block-reorder .product-name {
  margin-left: 20px;
}

.block-reorder .validation-advice {
  margin: 3px 9px 7px;
}

/* Block: Banner
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-banner .block-content {
  text-align: center;
}

/* Block: Login
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-login label {
  font-weight: bold;
  color: #666;
}

.block-login input.input-text {
  display: block;
  width: 167px;
  margin: 3px 0;
}

/* Paypal
-------------------------------------------------------------- */
.sidebar .paypal-logo {
  display: block;
  margin: 10px 0;
  text-align: center;
}

.sidebar .paypal-logo a {
  float: none;
}

/* Block: vertical main menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}*/
.std .subtitle {
  padding: 0;
}

.std ol.ol {
  list-style: decimal outside;
  padding-left: 1.5em;
}

.std dl dt {
  font-weight: bold;
  margin: 0.5em 0;
}

.std dl dd {
  margin: 0 0 0 10px;
}

.std dl,
.std p,
.std address,
.std blockquote {
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 0;
}

.std table {
  margin-bottom: 20px;
}

.std .lead {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 30px;
}

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

/* Disc */
ul.disc {
  list-style: disc outside none;
  padding-left: 1.5em;
}

ul.disc li {
  background-image: none;
  padding-left: 0;
}

/* Bullet */
ul.bullet {
  list-style: none outside none;
}

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;
}

ul.bullet li:hover {
  background-position: 3px 0;
}

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

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

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

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

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

/* Separator */
ul .separator {
  border-bottom: 1px solid #fff;
  margin: 8px 1px;
  overflow: hidden;
}

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

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 */
.std ul.no-bullets {
  list-style: none outside none !important;
  padding-left: 0 !important;
}

.std ul.no-bullets li {
  background-image: none !important;
  padding-left: 0 !important;
}

/* Ordered lists */
.std ol {
  list-style: decimal outside;
  margin: 10px 0;
  padding: 0 0 0 1.5em;
}

.std ol ol,
.std ul ol,
.std ol ul {
  margin: 0.5em 0;
}

/* Misc
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std blockquote {
  font-style: italic;
  padding: 0 0 0 1.5em;
}

.std address {
  font-style: normal;
}

.std b,
.std strong {
  font-weight: bold;
}

.std i,
.std em {
  font-style: italic;
}

/* Override std styles for selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.std .products-grid p {
  margin-bottom: 0;
}

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

.category-description {
  margin: 20px 0;
  position: relative;
}

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

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

strong.product-name {
  font-weight: normal;
}

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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;*/
}

.products-list .price-box.map-info a,
.products-grid .price-box.map-info a {
  margin-left: 3px;
}

/* Product image
-------------------------------------------------------------- */
/* Product alternative image */
.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 */
.products-list .product-image img,
.category-products-grid .product-image img {
  -moz-transform: translateZ(0);
}

/* View type: list
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}

.products-list .product-shop-inner {
  border-right: 1px solid #e5e5e5;
  padding-right: 15px;
}

.products-list .right-column {
  float: right;
}

.products-list .product-name {
  margin: 0 0 15px;
  font-size: 19px;
  line-height: 24px;
}

.products-list .product-image {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.products-list .price-box {
  margin: 0 0 15px;
  font-size: 1.3333em;
  line-height: 1.25em;
}

.products-list .ratings {
  margin: 10px 0;
}

.products-list .desc {
  margin: 15px 0;
}

.products-list .btn-cart {
  width: 100%;
  max-width: 180px;
}

.products-list a.btn-cart {
  padding-left: 0;
  padding-right: 0;
}

.products-list .button span {
  float: none;
}

.products-list .availability {
  float: none;
  margin: 15px 0;
}

.products-list .add-to-links {
  margin: 15px 0 0;
}

/* Hover effect
-------------------------------------------------------------- */
.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)
-------------------------------------------------------------- */
.products-grid .item {
  padding-top: 20px;
  padding-bottom: 0;
  position: relative; /* For hover effect */
}
.products-grid .product-name {
  margin: 15px 0 10px;
  font-family: inherit;
}
.products-grid .product-image-wrapper {
  margin: 0 auto;
  position: relative;
}
.products-grid .product-image {
  display: block;
}
.products-grid .price-box {
  margin: 10px 0 10px;
  display: inline-block;
  width: 100%;
}
.products-grid .ratings {
  margin: 10px 0;
  line-height: 1.0833em;
}
.products-grid .actions {
  margin: 10px 0 0;
}
.products-grid .availability {
  float: none;
  margin: 5px 0;
}
.products-grid .add-to-links {
  margin: 10px 0 0;
}

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

/* Remove equal height */
.products-grid.auto-height .item .actions {
  position: static;
  bottom: auto;
} /* Deprecated */
/* Display grid item elements only on hover
-------------------------------------------------------------- */
.products-grid .item .display-onhover {
  display: none;
}

/* Display grid item elements only on hover: fade-in (for sliders) */
.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;
}

.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
-------------------------------------------------------------- */
.products-grid.single-line-name .product-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.products-grid.single-line-name .item:hover .product-name {
  overflow: visible;
  white-space: normal;
}

/* Align to the center
-------------------------------------------------------------- */
.products-grid.centered .item {
  text-align: left;
}
.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;
}
.products-grid.centered .item .ratings .rating-box,
.products-grid.centered .item .btn-cart {
  margin-left: 0;
  margin-right: 0;
}
.products-grid.centered .item .ratings .amount {
  margin-left: 3px;
}
.products-grid.centered .item input.checkbox {
  float: none;
}
.products-grid.centered .item .actions .add-to-links li {
  float: none;
  margin: 0;
}

/* Grid: only in category view
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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
-------------------------------------------------------------- */
.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
-------------------------------------------------------------- */
.products-grid.size-s .product-name {
  font-size: 1.1666em; /*14px*/
  line-height: 1.2307em; /*16px*/
}

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

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

.products-grid.size-xs .item .btn-cart {
  line-height: 2.5em;
  padding-left: 8px;
  padding-right: 8px;
}

/* Product labels
-------------------------------------------------------------- */
.products-grid.size-s .sticker {
  width: 45px;
  height: 45px;
  font-size: 1em;
}

.products-grid.size-s .item:hover .sticker {
  width: 50px;
  height: 50px;
}

.products-grid.size-xs .sticker {
  width: 40px;
  height: 40px;
  font-size: 0.9166em; /*11px*/
}

.products-grid.size-xs .item:hover .sticker {
  width: 45px;
  height: 45px;
}

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

.ratings strong {
  float: left;
  margin: 1px 5px 0 0;
} /* For backward compatibility */
.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;
}

.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;
}

.ratings .rating-box,
.ratings .amount,
.ratings .rating-links {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
}
.ratings .rating-box {
  margin-right: 6px;
}
.ratings .amount {
  white-space: nowrap;
  font-size: 10px;
  text-transform: uppercase;
}
.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;
}

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

.ratings-table th {
  padding-right: 8px;
}

/* Generic block for feature presentation on product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-action {
  display: block;
  margin: 10px 0;
}

.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;
}

.product-action .label {
  vertical-align: middle;
  margin-left: 3px;
}

/* Availability - only X left
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
a.availability-only {
  cursor: pointer;
} /* It may also be a link to toggle more details */
/* Enlarge the icon */
.availability-only .ic {
  font-size: 20px;
  margin: 0 !important; /* Override default margin of icon inside "feature" element */
}

/* Inside the label */
.availability-only strong {
  font-weight: normal;
}

.availability-only .caret {
  margin-left: 8px;
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Table with details */
.availability-only-details {
  width: 100%;
  margin: -10px auto 20px;
}

.availability-only-details thead {
  border-bottom: 1px solid #e5e5e5;
}

.availability-only-details th {
  padding: 4px 12px;
  font-weight: bold;
}

.availability-only-details td {
  padding: 1px 12px;
  border-right: 1px solid #f5f5f5;
}

.availability-only-details td.last {
  border-right: none;
}

/* Product increments
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.extrahint-wrapper .product-pricing {
  padding: 10px;
  background-color: #f5f5f5;
}

.product-options-bottom .product-pricing {
  clear: left;
}

/* Alerts
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.price {
  white-space: nowrap !important;
}

.price-box {
  margin: 0;
}

/* Common labels */
.old-price .price-label,
.special-price .price-label {
  white-space: nowrap;
}

.old-price .price-label {
  display: none;
}

/* Regular price */
/* Old price */
.old-price {
  margin: 0;
}

.old-price .price {
  text-decoration: line-through;
}

/* Special price */
/* Minimal price (as low as) */
.minimal-price {
  margin: 0 0 5px;
}

.minimal-price .price-label {
  white-space: nowrap;
}

.minimal-price-link {
  display: block;
}

/* Excluding tax */
.price-excluding-tax {
  display: block;
}

.price-excluding-tax .label {
  white-space: nowrap;
}

.price-excluding-tax .price {
  font-weight: normal;
}

/* Including tax */
.price-including-tax {
  display: block;
}

.price-including-tax .label {
  white-space: nowrap;
}

/* Configured price */
.configured-price {
  margin: 0;
}

.configured-price .price-label {
  font-weight: bold;
  white-space: nowrap;
}

.configured-price .price {
  font-weight: bold;
}

/* FPT */
.weee {
  display: block;
  font-size: 11px;
}

.weee .price {
  font-size: 11px;
  font-weight: normal;
}

/* Excl tax (for order tables) */
.price-excl-tax {
  display: block;
}

.price-excl-tax .label {
  display: block;
  white-space: nowrap;
}

.price-excl-tax .price {
  display: block;
}

/* Incl tax (for order tables) */
.price-incl-tax {
  display: block;
}

.price-incl-tax .label {
  display: block;
  white-space: nowrap;
}

.price-incl-tax .price {
  display: block;
  font-weight: bold;
}

/* Price range */
.price-from {
  margin: 0;
}

.price-from .price-label {
  white-space: nowrap;
}

.price-to {
  margin: 0;
}

.price-to .price-label {
  white-space: nowrap;
}

/* Price notice next to the options */
.price-notice {
  margin-left: 5px;
}

.price-notice .price {
  padding-left: 3px;
}

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

.price-box-bundle .price-box {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Tier Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.tier-prices {
  margin: 0 0 10px;
  padding-left: 10px;
}

.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;
}

.tier-prices .benefit {
  color: #ee001c;
  font-weight: normal;
}

.tier-prices-grouped li {
  padding: 2px 0;
}

.tier-prices-grouped li .price {
  font-weight: bold;
}

/* Add-to links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.add-to-links .separator {
  display: none;
}

.add-to-links li {
  float: left;
}

.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 */
.addto-links-icons .link-compare {
  margin-left: 3px;
}

.addto-links-icons a {
  display: block;
}

.addto-links-icons .ic {
  font-size: 16px;
}

/* If displayed on product image */
.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 */
.product-view .btn-cart {
  min-width: 200px;
  margin-bottom: 15px;
}
.product-view .add-to-cart {
  margin-top: 7px;
  float: none;
}

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

/* Quantity plus/minus
-------------------------------------------------------------- */
.qty-buttons-wrapper {
  display: inline-block;
}

.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;
}

.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
-------------------------------------------------------------- */
.add-to-cart.left-side {
  float: none !important; /* In case floating is set in some other styles */
}

.add-to-cart.left-side .btn-cart {
  float: left;
}

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

.add-to-cart.left-side .qty-wrapper label {
  padding-left: 10px;
}

/* PayPal
-------------------------------------------------------------- */
.product-view .paypal-wrapper {
  float: left;
}

.product-view .paypal-wrapper .paypal-logo {
  margin: 0;
  padding: 5px 0 0;
  text-align: right;
}

.product-view .paypal-wrapper .paypal-logo .paypal-or {
  clear: both;
  display: block;
  margin: 5px 60px 5px 0;
}

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

.add-to-cart .paypal-logo .paypal-or {
  clear: both;
  display: block;
  margin: 5px 60px 5px 0;
}

/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Enlarged nested container. */
.product-view {
  width: 102%;
  margin-left: -1%;
}

/* Product images
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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. */
}

.col3-layout .product-view .product-img-column {
  float: none;
  margin: 0 auto;
}

/* Product primary column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-shop {
  float: left;
}

.product-view .product-shop .product-name {
  margin: 0 0 20px;
}

.product-view .product-shop .product-name h1 {
  margin: 0;
  font-size: 3.2rem;
}

.product-view .product-shop .ratings-table {
  margin: 15px 0 5px;
}

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

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

.product-view .short-description ul {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Add-to links */
.product-view .action-box {
  margin: 20px 0;
}

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

.product-view .add-to-links a {
  display: block;
}

.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 */
.extrahint-wrapper {
  margin-bottom: 15px;
}

/* Downloadable product
-------------------------------------------------------------- */
.product-type-data .item-options {
  clear: both;
}

.product-type-data .item-options dt {
  float: none;
  margin: 0 0 5px;
}

/* The same style as "item-options" in cart */
.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
-------------------------------------------------------------- */
.product-view .data-table th {
  font-weight: bold;
}

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

.product-view .product-shop .price-box .price-excluding-tax .price {
  font-size: inherit;
}

/* Main price (prominent) */
.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 */
.product-view .product-shop .price-box .old-price .price-label {
  white-space: nowrap;
  display: none;
}

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

/* Move MSRP links below the price */
.product-view .product-shop .price-box.map-info .old-price {
  display: block;
}

/* Special price */
.product-view .price-box .special-price .price-label {
  white-space: normal;
}

.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 */
.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 */
.product-view .product-type-data {
  margin: 10px 0 0;
}

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

.product-view .container1-wrapper,
.product-view .container2-wrapper {
  margin: 0 0 15px;
  border-bottom: 1px solid #e5e5e5;
}

.product-view .container2-wrapper {
  margin-bottom: 30px;
}

/* Button container */
.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) */
.product-view .short-description .std ul:not(.ic-ul),
.product-view .box-tabs .std ul:not(.ic-ul) {
  list-style: none outside none;
}

.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 */
.product-view .box-tabs .std ul {
  margin-bottom: 1em;
}

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

.product-view .short-description .std ul.disc li,
.product-view .box-tabs .std ul.disc li {
  background-image: none;
  padding-left: 0;
}

/* Product options
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-options {
  position: relative;
  display: inline-block;
  width: 100%;
}
.product-options dl {
  margin-bottom: 10px;
}
.product-options dt {
  font-weight: normal;
}
.product-options dt label {
  display: inline-block;
  font-weight: bold;
}
.product-options dt label.required em {
  float: right;
  margin-left: 3px;
}
.product-options dt .qty-disabled {
  background: none;
  border: 0;
  padding: 3px;
}
.product-options dd {
  margin: 0;
}
.product-options dd .qty-holder {
  display: block;
  padding: 5px 0 0;
}
.product-options dd .qty-holder label {
  vertical-align: middle;
}
.product-options dd input.input-text {
  width: 100%; /*98%*/
}
.product-options dd input.datetime-picker {
  width: 150px;
}
.product-options dd .time-picker {
  display: -moz-inline-box;
  display: inline-block;
  padding: 2px 0;
  vertical-align: middle;
}
.product-options dd textarea {
  width: 100%; /*width:92%;*/
  height: 8em;
}
.product-options dd select {
  width: 100%;
}
.product-options dd .multiselect option {
  border-bottom: 1px dotted #d9e5ee;
  padding: 2px 4px;
}
.product-options dl.last dd.last {
  border-bottom: 0;
}
.product-options ul.options-list {
  margin-right: 5px;
}
.product-options ul.options-list li {
  line-height: 1.5;
  padding: 2px 0;
}
.product-options ul.options-list input.radio {
  float: left;
}
.product-options ul.options-list input.checkbox {
  float: left;
  margin-top: 2px;
}
.product-options ul.options-list .label {
  display: block;
  margin-left: 18px;
  color: #333;
  font-size: 14px;
  text-align: left;
}
.product-options ul.options-list label {
  font-weight: normal;
}
.product-options ul.validation-failed {
  padding: 0 7px;
}
.product-options p.note {
  margin: 0;
  font-size: 0.9166em;
}
.product-options p.required {
  position: absolute;
  right: 0;
  top: -15px;
}

/*bottom*/
.product-options-bottom {
  /*margin-top:20px;*/
}
.product-options-bottom .tier-prices {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
  background: 0;
}
.product-options-bottom .tier-prices li {
  background: 0;
  padding: 2px 0;
}
.product-options-bottom .add-to-cart {
  clear: both;
}

.product-shop .product-options-bottom {
  margin: 0;
}

.product-shop .product-options-bottom .price-label {
  float: none;
  padding-right: 0;
}

.product-shop .product-options-bottom .price-tax {
  float: none;
}

.product-shop .product-options-bottom .add-to-cart-box {
  clear: both;
  float: left;
  padding-top: 12px;
}

/* Grouped Product
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .grouped-items-table {
  margin: 0;
  clear: both;
}

.product-view .grouped-items-table thead th {
  font-weight: bold;
}

.product-view .grouped-items-table .price-box {
  margin: 0;
  padding: 0;
  border: 0;
}

.product-view .grouped-items-table .price-box .price-including-tax .price {
  font-size: inherit;
  font-family: inherit;
}

.product-view .grouped-items-table td {
  vertical-align: middle;
}

.product-view .grouped-items-table .price-box .regular-price .price {
  font-size: inherit;
  font-family: inherit;
}

/* Block: Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-tags .info {
  margin-bottom: 10px;
}

.product-view .box-tags .product-tags {
  display: block;
  margin: 0 0 25px;
}

.product-view .box-tags .product-tags li {
  display: inline;
  padding: 0 7px;
  border-right: 1px solid #e5e5e5;
}

.product-view .box-tags .product-tags li.first {
  padding-left: 0;
}

.product-view .box-tags .product-tags li.last {
  padding-right: 0;
  border-right: 0;
}

.product-view .box-tags .form-add label {
  display: block;
  font-weight: bold;
  margin: 0 0 5px;
}

.product-view .box-tags .form-add .input-box {
  float: left;
  margin: 0 5px 5px 0;
}

.product-view .box-tags .form-add input.input-text {
  width: auto;
}

.product-view .box-tags .note {
  margin: 3px 0 0;
}

/* Block: Reviews
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .box-reviews {
  margin-top: 15px;
}
.product-view .box-reviews .heading {
  font-weight: normal;
  font-size: 17px;
  margin-bottom: 10px;
}
.product-view .box-reviews dl {
  margin: 30px 0 15px;
}
.product-view .box-reviews dt span {
  font-weight: bold;
}
.product-view .box-reviews dt a {
  font-size: 18px;
  margin-right: 8px;
}
.product-view .box-reviews dd {
  margin: 0 0 15px 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #e5e5e5;
}
.product-view .box-reviews dd:last-child {
  border-bottom: none;
}
.product-view .box-reviews .ratings-table {
  display: block;
  margin: 10px 0;
}
.product-view .box-reviews .review-content {
  display: block;
  margin-bottom: 10px;
}
.product-view .box-reviews .review-details {
  display: block;
  margin-bottom: 0;
}
.product-view .box-reviews .review-author {
  display: inline-block;
}
.product-view .box-reviews .review-date {
  display: inline-block;
  font-style: italic;
}
.product-view .box-reviews .pager {
  margin-bottom: 25px;
}
.product-view .box-reviews .form-add .form-list {
  margin: 15px 0 0;
}
.product-view .box-reviews .form-add .form-list input.input-text {
  width: 100%;
  max-width: 340px;
}
.product-view .box-reviews .form-add .form-list textarea {
  width: 100%;
  max-width: 500px;
}
.product-view .box-reviews .form-add .data-table {
  max-width: 176px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .product-view .box-reviews .form-add .data-table {
    max-width: 100%;
  }
}
.product-view .box-reviews .form-add .data-table th,
.product-view .box-reviews .form-add .data-table td {
  text-align: center;
  line-height: 1em;
}
.product-view .box-reviews .form-add .data-table td .radio {
  margin: 0;
}
.product-view .box-reviews .buttons-set {
  border: none;
  margin: 10px 0 0;
  padding: 0;
}
.product-view .box-reviews .buttons-set button.button {
  float: left;
  margin-left: 0;
}

/* Send a Friend
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.send-friend .form-list li p {
  margin: 0 15px 0 0;
}

.send-friend .form-list .field {
  margin-bottom: 8px;
}

.send-friend .form-list textarea {
  width: 100%;
}

.send-friend .buttons-set .limit {
  float: right;
  margin: 0 7px;
}

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

/* Boxes for collateral data
-------------------------------------------------------------- */
.product-view .box-collateral {
  margin-top: 0;
  margin-bottom: 30px;
}

/* Remove margin if box is inside one of the main sections of product page */
.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 */
.product-view .box-tabs .box-collateral {
  margin-bottom: 0;
}

/* Collateral container
-------------------------------------------------------------- */
.product-view .collateral-container.box-tabs {
  /* Add large space below tabs */
  margin-bottom: 50px;
}

/* Headings
-------------------------------------------------------------- */
.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)
-------------------------------------------------------------- */
.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 */
.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 */
.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
-------------------------------------------------------------- */
.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 */
.tags-list li {
  display: inline;
}

/* Advanced Search */
.advanced-search-summary {
  padding: 20px;
  margin: 10px 0;
}

.advanced-search-summary ul {
  float: left;
  margin: 0 4% 10px 0;
  width: 46%;
}

.advanced-search-summary li {
  margin: 0 0 2px 0;
  font-size: 1.25em;
}

.advanced-search-summary strong {
  margin: 0 5px 0 0;
}

.advanced-search-summary p {
  clear: both;
  float: left;
  display: block;
  margin: 10px 0 0;
}

/* Advanced Search - form */
.advanced-search .form-list label {
  padding-right: 10px;
  width: 140px;
}

.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 */
}

.catalogsearch-advanced-index .fieldset {
  margin-bottom: 3px;
}

.catalogsearch-advanced-index .buttons-set {
  padding-left: 0;
}

.catalogsearch-advanced-index .buttons-set button.button {
  float: left;
  margin-left: 0;
}

/* Sitemap */
.page-sitemap .links {
  float: right;
  margin: 0 0 5px;
  text-align: center;
}

.page-sitemap .links a {
  text-decoration: none;
  position: relative;
}

.page-sitemap .sitemap {
  margin: 15px;
}

.page-sitemap .sitemap li {
  margin: 3px 0;
}

.page-sitemap .sitemap li.level-0 {
  margin: 10px 0 0;
  font-weight: bold;
}

.page-sitemap .pager {
  clear: both;
}

/* RSS */
.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;
}

.rss-table .link-rss {
  display: block;
}

/* Shopping Cart %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Checkout Types
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .page-title .checkout-types li {
  margin: 0 0 5px;
}
.cart .title-buttons .checkout-types {
  float: right;
}
.cart .title-buttons .checkout-types li {
  float: left;
  margin: 0 0 5px 5px;
}

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

/* Table bottom - buttons
-------------------------------------------------------------- */
.cart-table tfoot td.last {
  padding: 0;
}
.cart-table tfoot button {
  padding: 0;
  margin: 0 0 15px 10px;
}
.cart-table .btn-continue {
  float: left;
  margin-left: 0;
}
.cart-table .btn-update,
.cart-table .btn-empty {
  float: right;
}

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

.cart .cart-left-column > *,
.cart .cart-right-column > * {
  margin-bottom: 20px;
}

.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; }*/
/*
-------------------------------------------------------------- */
.cart-wide-box .crosssell li.item {
  float: left;
  width: 265px;
  min-height: 109px;
}

.cart-wide-box .crosssell li.item.odd {
  padding-right: 20px;
  border-right: 1px solid #eee;
}

.cart-wide-box .crosssell li.item.even {
  padding-left: 20px;
}

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

.cart .discount .buttons-set button.button,
.cart .shipping .buttons-set button.button {
  float: none;
  margin-left: 0;
}

/* Discount Codes (coupons)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .discount label {
  display: block;
  margin: 0 0 5px;
}

.cart .discount input.input-text {
  width: 100%;
}

/* Estimate Shipping
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .shipping input.input-text,
.cart .shipping select {
  width: 100%;
}

.cart .shipping p {
  margin-bottom: 10px;
}

.cart .shipping .sp-methods {
  margin: 10px 0 0;
}

/* Shopping Cart Totals
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart .totals {
  background-color: #f5f5f5;
}
.cart .totals table {
  width: 100%;
}
.cart .totals table td {
  padding: 1px 0 1px 7px;
}
.cart .totals table tfoot th {
  padding: 5px 15px 5px 7px;
}
.cart .totals table tfoot td {
  padding-bottom: 5px;
}
.cart .totals table tfoot th strong,
.cart .totals table tfoot td strong {
  font-size: 16px;
}
.cart .totals .checkout-types {
  text-align: right;
}
.cart .totals .checkout-types li {
  clear: both;
  margin: 10px 0 0;
}
.cart .totals-inner {
  padding: 20px;
}

/* Item Options and Options Tool Tip
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.item-options dt {
  float: left;
  clear: left;
}

.item-options dd {
  float: left;
  margin: 0 0 2px;
  padding-left: 7px;
  font-style: italic;
}

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

.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;
}

.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
-------------------------------------------------------------- */
.truncated {
  cursor: help;
  display: inline-block;
}

.truncated a.dots {
  cursor: help;
}

.truncated a.details {
  cursor: help;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}

.truncated .truncated_full_value {
  position: relative;
  z-index: 999;
}

.truncated .truncated_full_value .item-options {
  position: absolute;
  top: -99999em;
  left: -99999em;
  z-index: 999;
  width: 190px;
  padding: 15px;
}

.truncated .truncated_full_value .item-options > p {
  font-weight: bold;
  margin-bottom: 2px;
}

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

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

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

.sp-methods dt:first-child {
  margin-top: 0;
}

.sp-methods dt.a-center {
  text-align: left !important;
} /* Heading "Credit Card Information" in the Order Review tab */
.sp-methods dd {
  margin: 3px 0 15px;
}

.sp-methods dd li {
  margin: 5px 0;
}

.sp-methods .price {
  font-weight: bold;
}

.sp-methods .form-list {
  padding: 10px 10px 10px 22px;
}

.sp-methods select.month {
  width: 150px;
  margin-right: 10px;
}

.sp-methods select.year {
  width: 96px;
}

.sp-methods input.cvv {
  width: 5em !important;
}

.sp-methods .checkmo-list label {
  padding-right: 10px;
}

.sp-methods .checkmo-list address {
  float: left;
}

.sp-methods .centinel-logos a {
  margin-right: 3px;
}

.sp-methods .centinel-logos img {
  vertical-align: middle;
}

.please-wait {
  float: right;
  margin-right: 5px;
}

.please-wait img {
  vertical-align: middle;
}

.cvv-what-is-this {
  cursor: help;
  margin-left: 10px;
}

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

.tool-tip .btn-close a {
  display: block;
  margin: 0 0 5px;
}

/* Gift Messages */
.gift-messages {
  margin: 30px 0 10px;
}

.gift-messages-form {
  border: 1px solid #e5e5e5;
  padding: 20px;
  position: relative;
}

.gift-messages-form p {
  margin-bottom: 10px;
}

.gift-messages-form label {
  float: none !important;
  position: static !important;
}

.gift-messages-form .item {
  margin: 0 0 10px;
}

.gift-messages-form .item .product-img-box {
  float: left;
  width: 75px;
}

.gift-messages-form .item .product-image {
  margin: 0 0 7px;
}

.gift-messages-form .item .number {
  margin: 0;
  font-weight: bold;
  text-align: center;
}

.gift-messages-form .item .details {
  margin-left: 90px;
}

.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;
}

.gift-message-link.expanded {
  background-position: 0 -53px;
}

.gift-message-row .btn-close {
  float: right;
  padding: 0 7px 0;
}

.gift-message dt strong {
  font-weight: bold;
  color: #666;
}

.gift-message dd {
  margin: 5px 0 0;
  font-size: 13px;
}

.order-gift-message {
  margin: 15px 0;
}

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

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

.checkout-agreements .agree input.checkbox {
  margin-right: 8px;
}

.checkout-agreements .agree label {
  font-weight: bold;
  vertical-align: middle;
}

/* Centinel */
.centinel .authentication {
  border: 1px solid #ddd;
  background: #fff;
}

.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 */
.info-set .data-table .item-options {
  margin: 5px 0 0;
}

/********** Common Checkout Styles > */
/* Block - progress
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-progress dl {
  margin-top: 15px;
}

.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;
}

.block-progress dd {
  margin-bottom: 25px;
  padding-left: 15px;
  font-style: italic;
}

.block-progress address {
  font-style: italic;
}

.block-progress dt a {
  /* Reset styles of the heading text */
  text-transform: none;
  font-weight: normal;
}

.block-progress p {
  margin: 0;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.opc {
  position: relative;
}
.opc .buttons-set.disabled button.button {
  display: none;
}
.opc .buttons-set .please-wait {
  height: 45px;
  line-height: 45px; /* The same height as the button */
}
.opc .ul {
  list-style: disc outside;
  padding-left: 18px;
}
.opc .section {
  margin: 0 0 10px;
  padding: 0;
}
.opc .section.allow {
  cursor: pointer;
}
.opc .section.allow.active {
  cursor: auto;
}
.opc .section.allow .step-title {
  background: #f5f5f5;
}
.opc .section.allow .step-title h2 {
  color: #333;
}
.opc .section.allow .step-title a {
  display: block;
}
.opc .section.allow .step-title:hover {
  background-color: #e5e5e5;
}
.opc .step-title {
  background: #f5f5f5;
  padding: 10px;
  text-align: right;
}
.opc .step-title:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.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;
}
.opc .step-title h2 {
  float: left;
  margin: 0;
  color: #999;
  font-size: 22px;
  line-height: 38px;
}
.opc .step-title a {
  display: none;
  float: right;
  margin-top: 8px;
}
.opc .active .step-title {
  background-color: #e5e5e5;
  cursor: default;
}
.opc .active .step-title a {
  display: none;
}
.opc .active .step-title .number {
  background: #50b848 !important;
  color: #fff;
}

.opc .step {
  padding: 10px 20px;
  margin-top: 10px;
  position: relative;
}

.opc .step .tool-tip {
  right: 30px;
}

@media (max-width: 768px) {
  .opc-block-progress .block-content {
    display: block !important;
  }
}
#opc-login .buttons-set button {
  float: left;
  margin-left: 0;
}
#opc-login .buttons-set a {
  float: right !important;
  border-bottom: 2px solid #50b848;
  margin-bottom: 10px;
}
#opc-login h3 {
  margin-top: 10px;
}
#opc-login h4 {
  font-family: inherit;
  font-weight: normal;
}
#opc-login .form-list {
  margin: 15px 0 15px;
}
#opc-login .form-list li {
  margin: 0 0 3px;
}

.opc .gift-messages-form {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
}

.opc .gift-messages-form .inner-box {
  overflow: visible;
}

#opc-review .step {
  padding: 0;
}

#opc-review .item-options {
  margin: 5px 0 0;
}

#opc-review .btn-checkout {
  min-width: 200px;
}

#opc-review .buttons-set p {
  margin: 0;
  line-height: 28px;
}

#opc-review .buttons-set .please-wait {
  height: 28px;
  line-height: 28px;
}

#opc-review .authentication {
  margin: 0 auto;
  width: 570px;
}

#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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.multiple-checkout h2,
.info-set h2 {
  font-weight: bold;
  margin: 0 0 10px;
}

.multiple-checkout h3,
.multiple-checkout h4,
.info-set h3,
.info-set h4 {
  font-size: 15px;
  font-weight: bold;
}

.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;
}

.multiple-checkout .data-table .product-name,
.info-set .data-table .product-name {
  font-size: 13px;
  margin: 0 0 5px;
}

.multiple-checkout .col2-set h2.legend,
.info-set h2.legend {
  font-weight: normal;
}

.multiple-checkout .col2-set h3.legend,
.info-set h3.legend {
  color: #ce001a;
  margin: 0 0 10px;
}

.multiple-checkout .col2-set .divider,
.info-set .divider {
  margin: 0 -20px;
  padding: 25px 0;
  position: relative;
}

.multiple-checkout .box,
.info-set .box {
  margin: 0 0 15px;
}

/* Multiple Addresses Checkout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.checkout-progress {
  padding: 0 110px;
  margin: -11px 0 25px;
}

.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;
}

.checkout-progress li.active {
  border-top-color: #ce001a;
  color: #ce001a;
}

.multiple-checkout .page-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
}

.multiple-checkout .buttons-set {
  border-top: 1px solid #e5e5e5;
  margin-top: 40px;
  padding-top: 15px;
}

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

.multiple-checkout .data-table thead th {
  padding: 10px;
  font-weight: normal;
}

.multiple-checkout .gift-messages {
  margin: 15px 0 0;
}

.multiple-checkout .tool-tip {
  top: 50%;
  margin-top: -120px;
  right: 10px;
}

.multiple-checkout .col2-set .col-1 {
  width: 32%;
}

.multiple-checkout p.actions {
  margin-bottom: 10px;
}

.multiple-checkout .place-order .please-wait {
  margin-top: 10px;
}

.multiple-checkout .place-order .grand-total {
  font-size: 1.5em;
  text-align: right;
}

.multiple-checkout .place-order .grand-total .inner div {
  display: inline;
}

.multiple-checkout .place-order .grand-total big {
  display: inline;
  margin-right: 20px;
}

/* Step 1 */
#multiship-addresses-table td {
  padding: 10px;
}

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

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

.account-login p {
  margin-bottom: 20px;
}

.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" */
.account-login .buttons-set {
  margin-top: 10px;
}

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

.account-login .buttons-set a {
  float: right !important;
  margin-bottom: 10px;
}

/* My Account Dashboard
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-account .title-buttons .link-rss {
  float: none;
  margin: 0;
}

/********** < Dashboard */
.dashboard .welcome-msg {
  margin: 0 0 1.6666em;
}

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

.dashboard .welcome-msg .hello strong {
  font-weight: normal;
}

.dashboard .col-1,
.dashboard .col-2 {
  margin-bottom: 1.5em;
}

/* General Box */
.box-account {
  margin: 0 0 2.5em;
}

.box-account .box-head {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 10px;
  padding-bottom: 5px;
}

.box-account .box-head a {
  float: right;
  margin-top: 10px;
}

.box-account .box-head h2 {
  float: left;
  margin: 0;
  background-position: 0 0;
  background-repeat: no-repeat;
}

.box-account.box-info .col-1 {
  border-right: 1px solid #e5e5e5;
}

.box-account.box-info .col-1 .box {
  padding-right: 10px;
}

.dashboard .box .box-title {
  padding: 0 0 2px;
  margin: 0 0 10px;
  text-align: right;
  border-bottom: 1px solid #e5e5e5;
}

.dashboard .box .box-title h3,
.dashboard .box .box-title h4 {
  float: left;
  margin: 0;
}

/* Block: Recent Orders */
/* Block: Account Information */
.dashboard .box-info h4 {
  font-weight: normal;
  text-transform: uppercase;
}

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

.dashboard .box-reviews .details {
  margin-left: 38px;
}

.dashboard .box-reviews li.item {
  margin: 0 0 7px;
}

.dashboard .box-reviews li.item.last {
  margin: 0;
}

.dashboard .box-reviews .ratings {
  margin: 5px 0 0;
}

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

.dashboard .box-tags .details {
  margin-left: 38px;
}

.dashboard .box-tags .tags {
  margin: 5px 0 0;
}

.dashboard .box-tags li.item {
  margin: 0 0 7px;
}

.dashboard .box-tags li.item.last {
  margin: 0;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.addresses-list h3 {
  font-weight: normal;
}

.addresses-list address {
  margin-bottom: 10px;
}

.addresses-list .link-remove:hover {
  color: #ee001c;
}

.addresses-list .separator {
  margin: 0 3px;
}

.addresses-list .addresses-primary .item {
  padding: 15px;
  margin: 0 0 10px;
  background-color: #f5f5f5;
}

.addresses-list li.empty {
  background: none;
  border: 0;
  padding: 0;
}

.addresses-list li.empty p {
  color: #555;
}

.addresses-list .addresses-additional .item {
  padding: 15px;
  margin: 0 0 10px;
  border: 1px solid #e5e5e5;
}

.my-account .pager {
  margin-bottom: 20px;
  border-top: none;
  padding-top: 0;
}

.my-account .buttons-set {
  border-top: none;
}

/* Order View
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info {
  margin: 20px 0 10px;
}

.order-info dt,
.order-info dd,
.order-info li,
.order-info li a {
  float: left;
}

.order-info dt {
  font-weight: bold;
}

.order-info li {
  margin-right: 1px;
}

.order-info dt,
.order-info li.current,
.order-info li a {
  padding: 10px;
}

.order-info dt {
  padding-left: 0;
}

.order-info li a {
  background-color: #f8f8f8;
}

.order-info li a:hover,
.order-info li.current {
  background-color: #e5e5e5;
}

/* Date */
.order-date {
  margin: 15px 0;
  color: #ee001c;
  clear: both;
}

/*
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.order-info-box {
  margin: 0 0 10px;
  padding: 20px;
}

.order-info-box .col-1 {
  border-right: #e5e5e5 solid 1px;
}

.order-info-box .box-payment p {
  margin: 0 0 3px;
}

.order-info-box .box-payment th {
  font-weight: bold;
  padding-right: 7px;
}

.order-items .data-table {
  margin-bottom: 20px;
}

.order-items .data-table td {
  padding: 5px 9px;
}

.order-items .data-table .grand_total {
  font-size: 1.3333em;
}

/* Grand total color */
.order-items {
  width: 100%;
}

.order-items .product-name {
  margin: 0 0 3px;
  font-size: 12px;
}

.order-items .link-print {
  font-weight: normal;
}

.order-items p .link-print {
  float: none;
}

.order-items h2,
.order-about h2 {
  margin: 15px 0;
}

.order-items h3.table-caption {
  font-size: 13px;
  font-weight: bold;
}

.order-items h2.table-caption a,
.order-items h2.sub-title a {
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}

.order-items .order-links {
  text-align: right;
}

.order-details h2 .separator {
  color: #999;
  font-size: 12px;
}

.order-about {
  margin: 0 0 15px;
  padding: 5px 30px;
}

.order-about dt {
  font-weight: bold;
}

.order-about dd {
  font-size: 12px;
  margin-bottom: 15px;
}

.tracking-table {
  margin: 0 0 15px;
}

.tracking-table th {
  width: 20%;
  font-weight: bold;
  white-space: nowrap;
}

.tracking-table th,
.tracking-table td {
  padding: 5px 9px;
}

.tracking-table-popup {
  width: 100%;
}

.tracking-table-popup th {
  font-weight: bold;
  white-space: nowrap;
}

.tracking-table-popup th,
.tracking-table-popup td {
  padding: 1px 8px;
}

/* Order Print Pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-print .print-head {
  margin: 0 0 15px;
}

.page-print .print-head .logo {
  float: left;
}

.page-print .print-head address {
  float: left;
  margin-left: 15px;
}

.page-print h1 {
  font-size: 16px;
  font-weight: bold;
}

.page-print h2,
.page-print h3 {
  font-size: 13px;
  font-weight: bold;
}

.page-print h2.h2 {
  font-size: 16px;
  font-weight: bold;
}

.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;
}

.page-print .col2-set {
  margin: 0 0 10px;
}

/* Price Rewrites */
.page-print .gift-message-link {
  display: none;
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
  display: block;
  white-space: nowrap;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-wishlist .product-image {
  display: block;
  margin: 0 0 5px;
  min-width: 113px;
  max-width: 140px;
}

.my-wishlist .product-name {
  margin-bottom: 10px;
}

.my-wishlist .description {
  margin-bottom: 10px;
}

.my-wishlist textarea {
  display: block;
  width: 97%;
  height: 70px;
  border: 1px solid #e5e5e5;
}

.my-wishlist .price-box {
  margin-bottom: 5px;
}

.my-wishlist .add-to-cart-alt {
  margin-bottom: 10px;
}

.my-wishlist .buttons-set {
  margin-top: 2em;
}

#wishlist-table .add-to-links {
  white-space: nowrap;
}

.my-wishlist .data-table tr.even {
  background: #f8f8f8;
}

.my-wishlist .btn-cart {
  margin: 10px 0 5px;
}

/* My Tags
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.my-tag-edit {
  float: left;
  margin: 0 0 10px;
}

.my-tag-edit .btn-remove {
  float: right;
  margin: 5px 0 0 5px;
}

#my-tags-table {
  clear: both;
}

#my-tags-table td {
  padding: 10px;
}

#my-tags-table .add-to-links {
  white-space: nowrap;
}

/* My Reviews TODO:deprecated
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#my-reviews-table td {
  padding: 10px;
}

.product-review .product-img-box {
  float: left;
  width: 140px;
}

.product-review .product-img-box .product-image {
  display: block;
  width: 125px;
  height: 125px;
}

.product-review .product-img-box .label {
  margin: 0 0 8px;
}

.product-review .product-img-box .ratings .rating-box {
  float: none;
  display: block;
  margin: 0 0 10px;
}

.product-review .product-details {
  margin: 0 20px 20px 155px;
}

.product-review .product-name {
  font-size: 18px;
  margin: 0 0 18px;
}

.product-review h3 {
  font-size: 12px;
  margin: 15px 0 5px;
}

.product-review .ratings-table {
  margin: 0 0 15px;
}

.product-review dt {
  font-weight: bold;
}

.product-review dd {
  font-size: 12px;
  margin: 5px 0 0;
}

/* Billing Agreements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.billing-agreements .form-list li select {
  float: left;
}

.billing-agreements .form-list li button.button {
  float: left;
  margin-left: 10px;
}

.billing-agreements .table-caption {
  font-weight: bold;
  font-size: 13px;
}

/* Popups %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Remember Me Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}

.remember-me label {
  float: none;
  margin: 0 6px;
}

.remember-me-popup {
  left: 50%;
  top: 50%;
  position: absolute;
  margin: -85px 0 0 -200px;
  width: 400px;
  z-index: 10000;
}

.remember-me-popup-head {
  position: relative;
}

.remember-me-popup-close-button {
  margin-top: 15px;
}

/* MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.cart-msrp-totals {
  color: red;
  text-align: right;
  text-transform: uppercase;
}

.map-cart-sidebar-total {
  display: block;
  color: red;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5em;
}

.map-popup {
  margin: 10px 0 0;
  position: absolute;
  width: 300px;
  z-index: 100;
}

.map-popup-heading h2 {
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: break-word;
  text-align: left;
  text-overflow: ellipsis;
}

.map-popup-arrow {
  display: none;
}

.map-popup-content {
  overflow: hidden;
  text-align: left;
}

.map-popup-checkout {
  float: right;
  text-align: right;
}

.map-popup-checkout .paypal-logo {
  margin: 0 0 5px;
}

.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
  margin: 0;
  padding: 0;
}

.map-popup-price {
  margin: 5px 0 0;
}

.map-popup-text {
  clear: right;
  padding: 20px;
  text-align: left;
  word-wrap: break-word;
}

.map-popup-only-text {
  border-top: 1px solid #eee;
}

/* Common styles for: Remember Me Popup and MAP Popup
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.remember-me-popup,
.map-popup {
  background: #fff;
  text-align: left;
}

.remember-me-popup-head,
.map-popup-heading {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 45px 15px 20px;
}

.remember-me-popup-head h3,
.map-popup-heading h2 {
  margin: 0;
  font-size: 16px;
}

.remember-me-popup-body,
.map-popup-content {
  padding: 20px;
}

.remember-me-popup-head .remember-me-popup-close,
.map-popup-close {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.calendar {
  z-index: 200;
}

.calendar .button {
  display: table-cell; /* Fix conflict with standard buttons */
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: none;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border: none;
}

.calendar tbody td.active { /* Active (pressed) cells */
  padding: 2px 4px 2px 2px;
  border: none;
  color: crimson;
}

.calendar tbody td.selected { /* Cell showing selected date */
  padding: 2px 4px 2px 2px;
  border: none;
  background-color: #eee;
}

.calendar tbody td.hilite { /* Hovered cells */
  padding: 2px 4px 2px 2px;
  border: none;
  background-color: #fff;
  color: red;
}

/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.footer-container,
.footer-container2,
.footer-container3 {
  background-repeat: repeat;
  background-position: center top;
  background-attachment: scroll;
}

.footer {
  margin: 0 auto;
  padding: 0;
  text-align: left;
}

.footer .item-left {
  float: left;
  margin-right: 20px;
}

.footer .item-right {
  float: right;
  margin-left: 20px;
}

/* Footer elements */
.footer .heading,
#subscribe-form label {
  margin-bottom: 0.625em;
  font-size: 1.3333em;
  font-weight: normal;
}

/* Footer top
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Primary footer additional
-------------------------------------------------------------- */
.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;
}

.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
-------------------------------------------------------------- */
#subscribe-form form {
  display: block;
}

#subscribe-form label {
  float: left;
  margin: 0 5px 0 0;
  line-height: 36px;
  font-weight: normal;
  position: relative;
}

#subscribe-form .input-box {
  float: left;
  margin: 0 5px 5px 0;
  position: relative;
}

#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;
}

#subscribe-form .input-text {
  float: left;
  width: auto;
}

#subscribe-form .button {
  float: left;
}

/* Social services
-------------------------------------------------------------- */
.social-links a > span.icon {
  display: inline-block;
} /* For backward compatibility */
.social-links span.icon,
.social-links .ib {
  margin-bottom: 3px;
}

/* Other elements
-------------------------------------------------------------- */
.footer-copyright {
  font-size: 11px;
  line-height: 16px;
  margin: 4px 0;
}

/* Scroll to top button
-------------------------------------------------------------- */
#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 */
}

#scroll-to-top:hover {
  background-color: #333;
}

/* Configurable Swatches %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Configurable Swatches
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clears */
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: "";
  display: table;
  clear: both;
}

/* General Swatch Styling
-------------------------------------------------------------- */
.swatch-link,
.swatch-label {
  font-size: 14px;
  color: #333;
  text-decoration: none;
}

.swatch-link img {
  border-radius: 0; /*2px*/
}

.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}

.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;
}

.swatch-link.has-image .swatch-label {
  position: relative;
}

.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

/* Configurable swatch list
-------------------------------------------------------------- */
.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);
}
.configurable-swatch-list li {
  float: left;
  width: -webkit-calc(33.3333333333% - 3px);
  width: calc(33.3333333333% - 3px);
  zoom: 1;
  margin: 0 0 3px 3px;
  border: 1px solid #ddd;
  border-radius: 3px;
  font-weight: 600;
}
.configurable-swatch-list li.selected {
  background: #50b848;
}
.configurable-swatch-list li.selected a span {
  color: #fff;
}
.configurable-swatch-list li:hover {
  background: #50b848;
}
.configurable-swatch-list li:hover a span {
  color: #fff;
}
.configurable-swatch-list li a {
  width: 100%;
  height: 100% !important;
  display: block;
  text-align: center;
  padding: 10px 0;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #ededed;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0;
}

.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}

/* In layered navigation
-------------------------------------------------------------- */
#narrow-by-list dd {
  padding: 0;
}
#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 3px 3px;
  width: -webkit-calc(50% - 3px);
  width: calc(50% - 3px);
  line-height: 25px;
  text-align: center;
  background: #f4f4f4;
  border-radius: 3px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#narrow-by-list dd .configurable-swatch-list li:hover {
  background: #bd08c3;
}
#narrow-by-list dd .configurable-swatch-list li:hover .swatch-link span {
  color: #fff !important;
}
#narrow-by-list dd .swatch-link {
  white-space: nowrap;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link .count {
  color: #50b848;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 0; /*3px;*/
  box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

/* Remove list arrow */
.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;
}

.block-layered-nav dd .configurable-swatch-list > li > a::before {
  display: none;
}

/* In layered navigation - current filter
-------------------------------------------------------------- */
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.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;
	}
}*/
.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .product-options .swatch-attr {
  float: none;
  display: block;
  clear: both;
  border: 0;
}
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
  font-size: 12px;
}
.product-view .product-options .swatch-attr label {
  display: none;
}
.product-view .product-options .swatch-attr .select-label {
  display: inline;
  font-weight: normal;
  padding-left: 5px;
}
.product-view .product-options dd .input-box {
  width: auto;
  height: auto;
}
.product-view .product-options .select-label {
  display: none;
}
.product-view .add-to-cart button.out-of-stock {
  background-position: -80px -362px;
  cursor: default;
}

/* Gallery
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-image-gallery {
  /*position: relative;*/
}

.product-image-gallery .gallery-image {
  display: none !important; /* Added 'important' to override inline style of cloud zoom */
  margin: 0 auto;
}

.product-image-gallery .gallery-image.visible {
  display: block !important;
}

.product-image-gallery .gallery-image.visible.hidden {
  visibility: hidden;
}

/* Overlay and spinner */
.product-image-gallery:before, .product-image-gallery:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.product-image-gallery:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}

.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;
}

.product-image-gallery.loading {
  position: relative;
}

.product-image-gallery.loading:before, .product-image-gallery.loading:after {
  display: block;
}

/* Mark for required product options (next to option label)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
label.required:after,
span.required:after {
  content: " *";
  color: #EE001C;
  font-weight: normal;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 12px;
}

label.required em,
span.required em {
  display: none;
}

/* CMS pages and elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* CMS pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Home page */
body.cms-index-index .breadcrumbs {
  display: none;
}

/* Magento widgets
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}

.widget-new-products .products-list,
.widget-viewed .products-list,
.widget-compared .products-list {
  list-style-type: none;
  padding: 0;
}

.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. */
.sidebar div.widget-static-block {
  margin-bottom: 10px;
}

/* Clear %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
} /* Additional simple clearing */
.clearer:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.sidebar .block:first-child {
  margin-top: 6px;
}

/* To align with page title */
.cms-index-index .sidebar .block:first-child {
  margin-top: 0;
}

/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Page Heading
-------------------------------------------------------------- */
.my-account .page-title,
.category-title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
}

/* Block titles and section headings
-------------------------------------------------------------- */
.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
-------------------------------------------------------------- */
.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 */
.category-title,
.my-account .page-title,
.box-account .box-head,
.dashboard .box .box-title {
  border-color: #e5e5e5;
}

/* Elements with horizontal border - standard
-------------------------------------------------------------- */
/* Blocks */
.block .actions,
.section-line,
.buttons-set {
  border-color: #e5e5e5;
}

/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
.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
-------------------------------------------------------------- */
.product-view .ratings .rating-links .separator,
.custom-sidebar-right .inner,
.custom-sidebar-left .inner {
  border-color: #e5e5e5;
}

/* Elements with vertical border - lighter
-------------------------------------------------------------- */
.products-list .product-shop-inner {
  border-color: #f5f5f5;
}

/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead,
.cart-table thead tr,
.availability-only-details thead {
  border-color: #e5e5e5;
}

/* Other elements with border
-------------------------------------------------------------- */
.swatch-link {
  border: none #cccccc;
}

/* Elements with light gray background
-------------------------------------------------------------- */
.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 */
.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
-------------------------------------------------------------- */
.product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list {
  color: #888;
}

.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 */
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;
}

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
-------------------------------------------------------------- */
.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;
}

.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.
-------------------------------------------------------------- */
.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 */
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;
}

.nav-tabs > li > a {
  display: block !important;
}

.btn-general {
  background-color: #50b848;
  color: #fff;
}
.btn-general:hover {
  background-color: #ff8200;
}

.modal-dialog .modal-content {
  border-radius: 0;
}

.uib-datepicker-popup.dropdown-menu {
  z-index: 999999;
  border-radius: unset;
  padding-right: 4px;
  padding-left: 4px;
}
@media only screen and (max-width: 375px) {
  .uib-datepicker-popup.dropdown-menu {
    left: 5% !important;
    top: 30% !important;
    position: fixed;
  }
}

.tooltip-popover {
  margin-left: 5px;
  cursor: pointer;
}
.tooltip-popover:before {
  font-size: 16px;
}

/**
 * Infortis themes styles
 */
/* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caret {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: initial; /* Important: avoid caret exceeding height of the item */
}

.dropdown .caret {
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.dropdown.open .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Product labels (stickers)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Positionning
-------------------------------------------------------------- */
.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;
}

.product-view .sticker-wrapper {
  z-index: 99; /* On product page z-index greater than Cloud Zoom image */
}
.product-view .product-img-column {
  position: relative;
}
.product-view { /* Stickers are positioned relative to this container */ }

.sticker-wrapper.top-right {
  top: -3px;
  right: -3px;
}

.sticker-wrapper.bottom-right {
  bottom: -3px;
  right: -3px;
}

.sticker-wrapper.bottom-left {
  bottom: -3px;
  left: -3px;
}

.sticker-wrapper.top-left {
  top: -3px;
  left: -3px;
}

/* Appearence
-------------------------------------------------------------- */
.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 */
.sticker.new {
  background-color: #5BD2EC;
  color: #fff;
}

.sticker.sale {
  background-color: #F12B63;
  color: #fff;
}

/* Effects */
.item:hover .sticker {
  width: 65px;
  height: 65px;
}

/*Sizes*/
.sticker.size-s {
  width: 45px;
  height: 45px;
  font-size: 1em;
}

.item:hover .sticker.size-s {
  width: 50px;
  height: 50px;
}

.sticker.size-xs {
  width: 40px;
  height: 40px;
  font-size: 0.9166em; /*11px*/
}

.item:hover .sticker.size-xs {
  width: 45px;
  height: 45px;
}

/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
.video-wrapper,
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.horizontal-section,
.vertical-section {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  position: relative;
}

.horizontal-section {
  margin-top: 10px;
}

.landing-page .center-block {
  display: block;
  margin: 0 auto;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Disable transitions, fade effect applied with JS */
.fade-on-hover {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

/* Deprecated */
.section {
  padding: 10px 0;
}

.section-space {
  padding: 10px;
}

/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Layout
-----------------------------------------------------------------
*/
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* Margin */
.margin-top {
  margin-top: 20px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.no-margin {
  margin: 0 !important;
}

/* Padding */
.padding-top {
  padding-top: 20px;
}

.padding-bottom {
  padding-bottom: 20px;
}

.no-padding {
  padding: 0 !important;
}

/* Text
-----------------------------------------------------------------
*/
.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

/* Design
-----------------------------------------------------------------
*/
.no-bg {
  background: none !important;
}

/* Selected components from Bootstrap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* "Code" (code.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

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);
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

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

pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

/* Part of "Table" (table.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.table-responsive {
  min-height: 0.01%; /* Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) */
  overflow-x: auto;
}

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .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 */
.alert > *:last-child {
  margin-bottom: 0;
}

.alert ul > li:last-child {
  margin-bottom: 0;
}

/**
 * Generic interface elements
 */
/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows1 .owl-controls .owl-buttons {
  position: absolute;
}
.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;
}
.slider-arrows1 .owl-controls .owl-buttons div.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover {
  background-color: #333;
}
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover {
  background-color: #e5e5e5; /* Must be the same as default color */
}
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover {
  background-position: -10px -60px;
}
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover {
  background-position: -10px -10px; /* Same as default */
}
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover {
  background-position: -60px -60px;
}
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover {
  background-position: -60px -10px; /* Same as default */
}

/* Position */
.slider-arrows1-pos-top-right .owl-controls .owl-buttons {
  top: -40px;
  right: 0;
}

.slider-arrows1-pos-top-left .owl-controls .owl-buttons {
  top: -40px;
  left: 0;
}

/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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);
}
.slider-arrows2 .owl-controls .owl-buttons .owl-prev {
  background-position: -2px 0;
  left: 0;
  top: 46%;
}
.slider-arrows2 .owl-controls .owl-buttons .owl-next {
  background-position: -48px 0;
  right: 0;
  top: 46%;
}
.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover {
  background-color: #000;
}
.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover {
  background-position: -2px -50px;
}
.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover {
  background-position: -48px -50px;
}
.slider-arrows2:hover .owl-controls .owl-buttons div {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}
.slider-arrows3 .owl-controls .owl-buttons div.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
  cursor: default;
}
.slider-arrows3 .owl-controls .owl-buttons .owl-prev {
  top: 19% !important;
  left: -35px !important;
}
.slider-arrows3 .owl-controls .owl-buttons .owl-next {
  top: 19% !important;
  right: -35px !important;
}
.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover {
  background-color: #000;
}
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover {
  background-color: #fff; /* Must be the same as default color */
}
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover {
  background-position: -10px -60px;
}
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover {
  background-position: -10px -10px; /* Same as default */
}
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover {
  background-position: -60px -60px;
}
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover {
  background-position: -60px -10px; /* Same as default */
}

/* Generic pagination 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination1 .owl-controls .owl-page {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}
.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;
}
.slider-pagination1 .owl-controls .owl-page.active span {
  background-color: #ccc;
}
.slider-pagination1 .owl-controls.clickable .owl-page:hover span {
  background-color: #000;
}

/* Generic pagination 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination2 .owl-controls .owl-page {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline; /*IE7 life-saver */
}
.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;
}
.slider-pagination2 .owl-controls .owl-page.active {
  cursor: default;
}
.slider-pagination2 .owl-controls .owl-page:hover span, .slider-pagination2 .owl-controls .owl-page.active span {
  width: 16px;
  height: 16px;
  margin: 5px;
}

/* Pagination position
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.pagination-pos-bottom-centered {
  padding-bottom: 50px; /* Additional space for bottom pagination */
}
.pagination-pos-bottom-centered .owl-pagination {
  padding: 10px 0;
  text-align: center;
  position: absolute;
  width: 100%;
}

.pagination-pos-bottom-right .owl-pagination {
  padding: 10px 0;
  float: right;
}

.pagination-pos-bottom-left .owl-pagination {
  padding: 10px 0;
  float: left;
}

/* Over the slider */
.pagination-pos-over-bottom-centered .owl-pagination {
  position: absolute;
  bottom: 0;
  padding-bottom: 14px;
  width: 100%;
  text-align: center;
}

.pagination-pos-over-bottom-right .owl-pagination {
  position: absolute;
  bottom: 0;
  right: 0;
  padding-bottom: 14px;
  padding-right: 14px;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-centered-content {
  display: table;
}

.v-centered-content .v-center {
  display: table-cell;
  vertical-align: middle;
}

/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-title {
  clear: both;
  margin: 0;
  display: block;
}

/* Horizontal line */
.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.custom-sidebar-right {
  float: right !important;
}
.custom-sidebar-right .inner {
  padding-left: 10px;
  border-left: 1px solid #e5e5e5;
}

.custom-sidebar-left {
  float: left !important;
}
.custom-sidebar-left .inner {
  padding-right: 10px;
  border-right: 1px solid #e5e5e5;
}

/* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.links {
  margin: 0;
}
.links > li {
  float: left;
  margin-bottom: 0;
}
.links > li > *, .links > li.label {
  display: block;
  line-height: 36px;
  padding: 0 7px;
}
.links > li.label {
  padding-left: 0;
}

.rtl .links > li.label {
  padding-right: 0;
  padding-left: 7px;
}

/* Links with separators (at the right side)
-------------------------------------------------------------- */
.links-wrapper-separators .links > li {
  margin-left: -1px;
}
.links-wrapper-separators .links > li:first-child {
  margin-left: 0;
}
.links-wrapper-separators .links > li:last-child > * {
  background-image: none;
}
.links-wrapper-separators .links > li.hide-separator > * {
  background-image: none;
}
.links-wrapper-separators .links > li.separator-left > * {
  background-position: left center;
}
.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)
-------------------------------------------------------------- */
.links-wrapper-separators-left .links > li {
  margin-left: -1px;
}
.links-wrapper-separators-left .links > li:first-child {
  margin-left: 0;
}
.links-wrapper-separators-left .links > li:first-child > * {
  background-image: none;
}
.links-wrapper-separators-left .links > li.hide-separator > * {
  background-image: none;
}
.links-wrapper-separators-left .links > li.separator-right > * {
  background-position: right center;
}
.links-wrapper-separators-left .links > li {
  /* If label is first child, remove the background from the next item */
}
.links-wrapper-separators-left .links > li.label:first-child + li > * {
  background-image: none;
}

/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Link with an arrow */
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
  -------------------------------------------------------------- */
  .cart-table .product-image {
    max-width: 110px;
  }
  /* Product page
  -------------------------------------------------------------- */
  .product-view .sticker {
    width: 80px;
    height: 80px;
  }
  /* Misc
  -------------------------------------------------------------- */
  /* Mini cart */
  .after-mini-cart {
    clear: none;
  }
  /* Item grid
  -------------------------------------------------------------- */
  /* Item grid: 2 columns */
  .itemgrid-adaptive.itemgrid-2col .item {
    width: 31.3333%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-2col > li:nth-of-type(3n+1) {
    clear: left !important;
  }
  /* Item grid: 3 columns */
  .itemgrid-adaptive.itemgrid-3col .item {
    width: 23%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-3col > li:nth-of-type(4n+1) {
    clear: left !important;
  }
  /* Item grid: 4 columns */
  .itemgrid-adaptive.itemgrid-4col .item {
    width: 18%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-4col > li:nth-of-type(5n+1) {
    clear: left !important;
  }
  /* Item grid: 5 columns */
  .itemgrid-adaptive.itemgrid-5col .item {
    width: 14.6666%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-5col > li:nth-of-type(6n+1) {
    clear: left !important;
  }
  /* Item grid: 6 columns */
  .itemgrid-adaptive.itemgrid-6col .item {
    width: 12.2857%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-6col > li:nth-of-type(7n+1) {
    clear: left !important;
  }
  /* Item grid: 7 columns */
  .itemgrid-adaptive.itemgrid-7col .item {
    width: 10.5%;
    clear: none !important;
  }
  .itemgrid-adaptive.itemgrid-7col > li:nth-of-type(8n+1) {
    clear: left !important;
  }
  /* Cloud zoom
  -------------------------------------------------------------- */
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 316px;
  } /*4*/
  /* Direction navigation */
  .itemslider-thumbnails.count-4 .direction-nav {
    display: none;
  }
  /* Slideshow caption
  -------------------------------------------------------------- */
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Cart
  -------------------------------------------------------------- */
  .cart-table .product-image {
    max-width: 80px;
  }
  /* Product page
  -------------------------------------------------------------- */
  .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 */
  .products-grid .sticker {
    width: 45px;
    height: 45px;
    font-size: 1em;
  }
  .products-grid .item:hover .sticker {
    width: 50px;
    height: 50px;
  }
  /* Misc
  -------------------------------------------------------------- */
  /* Scroll to top button */
  #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 */
  .toolbar .sorter .amount {
    display: none !important;
  }
  /* Banners
  -------------------------------------------------------------- */
  /* Make the font size smaller on mobile */
  .cap-text-bg .text {
    padding: 2px 4px;
  }
  .cap p {
    font-size: 1.4rem !important;
  }
  .cap h1,
  .cap h2,
  .cap h3,
  .cap h4 {
    font-size: 1.9rem !important;
  }
  .cap h5,
  .cap h6 {
    font-size: 1.6rem !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Default Magento classes
  -------------------------------------------------------------- */
  .nobr {
    white-space: normal !important;
  }
  /* Cart
  -------------------------------------------------------------- */
  .cart-table .product-name {
    font-size: 1em;
    font-family: inherit;
  }
  /*.cart-table .product-image { max-width:80px; }*/
  /* Product page
  -------------------------------------------------------------- */
  /* Related - simple */
  .block-related-thumbnails .product-details {
    margin-left: 0;
    margin-bottom: 10px;
    clear: left;
  }
  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Shrink the slider if to many thumbnails */
  .itemslider-thumbnails.count-3,
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 158px !important;
  } /*2*/
  /* Direction navigation */
  .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 */
  .img-box .thumbnails.show-all.auto-adjust-width .item {
    max-width: 32%;
  }
  /* Slideshow caption
  -------------------------------------------------------------- */
  .caption button.button span span {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3rem;
  }
  h3 {
    font-size: 2.4rem;
  }
  h4 {
    font-size: 1.9rem;
  }
  h5 {
    font-size: 1.6rem;
  }
  h6 {
    font-size: 1.4rem;
  }
  /* Mobile collapsible
  -------------------------------------------------------------- */
  .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 */
  .col-main,
  .col-right {
    margin-bottom: 30px;
  }
  /* Remove additional margin for sidebars */
  .col-left > *,
  .col-left .widget-static-block {
    margin-right: 0;
  }
  .col-right > *,
  .col-right .widget-static-block {
    margin-left: 0;
  }
  /* Magento utility classes
  -------------------------------------------------------------- */
  .nobr {
    white-space: normal !important;
  }
  /* Forms
  -------------------------------------------------------------- */
  .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
  -------------------------------------------------------------- */
  .data-table thead .nobr {
    white-space: normal !important;
  }
  .data-table th,
  .data-table td {
    padding: 5px 10px;
  }
  /* Data tables formatting
  -------------------------------------------------------------- */
  /* Basic formatting */
  .cart .data-table thead,
  .my-wishlist .data-table thead,
  .my-account .data-table thead,
  .order-review .data-table thead {
    display: none;
  }
  .cart .data-table tbody,
  .my-wishlist .data-table tbody,
  .my-account .data-table tbody,
  .order-review .data-table tbody {
    background: transparent !important;
  }
  .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;
  }
  .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 */
  .my-account .data-table tfoot tr td:first-child,
  .order-review .data-table tfoot tr td:first-child {
    font-weight: bold;
  }
  /* Show cell label */
  .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 */
  .main {
    min-height: 100px;
  }
  /* Footer
  -------------------------------------------------------------- */
  /* Footer elements - align center */
  .footer .mobile-inline-container {
    text-align: center;
  }
  .footer .mobile-inline-container > * {
    float: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }
  .footer-primary-top-spacing,
  .footer-primary-bottom-spacing,
  .footer-top .links,
  .footer-bottom {
    text-align: center;
  }
  .footer-primary-top-spacing .item,
  .footer-primary-bottom-spacing .item,
  #subscribe-form,
  .footer-bottom .item,
  .footer-top .links li {
    float: none;
    display: inline-block;
  }
  .footer-top .item {
    float: none;
  }
  /* Simplify links */
  .footer .links-wrapper-separators .links li a,
  .footer .links-wrapper-separators-left .links li a {
    background-image: none;
  }
  /* Footer elements */
  .footer-primary-bottom-spacing .item {
    width: 100%;
    margin: 0;
  }
  .footer-bottom .item {
    margin-left: 5px;
    margin-right: 5px;
  }
  /* Copyright - remove space */
  .footer-copyright {
    margin-left: 0;
  }
  /* Primary and secondary section: additional inner padding */
  .footer-primary > .grid-full > .section,
  .footer-secondary > .grid-full > .section {
    padding: 15px 10px;
  }
  /* Breadcrumbs on product page
  -------------------------------------------------------------- */
  .catalog-product-view .breadcrumbs {
    text-align: center;
  }
  .catalog-product-view .breadcrumbs > * {
    display: inline-block;
  }
  /* Layered navigation
  -------------------------------------------------------------- */
  /* Hide main heading of the block */
  .block-layered-nav {
    margin-bottom: 0;
  }
  .block-layered-nav .block-title {
    display: none;
  }
  .block-layered-nav .block-content {
    font-size: 14px;
    padding: 0;
  }
  #narrow-by-list,
  #narrow-by-list2 {
    margin: 0;
    background: #f1f1f1;
  }
  /* Attributes
  -------------------------------------------------------------- */
  .block-layered-nav .block-content > dl > dt {
    cursor: pointer;
    padding: 7px 10px 7px 25px;
    border-bottom: 1px solid #f5f5f5;
    text-transform: uppercase;
  }
  .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;
  }
  .block-layered-nav .block-content > dl > dd {
    display: none;
    padding: 10px;
  }
  .block-layered-nav .block-content > dl > dd.current li {
    background: #fff;
  }
  .block-layered-nav .block-content > dl > dd.current li:nth-child(odd) {
    margin-left: 0 !important;
  }
  /* Accordion opened */
  .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;
  }
  .block-layered-nav .block-content.accordion-open > dl > dd.current {
    display: block;
  }
  /* Single filter
  -------------------------------------------------------------- */
  .block-layered-nav dl dd ol > li > a,
  .block-layered-nav dl dd ol > li > span {
    position: static;
    padding: 7px 14px;
    margin-bottom: 1px;
  }
  .block-layered-nav dl dd ol > li > a:before {
    display: none; /* Hide on mobile */
  }
  /* Toolbar
  -------------------------------------------------------------- */
  /* All elements - align center and increase vertical spacing */
  .pager,
  .sorter {
    text-align: center;
  }
  .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;
  }
  .sorter .amount {
    margin-bottom: 0;
  }
  .toolbar .sort-by,
  .toolbar .sorter .amount {
    border-right: none;
  }
  .sorter .per-page,
  .pager .per-page {
    display: none;
  }
  /* Category view
  -------------------------------------------------------------- */
  .note-msg.empty-catalog {
    background-position: center 10px !important;
    color: inherit;
    padding: 150px 10px 10px !important;
    text-align: center;
  }
  /* Page heading with RSS link */
  .page-title {
    position: relative;
  }
  .page-title .link-rss {
    float: none;
    display: block;
    position: static;
    margin: 10px 0 0;
  }
  /* Products list
  -------------------------------------------------------------- */
  .products-list .product-shop-inner {
    padding-right: 0;
    border-right: none;
  }
  /* Products grid: override size of elements (values like size-s)
  -------------------------------------------------------------- */
  /* Product name */
  .products-grid .product-name {
    font-size: 1.1666em; /*14px*/
    line-height: 1.2307em; /*16px*/
  }
  /* Product view
  -------------------------------------------------------------- */
  /* Reset "nested container" style */
  .product-view {
    width: 100%;
    margin-left: 0;
  }
  /* Margin for all product view columns
  -------------------------------------------------------------- */
  .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 */
  .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 */
  .product-img-column {
    -ms-flex-order: 0;
    -webkit-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .product-primary-column {
    -ms-flex-order: 10;
    -webkit-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .product-primary-column-part2 {
    -ms-flex-order: 11;
    -webkit-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .product-lower-primary-column {
    -ms-flex-order: 20;
    -webkit-order: 20;
    -webkit-box-ordinal-group: 21;
            order: 20;
  }
  .product-secondary-column {
    -ms-flex-order: 30;
    -webkit-order: 30;
    -webkit-box-ordinal-group: 31;
            order: 30;
  }
  .product-lower-secondary-column {
    -ms-flex-order: 40;
    -webkit-order: 40;
    -webkit-box-ordinal-group: 41;
            order: 40;
  }
  .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 */
  .block-related-slider {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .block-related-slider .item .product-name {
    min-height: 120px;
  }
}
@media only screen and (max-width: 768px) {
  /* Sidebar */
  .product-view {
    /* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
  }
  .product-view .box-additional {
    margin-top: 0;
  }
  .product-view .custom-sidebar-right .inner {
    padding-left: 0;
    border-left: none;
  }
  .product-view .custom-sidebar-left .inner {
    padding-right: 0;
    border-right: none;
  }
  .product-view .add-to-links {
    text-align: center;
  }
  .product-view .add-to-links li {
    float: none;
    display: inline-block;
  }
  /* Cart
  -------------------------------------------------------------- */
  /* Buttons below table: align center */
  .cart-table tfoot tr.first td {
    text-align: center !important;
    padding: 0;
    margin-bottom: 20px;
  }
  .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) {
  .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" */
  .opc .allow .step-title a {
    display: none;
  }
  /* Account
  -------------------------------------------------------------- */
  .my-wishlist .product-image {
    max-width: none;
  }
  /* Items slider
  -------------------------------------------------------------- */
  .control-nav.control-paging {
    display: none;
  } /* Deprecated */
  /* If only one item exists */
  .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! */
  .slideshow-wrapper._right {
    float: none !important;
  }
  .slideshow-wrapper-additional {
    margin-top: 0 !important; /* Reset nagative top margin */
  }
  /* Additional banners */
  .slideshow-banners {
    padding-left: 0;
    padding-right: 0;
  }
  /* Slideshow navigation: move buttons to the top right corner */
  .slideshow-wrapper-outer .slider-arrows2 .owl-controls .owl-buttons .owl-prev {
    top: 10px;
    right: 60px;
    left: auto;
  }
  .slideshow-wrapper-outer .slider-arrows2 .owl-controls .owl-buttons .owl-next {
    top: 10px;
    right: 10px;
    left: auto;
  }
  /* Pagination */
  .slideshow-wrapper-outer .owl-pagination {
    display: none;
  }
  /* Slideshow caption */
  /* Shrink font, hide all elements except heading */
  .caption > * {
    display: none !important;
  }
  .caption .heading {
    display: inline-block !important;
    font-size: 2.0833em;
    margin-bottom: 1px;
  }
  .caption p {
    font-size: 1.1666em;
    margin-bottom: 1px;
  }
  .caption button.button span span {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
  }
  /* Cloud Zoom
  -------------------------------------------------------------- */
  /* Hide zoom */
  .cloud-zoom-big,
  .cloud-zoom-lens {
    display: none !important;
  }
  .cloud-zoom-lens {
    cursor: default !important;
  }
  /* Thumbnails */
  .img-box .thumbnails.show-all.auto-adjust-width .item {
    max-width: 16%;
  }
  /* Lightbox
  -------------------------------------------------------------- */
  #cboxTitle,
  #cboxCurrent {
    display: none !important;
  }
  /* Accordion
  -------------------------------------------------------------- */
  .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 */
  .accordion-style1 li.parent > a {
    padding-right: 53px;
  }
  .accordion-style1 .opener {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
  /* Different types of collapsible blocks
  -------------------------------------------------------------- */
  /* Sidebar blocks */
  .sidebar .block {
    margin-bottom: 20px;
  }
  /* Blocks collapsible only on mobile, so icon visible only on mobile */
  .mobile-collapsible .block-title:after,
  .sidebar .block .block-title:after,
  .block-layered-nav .block-title:after {
    /* Show only on mobile */
    display: inline-block !important;
  }
  .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
  -------------------------------------------------------------- */
  .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 */
  .itemslider-thumbnails.count-4,
  .itemslider-thumbnails.count-5,
  .itemslider-thumbnails.count-multi {
    max-width: 316px;
  } /*4*/
  /* Direction navigation */
  .itemslider-thumbnails.count-4 .direction-nav {
    display: none;
  }
  /* Shrink and align center the main image */
  .img-box .product-image {
    width: 60.4651%; /*364px*/
  }
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
  /* Item grid
  -------------------------------------------------------------- */
  .itemgrid.itemgrid-adaptive .item {
    width: 31.3333%;
    clear: none !important;
  }
  .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" */
  .category-products-grid.hover-effect .item {
    border-top: none;
  }
  .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 */
  .category-products-grid.hover-effect .item .display-onhover {
    display: block !important;
  }
  /* Show full name even if enabled: display name in single line */
  .products-grid.single-line-name .item .product-name {
    overflow: visible;
    white-space: normal;
  }
  /* Spaces between items */
  .category-products-grid.hover-effect .item {
    margin-bottom: 20px;
  }
  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Thumbnails */
  .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. */
  .ban .cap p {
    font-size: 1.2rem !important;
  }
  .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
  -------------------------------------------------------------- */
  .itemgrid.itemgrid-adaptive .item {
    width: 48%;
    clear: none !important;
  }
  .itemgrid.itemgrid-adaptive > li:nth-of-type(2n+1) {
    clear: left !important;
  }
}
@media only screen and (max-width: 479px) {
  /* Products grid
  -------------------------------------------------------------- */
  .products-grid.category-products-grid.hover-effect .item .add-to-links,
  .products-grid .item .add-to-links {
    display: none !important;
  }
  /* Buttons - stretch full width
  -------------------------------------------------------------- */
  .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;
  }
  .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
  -------------------------------------------------------------- */
  .product-view .add-to-cart {
    display: block;
    float: none;
  }
  .product-view .add-to-cart .btn-cart {
    display: block;
    width: 100%;
  }
  .add-to-cart.left-side .qty-wrapper label {
    padding-left: 0;
  }
  /* Buttons set
  -------------------------------------------------------------- */
  .buttons-set .required {
    display: none;
  }
  /* Grid elements
  -------------------------------------------------------------- */
  .col2-set .col-1,
  .col2-set .col-2 {
    width: 100%;
  }
  /* Products list
  -------------------------------------------------------------- */
  .products-list .item {
    margin-bottom: 20px;
  }
  .products-list .item:first-child {
    margin-top: 1px; /* Move item down to uncover the border of the toolbar */
  }
  .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" */
  .products-list.hover-effect .item {
    border-top: none;
  }
  .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 */
  .products-grid .sticker {
    width: 40px;
    height: 40px;
    font-size: 0.9166em;
  }
  .products-grid .item:hover .sticker {
    width: 45px;
    height: 45px;
  }
  /* Product page
  -------------------------------------------------------------- */
  /* Reviews */
  .product-view .box-reviews .form-add .data-table th,
  .product-view .box-reviews .form-add .data-table td {
    padding: 6px 1px;
  }
  .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 */
  .product-view .add-to-links {
    text-align: inherit;
  }
  /* Toolbar
  -------------------------------------------------------------- */
  .toolbar .limiter {
    display: none;
  }
  .sorter .view-mode {
    display: none;
  }
  .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 */
  .my-account .col2-set .col-1 {
    border-right: none;
    margin-bottom: 20px;
  }
  .my-account .col2-set .col-1 .box {
    padding-right: 0;
  }
  /* Order details */
  .order-items .sub-title .separator {
    display: none;
  }
  /* Checkout
  -------------------------------------------------------------- */
  .opc .step-title h2 {
    font-size: 1em;
    line-height: 2.8333em;
  }
  /* Advanced search results
  -------------------------------------------------------------- */
  .advanced-search-summary ul {
    width: 100%;
    margin-right: 0;
  }
  /* Footer
  -------------------------------------------------------------- */
  #subscribe-form label {
    display: inline-block;
    float: none;
    line-height: 1em;
    margin: 15px 0 2px;
  }
  #subscribe-form .input-box {
    display: inline-block;
    float: none;
    margin: 5px 0;
    position: relative;
    width: 100%;
  }
  #subscribe-form .input-text {
    width: 100%;
    max-width: 100%;
  }
  #subscribe-form .button {
    display: inline-block;
    float: none;
  }
  /*TOOD: check on mobiles*/
  #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") */
  .caption > *,
  .caption .heading,
  .caption .permanent {
    display: none !important;
  }
  .caption .heading.permanent {
    display: inline-block !important;
  }
  .caption .heading {
    font-size: 1.3333em;
  }
  .caption p {
    font-size: 1em;
  }
  /* Itemslider
  -------------------------------------------------------------- */
  /* Pagination */
  .itemslider .owl-pagination {
    display: none;
  }
  /* Cloud zoom
  -------------------------------------------------------------- */
  #zoom-btn {
    display: none;
  }
  /* Thumbnails */
  .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. */
  .ban .cap p {
    font-size: 1.1rem !important;
  }
  .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
  -------------------------------------------------------------- */
  .itemgrid.itemgrid-adaptive .item {
    width: 48%;
    clear: none !important;
  }
  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Shrink the slider if to many thumbnails */
  .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 */
  .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 */
  .block-related-thumbnails .product-details {
    margin-left: 0;
    margin-bottom: 10px;
    clear: left;
  }
  .block-related-thumbnails .product-details .price-box {
    display: inline-block;
    margin-right: 5px;
  }
  .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 */
  .itemgrid.itemgrid-adaptive .item {
    width: 98%;
    clear: none !important;
  }
  /* Cloud zoom
  -------------------------------------------------------------- */
  /* Thumbnails */
  .img-box .thumbnails.show-all.auto-adjust-width .item {
    max-width: 32%;
  }
  /* Slideshow
  -------------------------------------------------------------- */
  .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 */
  .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 */
  .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 */
  .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*/
.lte-ie8 .container {
  max-width: 1170px;
}

@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  /* Special grid units */
  .grid-col2-sidebar {
    width: 20.41%;
  }
  .grid-col2-main {
    width: 75.58%;
  }
  .no-gutter.grid-col2-sidebar {
    width: 22.41%;
  }
  .no-gutter.grid-col2-main {
    width: 77.58%;
  }
  .grid-col3-sidebar {
    width: 27.01%;
  }
  .grid-col3-main {
    width: 70.34%;
  }
  .no-gutter.grid-col3-sidebar {
    width: 27.01%;
  }
  .no-gutter.grid-col3-main {
    width: 70.34%;
  }
  /* Hide */
  .hide-below-1280 {
    display: inherit !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 970px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 750px;
  }
  /* 2 columns - left
  -------------------------------------------------------------- */
  .page-layout-2columns-left .column-main {
    width: 100% !important;
  }
  .page-layout-2columns-left .sidebar-main {
    width: 100% !important;
  }
  .page-layout-2columns-left .sidebar-additional {
    width: 100% !important;
  }
  /* 2 columns - right
  -------------------------------------------------------------- */
  .page-layout-2columns-right .column-main {
    width: 75%;
  }
  .page-layout-2columns-right .sidebar-main {
    width: 25%;
  }
  .page-layout-2columns-right .sidebar-additional {
    width: 25%;
  }
  /* 3 columns
  -------------------------------------------------------------- */
  .page-layout-3columns .column-main {
    width: 75%;
    float: right;
  }
  .page-layout-3columns .sidebar-main {
    width: 25%;
    float: left;
  }
  .page-layout-3columns .sidebar-additional {
    width: 25%;
    padding-right: 2%;
    padding-left: 0;
    clear: left;
    float: left;
  }
}
@media only screen and (max-width: 769px) {
  .hide-when-mobile-header {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .container {
    max-width: none !important;
    width: 100%;
  }
  .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;
  }
  .columns .column-main,
  .columns .sidebar-main,
  .columns .sidebar-additional {
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
  }
  .v-grid-container {
    display: block;
  }
  .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.
  -------------------------------------------------------------- */
  .mobile-grid.grid12-1 {
    width: 14.66% !important;
    margin-left: 1%;
    margin-right: 1%;
  } /* 1/12 turns into 1/6 */
  .mobile-grid.grid12-2 {
    width: 31.33% !important;
    margin-left: 1%;
    margin-right: 1%;
  } /* 1/6  turns into 1/3 */
  .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 */
  .mobile-grid-half {
    width: 48% !important;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media only screen and (max-width: 1023px) {
  .hide-below-1024 {
    display: none !important;
  }
}
@media only screen and (max-width: 959px) {
  .hide-below-960 {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .hide-below-768 {
    display: none !important;
  }
}
@media only screen and (max-width: 479px) {
  .hide-below-480 {
    display: none !important;
  }
}
@media only screen and (max-width: 319px) {
  .hide-below-320 {
    display: none !important;
  }
}
body,
input, select, textarea, button {
  font-size: 14px;
}

body {
  color: #333333;
  background-color: #ffffff;
}

a {
  color: #50b848;
}

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;
}

.button {
  background-color: #ff8200;
  color: #ffffff;
}

.button:hover,
.button:focus {
  background-color: #ff6f0f !important;
  color: #ffffff !important;
}

button:disabled,
button[disabled], button[disabled]:hover {
  border: 1px solid #e4e4e4 !important;
  background-color: #f5f5f5 !important;
  color: #ccc !important;
  cursor: not-allowed;
}

.product-view .btn-cart,
.btn-checkout {
  background-color: #ff8200;
  color: #ffffff;
}

.product-view .btn-cart:hover,
.btn-checkout:hover {
  background-color: #ff6f0f;
  color: #ffffff;
}

.links > li > a:hover {
  background-color: #333333;
  color: #ffffff !important;
}

.sticker.new {
  background-color: #50b848;
  color: #ffffff;
}

.sticker.sale {
  background-color: #bd6dae;
  color: #ffffff;
}

.price-box .price,
.price-as-configured .price {
  color: #333333;
}

.special-price .price,
.special-price .price-label,
.minimal-price-link .price {
  color: #ee001c !important;
}

.price-notice .price,
.old-price,
.price-box .old-price .price,
#map-popup-msrp,
.map-popup-msrp .price {
  color: #aaa;
}

.additional-bg-color,
.cart .totals,
.checkout-agreements li {
  background-color: #f5f5f5;
}

.skip-link .count {
  background-color: #baff00;
}

/* Custom content class */
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: "Poppins", sans-serif;
}

.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 */
.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 */
.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;
}

.sorter .view-mode span.grid,
.sorter .view-mode span.list,
.pager .pages .current {
  background-color: #e5e5e5;
  color: #333333;
}

.ib {
  background-color: #bd6dae;
  color: #ffffff;
}

.ib-hover:hover,
.feature-icon-hover:hover .ib {
  background-color: #50b848;
  color: #ffffff;
}

.ib-ef-1:hover,
.feature-icon-hover:hover .ib-ef-1 {
  background-color: #50b848;
  color: #ffffff;
}

.ib-ef-1:after {
  box-shadow: 0 0 0 4px #50b848;
}

.ib-ef-2 {
  box-shadow: 0 0 0 4px #bd6dae;
}

.ib-ef-2:after {
  background-color: #bd6dae;
}

.ib-ef-2a:hover,
.feature-icon-hover:hover .ib-ef-2a {
  color: #ffffff;
}

.ib-ef-2b:hover,
.feature-icon-hover:hover .ib-ef-2b {
  color: #bd6dae;
}

.ib-ef-3 {
  box-shadow: 0 0 0 4px #bd6dae;
}

.ib-ef-3:after {
  background-color: #bd6dae;
}

.ib-ef-3a:hover,
.feature-icon-hover:hover .ib-ef-3a {
  color: #bd6dae;
}

.ib-ef-3b {
  color: #bd6dae;
}

.ib-ef-3b:hover,
.feature-icon-hover:hover .ib-ef-3b {
  color: #ffffff;
}

.ib.icon-color-productview {
  background-color: #50b848;
  color: #ffffff;
}

.ib-hover.icon-color-productview:hover,
.feature-icon-hover:hover .ib.icon-color-productview {
  background-color: #269d1d !important;
  color: #ffffff !important;
}

.cap {
  background-color: #008bf1;
}

.wrapper {
  border: none !important;
  background-color: #ffffff;
}

.main {
  background-color: #ffffff;
}

.truncated .item-options {
  background-color: #ffffff;
}

/* Slider arrows */
.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 */
.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;
}

.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;
}

.footer-container {
  background-color: #f7f7f7;
}

.footer {
  background-color: #f7f7f7;
  color: #f7f7f7;
}
.footer a {
  color: #ffffff;
}
.footer a:hover {
  color: #3b3b3b;
}
.footer .ib,
.footer span.icon {
  background-color: #50b848;
  color: #ffffff;
}
.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 */
.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 */
.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;
}

.footer-top {
  color: #ffffff;
}
.footer-top a {
  color: #ffffff;
}
.footer-top a:hover {
  color: #3b3b3b;
}

.footer-primary-container {
  background-color: #50b848;
}

.footer-primary {
  background-color: #50b848;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-primary a {
  color: #ffffff;
}
.footer-primary a:hover {
  color: #3b3b3b;
}
.footer-primary .collapsible .block-title,
.footer-primary .mobile-collapsible .block-title {
  border-bottom: 0 none;
  font-weight: bold;
}
@media (max-width: 768px) {
  .footer-primary .mobile-collapsible .block-title:before {
    content: "+";
    margin-right: 10px;
  }
}

.footer-bottom-container {
  background-color: #f7f7f7;
}

.footer-bottom {
  color: #3b3b3b;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-bottom a {
  color: #3b3b3b;
}
.footer-bottom a:hover {
  color: #50b848;
}

.social-links .ib,
.social-links a > span.icon {
  background-color: #fff;
  color: #50b848;
}

.social-links .ib-hover:hover,
.social-links a > span.icon-hover:hover {
  background-color: rgb(21.8936235912%, 50.7156090783%, 19.6765477845%) !important;
  color: #fff !important;
}

@media screen and (max-width: 479px) {
  .footer-bottom {
    padding-bottom: 70px;
  }
}
/*
 * Grid system
 */
/* Required overrides
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/**
 * Remove side padding from grid containers
 * and override Bootstrap's default width values.
 */
.container {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

/* Set box sizing of all Bootstrap grid units */
[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.
 */
.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.no-left-gutter {
  padding-left: 0;
}

.no-right-gutter {
  padding-right: 0;
}

/**
 * Add bottom gutter to all grid units inside the row
 */
.row-bottom-gutter [class*=col-] {
  margin-bottom: 30px;
}

.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.
 */
.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.
 */
.row-checkered > *:nth-child(2n+1) {
  background-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.02);
}

.row-checkered-even > *:nth-child(2n) {
  background-color: #fafafa;
  background-color: rgba(0, 0, 0, 0.02);
}

/* Vertically centered grid
-------------------------------------------------------------- */
.row-center-vertically > * {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .row-center-vertically {
    display: table;
    width: 100%;
    text-align: center;
  }
  .row-center-vertically > * {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
/* Infortis 12-column grid %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Grid units
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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 */
.grid12-1 {
  width: 6.33%;
}

.grid12-2 {
  width: 14.66%;
}

.grid12-3 {
  width: 23%;
}

.grid12-4 {
  width: 31.33%;
}

.grid12-5 {
  width: 39.67%;
}

.grid12-6 {
  width: 48%;
}

.grid12-7 {
  width: 56.33%;
}

.grid12-8 {
  width: 64.67%;
}

.grid12-9 {
  width: 73%;
}

.grid12-10 {
  width: 81.33%;
}

.grid12-11 {
  width: 89.67%;
}

.grid12-12,
.grid-full {
  width: 98%;
}

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1 {
  margin-left: 0;
  width: 7.33%;
}

.no-left-gutter.grid12-2 {
  margin-left: 0;
  width: 15.66%;
}

.no-left-gutter.grid12-3 {
  margin-left: 0;
  width: 24%;
}

.no-left-gutter.grid12-4 {
  margin-left: 0;
  width: 32.33%;
}

.no-left-gutter.grid12-5 {
  margin-left: 0;
  width: 40.67%;
}

.no-left-gutter.grid12-6 {
  margin-left: 0;
  width: 49%;
}

.no-left-gutter.grid12-7 {
  margin-left: 0;
  width: 57.33%;
}

.no-left-gutter.grid12-8 {
  margin-left: 0;
  width: 65.67%;
}

.no-left-gutter.grid12-9 {
  margin-left: 0;
  width: 74%;
}

.no-left-gutter.grid12-10 {
  margin-left: 0;
  width: 82.33%;
}

.no-left-gutter.grid12-11 {
  margin-left: 0;
  width: 90.67%;
}

.no-left-gutter.grid12-12,
.no-left-gutter.grid-full {
  margin-left: 0;
  width: 99%;
}

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1 {
  margin-right: 0;
  width: 7.33%;
}

.no-right-gutter.grid12-2 {
  margin-right: 0;
  width: 15.66%;
}

.no-right-gutter.grid12-3 {
  margin-right: 0;
  width: 24%;
}

.no-right-gutter.grid12-4 {
  margin-right: 0;
  width: 32.33%;
}

.no-right-gutter.grid12-5 {
  margin-right: 0;
  width: 40.67%;
}

.no-right-gutter.grid12-6 {
  margin-right: 0;
  width: 49%;
}

.no-right-gutter.grid12-7 {
  margin-right: 0;
  width: 57.33%;
}

.no-right-gutter.grid12-8 {
  margin-right: 0;
  width: 65.67%;
}

.no-right-gutter.grid12-9 {
  margin-right: 0;
  width: 74%;
}

.no-right-gutter.grid12-10 {
  margin-right: 0;
  width: 82.33%;
}

.no-right-gutter.grid12-11 {
  margin-right: 0;
  width: 90.67%;
}

.no-right-gutter.grid12-12,
.no-right-gutter.grid-full {
  margin-right: 0;
  width: 99%;
}

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1 {
  margin-left: 0;
  margin-right: 0;
  width: 8.33%;
}

.no-gutter.grid12-2 {
  margin-left: 0;
  margin-right: 0;
  width: 16.66%;
}

.no-gutter.grid12-3 {
  margin-left: 0;
  margin-right: 0;
  width: 25%;
}

.no-gutter.grid12-4 {
  margin-left: 0;
  margin-right: 0;
  width: 33.33%;
}

.no-gutter.grid12-5 {
  margin-left: 0;
  margin-right: 0;
  width: 41.67%;
}

.no-gutter.grid12-6 {
  margin-left: 0;
  margin-right: 0;
  width: 50%;
}

.no-gutter.grid12-7 {
  margin-left: 0;
  margin-right: 0;
  width: 58.33%;
}

.no-gutter.grid12-8 {
  margin-left: 0;
  margin-right: 0;
  width: 66.67%;
}

.no-gutter.grid12-9 {
  margin-left: 0;
  margin-right: 0;
  width: 75%;
}

.no-gutter.grid12-10 {
  margin-left: 0;
  margin-right: 0;
  width: 83.33%;
}

.no-gutter.grid12-11 {
  margin-left: 0;
  margin-right: 0;
  width: 91.67%;
}

.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.
*/
.grid-col2-sidebar {
  width: 23%;
}

.grid-col2-main {
  width: 73%;
}

.no-gutter.grid-col2-sidebar {
  margin-left: 0;
  margin-right: 0;
  width: 25%;
}

.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 */
.grid-col3-sidebar {
  width: 31.52%;
}

.grid-col3-main {
  width: 65.9%;
}

.no-gutter.grid-col3-sidebar {
  margin-left: 0;
  margin-right: 0;
  width: 31.52%;
}

.no-gutter.grid-col3-main {
  margin-left: 0;
  margin-right: 0;
  width: 65.9%;
}

/* New 2 and 3 columns layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/*  Required initial styles
-------------------------------------------------------------- */
.columns .column-main {
  padding-left: 0;
  padding-right: 0;
  min-height: 370px;
}

.columns .sidebar-main {
  padding-right: 2%;
}

.columns .sidebar-additional {
  padding-left: 2%;
  clear: right;
}

.columns .column-main,
.columns .sidebar-main,
.columns .sidebar-additional {
  box-sizing: border-box;
}

/* Remove column inner margin */
.columns .sidebar-main > * {
  margin-right: 0;
}

.columns .sidebar-additional > * {
  margin-left: 0;
}

/* Basic column styles
-------------------------------------------------------------- */
.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;
}

.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;
}

.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;
}

.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
-------------------------------------------------------------- */
.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;
}

.page-layout-3columns .sidebar-main {
  width: 16.66666667%;
  float: left;
  -ms-flex-order: 1;
  -webkit-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.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
-------------------------------------------------------------- */
.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;
}

.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;
}

.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 */
.page-layout-2columns-left .sidebar-additional {
  padding-right: 2%;
  padding-left: 0;
  clear: left;
  float: left;
}

/* 2 columns - right
-------------------------------------------------------------- */
.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;
}

.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;
}

.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 */
.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 */
.columns {
  display: block;
}

/* Additional overrides
-------------------------------------------------------------- */
/* Additional override: main column can't float in 3-column layout */
.page-layout-3columns .column-main {
  float: none;
}

/* Vertically aligned grid
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-grid-container {
  display: table;
  width: 100%;
}

.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 */
.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 {
  display: none !important;
}

.hide-below-1440 {
  display: none !important;
}

.hide-below-1360 {
  display: none !important;
}

.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.
-------------------------------------------------------------- */
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* Deprecated */
.nested-container {
  width: 100%;
  margin-left: -1%;
}

/* Inner container.
   Additional container, horizontal padding is applied to elements with this class.
-------------------------------------------------------------- */
.inner-container {
  padding-left: 15px;
  padding-right: 15px;
  /* Clear floats */
  *zoom: 1;
  clear: both;
}

/* Clear floats */
.inner-container:before,
.inner-container:after {
  display: table;
  line-height: 0;
  content: "";
}

.inner-container:after {
  clear: both;
}

/* Full width container
-------------------------------------------------------------- */
.container.full-width {
  width: 100%;
  max-width: none;
}

/* Expanded container (without inner side padding)
-------------------------------------------------------------- */
.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)
-------------------------------------------------------------- */
.grid-container {
  *zoom: 1;
  clear: both;
}

.grid-container:before,
.grid-container:after {
  display: table;
  line-height: 0;
  content: "";
}

.grid-container:after {
  clear: both;
}

/* Grid unit container:
   clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced {
  *zoom: 1;
  clear: both;
}

.grid-container-spaced:before,
.grid-container-spaced:after {
  display: table;
  line-height: 0;
  content: "";
}

.grid-container-spaced:after {
  clear: both;
}

.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
-------------------------------------------------------------- */
.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;
}

.show-grid [class*=grid12-]:hover {
  background-color: #F08080;
}

.footer-primary-container .grid12-3 {
  width: 18%;
}
.footer-primary-container .grid12-3:last-child {
  width: 38%;
}
@media (min-width: 992px) {
  .footer-primary-container .grid12-3 {
    width: 20%;
  }
  .footer-primary-container .grid12-3:last-child {
    width: 32%;
  }
}
@media (min-width: 1200px) {
  .footer-primary-container .grid12-3 {
    width: 22%;
  }
  .footer-primary-container .grid12-3:last-child {
    width: 26%;
  }
}

/* ============================================ *
 * Global
 * ============================================ */
.modal .loader {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
.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;
}
.modal .loader:before {
  z-index: 100;
  -webkit-animation: spin 1s infinite;
          animation: spin 1s infinite;
}
.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);
  }
}
.no-gutter > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.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;
}

.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;
}

.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 */
.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 */
.products-grid .addto-links-icons span.icon {
  border-radius: 0;
}

/* Pager */
.pager .pages li a {
  background-color: #f5f5f5;
}

/* Add-to links */
.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
-------------------------------------------------------------- */
.col-left > *,
.col-left .widget-static-block {
  margin-right: 32px;
}

.col-right > *,
.col-right .widget-static-block {
  margin-left: 32px;
}

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 {
  margin: 0;
  min-height: 1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */
}

.category-title {
  margin-bottom: 0;
}

/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
  padding-left: 0;
  list-style: none;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}

.block-account .block-content {
  padding: 10px 0 0;
}

.block-account li > * {
  padding: 2px;
}

.block-account li.current strong {
  font-weight: bold;
}

/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.products-grid .item {
  -webkit-tap-highlight-color: transparent;
}

/* Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Bundle product */
.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 */
.product-view .space-before-avail {
  margin: 0 0 15px;
  height: 0;
  line-height: 0;
}

/* Upper part of the container */
.product-view .product-type-data > .price-box {
  border-top-style: solid;
  border-top-width: 1px;
  margin: 15px 0 0;
  padding: 10px 0;
}

/* New elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .sku {
  margin: 15px 0;
}

.product-view .sku .label {
  font-weight: bold;
}

/* Product type specific data
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .is-type-grouped .availability {
  margin-top: 0;
  margin-bottom: 0;
}

.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 */
.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 */
.mobile-collapsible .block-title:after,
.sidebar .block .block-title:after,
.block-layered-nav .block-title:after {
  display: none !important;
}

/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - full width */
.cart-left-column .grid-full,
.cart-right-column .grid-full {
  width: 100%;
}

/* *************************************************************************************************************
****************************************************************************************************************
 Override CSS components ***************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* Accordion/collapsible openers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.accordion .opener,
.acco .opener,
.collapsible .opener {
  /* Override default background image */
  background-image: none !important;
  /* Icon size */
  font-size: 12px;
}

/* Colorbox
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#cboxPrevious,
#cboxNext,
#cboxClose {
  /* Override default background image */
  background-image: none !important;
  /* Icon size */
  font-size: 20px;
}

#cboxClose {
  font-size: 16px;
}

/* Generic-nav
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Styles common for all direction controls */
.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) {
  .slider-arrows1 .owl-controls .owl-buttons div,
  .slider-arrows2 .owl-controls .owl-buttons div,
  .slider-arrows3 .owl-controls .owl-buttons div {
    background: #50b848 !important;
  }
  .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 ****************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
.block_category_above_collection {
  margin: 10px 0;
}

.block_category_below_collection {
  margin: 10px 0;
}

.block_category_above_empty_collection {
  margin: 10px 0;
}

.block_mini_cart_above_products {
  margin: 0 0 10px;
}

.block_cms_page_top {
  margin: 0 0 15px;
}

.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 */
  .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 */
.affiliate_message {
  margin: 10px 0 0 0;
}

.affiliateplus-account-bottom .col-button {
  text-align: center;
  padding-left: 0;
  margin-left: 0 !important;
}
.affiliateplus-account-bottom button.form-button {
  border: none;
  background: none;
  box-shadow: none;
  float: left;
  width: 160px;
  height: 53px;
  margin: 10px 0;
}
.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);
}
.affiliateplus-account-bottom button.form-button:hover span, .affiliateplus-account-bottom button.form-button:focus span {
  opacity: 1;
  filter: alpha(opacity=100);
}
.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;
}
.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;
}
.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 */
#banner-view-list li.banner-view-item {
  border-top: 2px solid #CCCCCC;
  margin-bottom: 45px;
}
#banner-view-list li.banner-view-item span.share {
  float: right;
}
#banner-view-list li.banner-view-item .aff-link-over {
  width: 98%;
  overflow: auto;
}

/* Referer */
#referer_grid thead th a {
  color: #0A263C;
}
#referer_grid thead th a:hover {
  color: #0A263C;
}

/* Miniform request money */
.affiliateplus_form_request {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
.affiliateplus_form_request #request_amount {
  color: #686868;
}

/* Tiers */
#tiers_grid thead th a {
  color: #0A263C;
}
#tiers_grid thead th a:hover {
  color: #0A263C;
}

/* Payment Method */
li.payment_method_form {
  margin-left: 21px;
  *float: left;
  *width: 100%;
}

#account-new-address-form li.wide,
#account-new-address-form div.field {
  width: 50%;
  float: left;
}
#account-new-address-form li.field {
  width: 100%;
}

#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;
}
#affiliateplus_payment_request_form .authentication-comment {
  margin: 0;
  padding: 0 0 0 13px;
  font-size: 11px;
}
#affiliateplus_payment_request_form input.radio {
  float: left;
  margin: 3px 5px 0 0;
}
#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;
}
#affiliateplus_payment_request_form .form-group .verified a {
  padding-left: 25px;
  color: #446423 !important;
  text-decoration: none;
  cursor: default;
}
#affiliateplus_payment_request_form .form-group .verified a:hover {
  text-decoration: none;
}
#affiliateplus_payment_request_form .field .required-email {
  float: right;
  margin-top: -20px;
}
#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;
}
#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;
}

.affiliateplus-action-gray {
  background: #ACABAB !important;
  border: 1px solid #ACABAB !important;
}

/*  Contact Group */
#group-table tr {
  cursor: pointer;
}
#group-table tr:hover {
  background-color: #FCF5DD;
}

/* Commissions */
ul.affiliate-commission-tab {
  height: 27px;
  font-weight: bold;
  margin-top: 10px;
}
ul.affiliate-commission-tab li a {
  text-decoration: none;
  color: #999;
}
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;
}
ul.affiliate-commission-tab li.active-tab {
  font-size: 1.1em;
  background-color: #FFF;
  color: #DE5400;
}

/* End commissions */
/* Search Grid Style */
.data-table .affiliateplus-grid-title th {
  background-image: none;
  border-bottom: 1px solid #C2D3E0;
}
.data-table .affiliateplus-grid-search th {
  vertical-align: top;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item {
  padding-bottom: 2px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .search-text {
  width: 97%;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .range-container {
  float: left;
  padding-bottom: 2px;
}
.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;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range {
  min-width: 121px;
  min-height: 18px;
  margin-bottom: 3px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range .label {
  display: block;
  width: 36px;
  float: left;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range img {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item .data-range input.range-text {
  float: right;
  width: 50px;
  padding: 1px;
}
.data-table .affiliateplus-grid-search .affiliateplus-grid-search-item select {
  width: 100%;
}

.affiliateplus-search-button {
  padding-bottom: 5px;
  text-align: right;
}

/* End Search */
/* End */
/*==========Custom Credit by Crystal===========*/
.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;
}
.affiliate-page #affiliateplusstatistic-filter select.form-control {
  width: 90%;
}
.affiliate-page h2.legend {
  font-size: 25px !important;
}
.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;
}
.affiliate-page .aff-main-content .block .block-title strong:after {
  border-left: none;
}
.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;
}
.affiliate-page .form-group {
  float: left;
  width: 100%;
}
.affiliate-page .form-group.change-password {
  margin-top: 15px;
}
.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;
}
.affiliate-page .form-group .label-title {
  padding-left: 15px;
  padding-bottom: 10px;
}
.affiliate-page .account-name {
  float: left;
  margin-right: 5px;
}
.affiliate-page .box {
  width: 100% !important;
  display: inline-block;
  height: auto;
  border: 0;
}

#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;
}
#discount-affiliateplus-form .discount {
  padding: 0;
  border: 1px solid #d0cbc1;
  margin: 0 0 18px;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
#discount-affiliateplus-form .discount-form {
  padding: 12px 15px;
  float: left;
}
#discount-affiliateplus-form #affiliateplus_credit {
  float: left;
  margin-top: 3px;
}
#discount-affiliateplus-form .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
#discount-affiliateplus-form .btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

#checkout-step-payment .affiliateplus_credit {
  float: left;
  width: 100%;
}
#checkout-step-payment #affiliateplus_credit {
  float: left;
  margin-top: 4px;
}

#discount-affiliateplus-form .affiliateplus_credit label,
#checkout-step-payment .affiliateplus_credit label {
  float: left;
  width: 90%;
  margin-left: 5px;
}

/*============Popup request payment=============*/
.affiliateplus-index-paymentform #tinybox {
  right: 0 !important;
  left: 0 !important;
  margin: auto !important;
}

#verify-email-form #authentication_code {
  float: left;
  width: 70%;
  left: 0;
  right: 0;
  margin: auto;
}

#tinybox #verify-email-form {
  width: 100%;
  float: left;
}

/*=============Checkout-affiliate=============*/
.img-reload {
  width: 30px;
  height: 30px;
}

.affiliateplus-discount-code .title-spending {
  float: left;
}
.affiliateplus-discount-code .style-form {
  float: right;
  margin-left: 10px;
}
.affiliateplus-discount-code .using_credit {
  cursor: pointer;
  float: left;
  margin-left: 10px;
}
.affiliateplus-discount-code .img-edit {
  margin-top: 5px;
  float: right;
  margin-left: 5px;
}
.affiliateplus-discount-code .image-success {
  margin-top: 5px;
  float: right;
  margin-left: 10px;
}

/*======== My widgets========*/
.affiliate-list-widgets tbody textarea {
  outline: 0;
}

.affiliate-page .affiliate-get-link {
  padding: 0;
  margin: 28px 0;
}
.affiliate-page .affiliate-get-link .box-all {
  border: 1px solid #e7e7e7;
  float: left;
  width: 100%;
}
.affiliate-page .affiliate-get-link .form-list {
  padding-top: 40px;
  margin: 30px 20px;
}
.affiliate-page #affiliate-page-link {
  margin-bottom: 5px;
}
.affiliate-page #banner-view-list li.banner-view-item {
  border: 1px solid #e7e7e7;
}

/*******detail lead********/
.affiliate-page #payperlead-url-form .fieldset {
  border: 1px solid #e7e7e7;
  padding: 0;
  margin: 28px 0;
}
.affiliate-page #payperlead-url-form .fieldset .form-list {
  padding-top: 40px;
  margin: 20px;
}
.affiliate-page #payperlead-url-form .fieldset .form-list li {
  margin: 0;
}
.affiliate-page #payperlead-url-form .fieldset .form-list input#use-personal-url {
  margin: 0;
  vertical-align: middle;
}
.affiliate-page #payperlead-url-form .fieldset .form-list label {
  float: none;
  padding: 0;
}
.affiliate-page .buttons-set-aff {
  margin-left: 15px;
  margin-bottom: 10px;
}
.affiliate-page .aff-main-content .actions {
  padding-left: 20px;
  padding-bottom: 20px;
}

/*============Setting page=============*/
.signup_affiliate_account_form {
  border: 1px solid #ececec;
}
.signup_affiliate_account_form .form-group input.checkbox {
  float: left;
  width: auto;
  margin-right: 5px;
}

/************Report***************/
#affiliateplusstatistic-filter input.aff-date {
  width: 90%;
  float: left;
}
#affiliateplusstatistic-filter #report-filter {
  border: 1px solid #ececec;
  padding-bottom: 10px;
}
#affiliateplusstatistic-filter #date_picker_from,
#affiliateplusstatistic-filter #date_picker_to {
  float: left;
  margin: 10px 0 0 5px;
}
#affiliateplusstatistic-filter .form-group label {
  width: 100%;
}

/******* Balance ********/
.affiliate-page label.required:after,
.affiliate-page span.required:after {
  content: "";
}
.affiliate-page #tinymask {
  z-index: 9999;
}
.affiliate-page #tinybox {
  z-index: 10000;
  /*max-width:100%;*/
}
.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****/
.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);
}

.aff-popup {
  z-index: 10000;
  -webkit-transition: top 0.25s ease;
  transition: top 0.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%;
}
.aff-popup .active {
  background: url("https://www.petheaven.co.za/skin/frontend/petheaven/default/images/pageloading.gif") no-repeat !important;
}
.aff-popup .no-content {
  float: left;
  width: 100%;
  min-height: 200px;
}
.aff-popup .close-affpopup {
  position: absolute;
  right: -15px;
  top: -15px;
}
.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) {
  .aff-popup {
    max-width: 60%;
    box-sizing: border-box;
    margin-left: 20%;
    margin-right: 20%;
  }
}
@media screen and (max-width: 979px) {
  .aff-popup {
    max-width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
}
@media screen and (max-width: 768px) {
  .aff-popup {
    max-width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media screen and (max-width: 480px) {
  .aff-popup {
    max-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

@media screen and (max-width: 991px) {
  #affiliateplus_payment_request_form .field .not-verified {
    margin-top: 0;
  }
  #affiliateplus_payment_request_form .field .not-verified a {
    padding-left: 30px;
  }
}
@media screen and (max-width: 480px) {
  .affiliate-page #button-notnow {
    float: left;
    margin-left: 0;
    position: relative;
    left: 0;
    bottom: 0;
  }
}
#loading_mask_loader img {
  display: inline;
}

.aff-main-content .note-msg {
  margin-top: 10px;
}

#affiliateplus-email-form .input-box {
  width: 100%;
}

textarea.widgets-code,
textarea#affiliate-email-content {
  width: 99%;
  margin-top: 10px;
}

#payperlead-url-form li.control label {
  background-color: #fff;
  padding: 0;
}

/*Changed By Adam 02/05/2015: fix loi CSS cho dob, tax, gender*/
.form-group .customer-dob {
  width: 100%;
  float: left;
}
.form-group .dob-month {
  width: 25%;
  float: left;
  padding-right: 10px;
}
.form-group .dob-month .input-text {
  border-radius: 4px;
  height: 34px;
}
.form-group .dob-day {
  width: 25%;
  float: left;
  padding-right: 10px;
}
.form-group .dob-day .input-text {
  border-radius: 4px;
  height: 34px;
}
.form-group .dob-year {
  width: 50%;
  float: left;
}
.form-group .dob-year .input-text {
  border-radius: 4px;
  height: 34px;
}

.affiliateplus-account-login .account-login .f-right {
  float: right;
}

.affiliate-page #verify-domain-form .fieldset {
  margin: 0;
  padding: 0;
}
.affiliate-page #button-notnow {
  float: left;
  margin-left: 0;
  position: absolute;
  left: 15px;
  bottom: 15px;
}
.affiliate-page #affiliate-personal-url-form input[type=checkbox] {
  margin: 0;
  vertical-align: middle;
}
.affiliate-page .pager .pages {
  margin-top: 0;
}
.affiliate-page .pager .limiter {
  height: 35px;
}
.affiliate-page #use-link-banner-poup {
  margin-right: 10px;
}
.affiliate-page .aff-title {
  float: left;
  width: 100%;
}
.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%;
}
.affiliate-page .aff-main-content {
  margin-top: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding-left: 25px;
}
@media (max-width: 768px) {
  .affiliate-page .aff-main-content {
    padding-left: 0;
    padding-right: 0;
  }
}
.affiliate-page .aff-main-content .fade {
  opacity: 0;
  -webkit-transition: opacity 2.25s linear;
  transition: opacity 2.25s linear;
}
.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;
}
.affiliate-page .aff-main-content .nav {
  background: #fff;
}
.affiliate-page {
  /*Navigation*/
}
.affiliate-page .affiliate-navigation {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #fff;
  padding: 0;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  overflow: hidden;
}
.affiliate-page .affiliate-navigation .navbar-toggle {
  border-color: #fff;
  padding-left: 0;
}
.affiliate-page .affiliate-navigation .navbar-toggle:hover, .affiliate-page .affiliate-navigation .navbar-toggle:focus {
  background-color: #fff;
}
.affiliate-page .affiliate-navigation ul {
  background: #fff;
  margin: 0;
  width: 100%;
}
.affiliate-page .affiliate-navigation ul li {
  float: left;
  width: 100%;
  position: relative;
  display: block;
}
.affiliate-page .affiliate-navigation ul li a {
  position: relative;
  display: block;
  padding: 10px 50px;
  border-bottom: 1px solid #cecece;
  background: none;
}
.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;
}
.affiliate-page .affiliate-navigation ul li.last a {
  border-bottom: none;
}
.affiliate-page .box-account ul.send-request {
  float: left;
  padding: 0 15px;
}
.affiliate-page .affiliatepluspayperlead-leaddetails-index.aff-main-content p {
  padding-right: 15px;
}
.affiliate-page .navbar-collapse-aff {
  padding: 0;
}
.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;
}
.affiliate-page .container-fluid {
  padding: 0;
}
.affiliate-page .page-header {
  padding-bottom: 0;
  border-bottom: none;
}
.affiliate-page .main-container {
  padding: 0;
}
.affiliate-page .col-main {
  margin-bottom: 0;
}
.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%;
}
.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;
}
.affiliate-page .aff-main-content h3 {
  font-size: 16px;
}
.affiliate-page .aff-main-content button {
  margin-bottom: 5px;
}
.affiliate-page .aff-main-content input[type=text] {
  max-width: 100%;
  width: 100%;
}
.affiliate-page .navbar-hidden {
  display: none;
}
@media (min-width: 991px) {
  .affiliate-page #navi-bg {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .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;
  }
  .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);
  }
  .affiliate-page .aff-mobile.active {
    transform: translate(0%);
    -ms-transform: translate(0%);
    -webkit-transform: translate(0%);
  }
  .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;
  }
  .affiliate-page .aff-mobile.active .container-fluid {
    max-height: 100%;
    overflow: auto;
  }
}
.affiliate-page button.request-amount {
  margin-left: 0;
  margin-bottom: 0;
  float: right;
}
@media (max-width: 699px) {
  .affiliate-page button.request-amount {
    padding: 0 10px;
  }
}
.affiliate-page .affiliateplus_form_request .my-blance,
.affiliate-page .affiliateplus_form_request .request-amount-money {
  padding: 0 5px;
}
@media (max-width: 699px) {
  .affiliate-page .affiliateplus_form_request .my-blance,
  .affiliate-page .affiliateplus_form_request .request-amount-money {
    padding: 0;
  }
}
.affiliate-page .affiliateplus_form_request #request_amount {
  height: 45px;
  float: left;
}
.affiliate-page .input-blance,
.affiliate-page .request-withrawal {
  padding: 0 2px;
}
@media (max-width: 699px) {
  .affiliate-page .input-blance,
  .affiliate-page .request-withrawal {
    padding-left: 0;
  }
}
.affiliate-page #banner-view-list button,
.affiliate-page .affiliate-get-link button {
  float: none;
  margin-left: 0;
}
.affiliate-page #payperlead-url-form .buttons-set-aff {
  margin-left: 0;
}
.affiliate-page #payperlead-url-form button {
  float: none;
  margin-left: 0;
}
.affiliate-page #banner-custom-link-form .buttons-set p.required {
  margin: 0;
  float: left;
}
.affiliate-page #banner-custom-link-form .fieldset {
  margin: 0;
  padding: 0 26px 10px 15px;
  border: 0;
  background: #fff;
}
.affiliate-page #banner-custom-link-form .form-list label.required em {
  float: none;
  position: relative;
  padding-left: 2px;
}
.affiliate-page {
  /*my program*/
}
.affiliate-page table.responsive {
  border-collapse: collapse;
}
.affiliate-page table {
  border: 0 none;
  margin-bottom: 0;
}
.affiliate-page table .affiliateplus-grid-title th {
  text-align: center;
  font-weight: 700;
}
.affiliate-page table .col-sm-2.calender {
  float: right;
}
.affiliate-page table #programs_grid-program_name,
.affiliate-page table #programs_grid-priority {
  height: 34px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.affiliate-page .aff-main-content .table-responsive {
  width: 100%;
  float: left;
  margin-top: 5px;
  border: 1px solid #e4e4e4 !important;
  border-radius: 4px;
  overflow: hidden;
}
.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;
}
.affiliate-page .aff-main-content .pager .limiter {
  float: right;
  margin: 0;
}
.affiliate-page .aff-main-content .pager .limiter label {
  vertical-align: top;
}
.affiliate-page .aff-main-content .pager .limiter select {
  border: 1px solid #ccc;
  margin: 0 5px;
}
.affiliate-page .aff-main-content .pager .amount {
  float: left;
  margin: 0;
}
.affiliate-page .aff-main-content .table tbody tr td:last-of-type {
  border-bottom: 0 none;
  border-left: 0 none;
}
.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;
}
.affiliate-page .aff-main-content .fieldset .legend {
  font-size: 18px;
  color: #444;
  text-transform: none;
  background-color: #fff !important;
  padding-left: 15px;
}
.affiliate-page .aff-main-content .buttons-set {
  clear: both;
  margin: 10px 0 0;
  padding-top: 10px;
  border-top: 1px solid #ededed;
  text-align: right;
}
.affiliate-page .aff-main-content .input_fields_form label.left {
  margin-bottom: 0;
}
@media screen and (max-width: 479px) {
  .affiliate-page .aff-main-content .buttons-set .back-link {
    display: block;
    float: left;
  }
  .affiliate-page .aff-main-content .buttons-set .required {
    display: block;
  }
  .affiliate-page .aff-main-content .statistic-transactions .right {
    float: left !important;
  }
  .affiliate-page .aff-main-content .pager .limiter label {
    display: inline-block;
  }
}
.affiliate-page .aff-join {
  margin: 0 auto;
  float: left;
  width: 135px;
}
.affiliate-page .from-to-aff {
  margin-bottom: 5px;
}
.affiliate-page .from-to-aff span {
  float: left;
  width: 100%;
}
.affiliate-page .from-to-aff img {
  float: left;
  padding-left: 5%;
  padding-top: 9px;
  width: 15px;
  height: 22px;
}
.affiliate-page .affiliateplus-search-button {
  padding-bottom: 5px;
  text-align: right;
  margin-top: 5px;
}
.affiliate-page .affiliateplus-search-button button + button {
  margin-right: 10px;
}
@media screen and (max-width: 350px) {
  .affiliate-page .affiliateplus_form_request #request_amount,
  .affiliate-page .affiliateplus_form_request .request-amount {
    float: left !important;
    margin-left: 0;
  }
  .affiliate-page .affiliateplus_form_request .left,
  .affiliate-page .affiliateplus_form_request .statistic-transactions .left {
    padding-right: 0;
  }
}
.affiliate-page {
  /**********Commission********/
}
.affiliate-page .affiliateplus_form_request .right,
.affiliate-page .affiliateplus_form_request .statistic-transactions .right {
  float: right;
}
.affiliate-page .affiliateplus_form_request .left,
.affiliate-page .affiliateplus_form_request .statistic-transactions .left {
  float: left;
  padding-right: 100px;
}
.affiliate-page .affiliateplus_form_request #request_amount {
  margin-bottom: 5px;
}
.affiliate-page .aff-main-content .pager .count-container {
  width: 100%;
}
.affiliate-page .aff-main-content .pager .div-right {
  margin-right: 0;
}
.affiliate-page .aff-main-content .pager li a {
  padding: 0;
  border: none;
  border-radius: 0;
}
.affiliate-page .aff-main-content .direct-link-help {
  float: left;
}
.affiliate-page .aff-main-content .nav-tabs li {
  margin-top: 5px;
}
.affiliate-page .aff-main-content label.required {
  float: left;
}
.affiliate-page .aff-main-content label.required em {
  display: block;
  font-size: 20px;
  font-style: normal;
  float: right;
  margin-left: 2px;
  color: red;
}
.affiliate-page .aff-main-content span.required em {
  display: inline-block;
  float: right;
}
.affiliate-page .aff-main-content .container {
  padding-right: 0;
}
.affiliate-page .aff-main-content select {
  outline: 0;
  -webkit-appearance: menulist;
  padding: 0;
}
.affiliate-page .aff-main-content .btn {
  opacity: 0.85;
  filter: alpha(opacity=85);
}
.affiliate-page .aff-main-content .btn:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.affiliate-page .aff-main-content .account-login p.required {
  float: left;
}
.affiliate-page .aff-main-content .pages .next:before,
.affiliate-page .aff-main-content .pages .previous:before {
  content: none;
}
.affiliate-page .aff-main-content .form-list li.wide .input-box {
  width: 100%;
}
.affiliate-page .aff-main-content .form-list li.wide input.input-text {
  width: 100%;
}
.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;
}
.affiliate-page .aff-main-content .send-requests {
  padding: 0;
  float: left;
  width: 100%;
}
.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;
}
.affiliate-page .aff-main-content .nav-tabs li a {
  padding: 10px 5px !important;
}
.affiliate-page .aff-main-content .nav-tabs li a:hover {
  background: #eee;
}
.affiliate-page #input-personal-url {
  float: none;
  margin-top: 10px;
}
.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;
}
.affiliate-page .aff-th {
  background: #e7e7e7;
  text-align: center;
}
.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) {
  .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;
  }
  .affiliate-page .statistic-transactions .right {
    float: left !important;
  }
}
.affiliate-page .aff-title {
  float: left;
  width: 100%;
}
.affiliate-page {
  /**********Directlink************/
}
.affiliate-page .comment-directlink-form {
  padding: 0 15px;
}
.affiliate-page .input-text-add-directlinks .form-group {
  text-align: left;
}
.affiliate-page .message {
  padding: 0;
}
.affiliate-page #direct-link-form select.input-text {
  -webkit-appearance: menulist;
  appearance: menulist;
  -moz-appearance: menulist;
}
.affiliate-page .my_tab {
  float: left;
  width: 100%;
  overflow: auto;
}
.affiliate-page #affiliateplusstatistic-filter {
  float: left;
}
.affiliate-page .affiliateplus-index-viewpayment.affiliate-page .form-group {
  float: left;
  margin-bottom: 0;
}
.affiliate-page .affiliateplus-index-viewpayment.affiliate-page .form-list .field-drawal {
  width: 50%;
  float: left;
}
.affiliate-page {
  /*Commission*/
}
.affiliate-page .aff-join .col-md-8.col-sm-8.col-xs-8 {
  width: 100px;
}
.affiliate-page select.status-grid {
  width: 100px;
}
.affiliate-page #report_show {
  float: left;
  margin-top: 10px;
  width: 100%;
}
.affiliate-page .global-share {
  float: right;
}
.affiliate-page .table-responsive #sales_grid tbody pre {
  height: 40px;
}
.affiliate-page .account-login .button-config {
  float: left;
  clear: both;
}
.affiliate-page #select-language {
  color: #000;
}
.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) {
  .affiliate-page #sales_report_order_statuses {
    height: 30px;
  }
}

.affiliateplus-index-referrers .aff-title h2 {
  margin-top: 15px !important;
}

/**
 * Brands
 */
/* Base
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-name {
  font-size: 22px;
  line-height: 18px;
  text-align: center;
}

.brand-name-wrapper {
  display: table;
  min-height: 36px; /* Two lines of text */
  margin: 0 auto;
}
.brand-name-wrapper .brand-name {
  display: table-cell;
  vertical-align: middle;
}

/* On product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.box-brand a {
  margin: 0 auto;
  display: block;
}
.box-brand img {
  margin: 0 auto;
  display: block;
}

/* Brand in secondary column on product page */
.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-slider .item {
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
.brand-slider .item a {
  display: block;
}
.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. */
.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. */
.cloud-zoom-big {
  border: 1px solid #e5e5e5;
  overflow: hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
  color: white;
  background: #222;
  padding: 0.25em;
  border: 1px solid #000;
}

#wrap {
  /* Decrease default z-index */
  z-index: 99 !important;
}

/* Zoom position: "inside"
-------------------------------------------------------------- */
.product-image .mousetrap {
  z-index: 100 !important;
  /* For responsive layout */
  width: 100% !important;
  height: 100% !important;
}

.zoom-inside #wrap {
  overflow: hidden;
}

/* No borders if zoom position is "inside" */
.zoom-inside .cloud-zoom-big {
  border: none;
}

/* Display images without Cloud Zoom
-------------------------------------------------------------- */
/* Hide zoom area */
.simple-mode .cloud-zoom-big,
.simple-mode .cloud-zoom-lens {
  display: none !important;
}

.simple-mode .cloud-zoom-lens {
  cursor: default !important;
}

/* Zoom button (enlarge the main image)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}

.zoom-btn-small:hover {
  background-color: #fff;
}

/* Use lightbox without cloud zoom */
.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;
}

.zoom-btn-large:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

/* Skins %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.img-box {
  margin-bottom: 15px;
}

.img-box .product-image {
  margin: 0 auto;
  position: relative; /* Labels (e.g. "sale") are positioned relative to this box */
}

.img-box .product-image.product-image-zoom {
  z-index: 9;
} /*TODO: obsolete*/
/* Image pop-up */
.product-image-popup {
  margin: 0 auto;
}

.product-image-popup .nav {
  font-weight: bold;
  text-align: center;
}

.product-image-popup .image {
  display: block;
  margin: 10px 0;
}

.product-image-popup .image-label {
  margin: 0 0 10px;
}

/* Thumbnails */
.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 */
.img-box .more-images .thumbnails .item.last {
  margin-right: 0;
} /* Deprecated */
.img-box .more-images .thumbnails .item a {
  margin: 0 3px;
  display: block;
  overflow: hidden;
  text-decoration: none;
  text-align: center;
}

/* Thumbnails - with slider */
.img-box .more-images .thumbnails.slides {
  display: none;
}

/* Minimum size of thumbnail if lazy loading enabled */
.img-box .more-images .thumbnails .owl-item.loading {
  min-height: 50px;
}

.img-box .more-images .thumbnails .owl-item.loading a {
  min-height: 36px;
}

/* Thumbnails - without slider */
.img-box .more-images .thumbnails.show-all {
  width: 100%;
  text-align: center;
}

.img-box .more-images .thumbnails.show-all .item {
  float: none;
  display: inline-block;
}

/* Skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.img-box-style1 .product-image {
  border: 1px solid #eee;
  padding: 5px;
}

/* Thumbnails */
/* Prevent cutting off thumbnails */
.img-box-style1 .more-images .thumbnails .owl-wrapper-outer {
  padding: 1px 0;
}

.img-box-style1 .more-images .thumbnails .item a {
  margin: 0 2px 4px;
  padding: 4px;
  border: 1px solid #eee;
}

.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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.img-box .itemslider-thumbnails {
  margin-left: auto;
  margin-right: auto;
}

.itemslider-thumbnails {
  max-width: 237px;
} /* count-3 is default */
.itemslider-thumbnails.count-1 {
  max-width: 79px;
}

.itemslider-thumbnails.count-2 {
  max-width: 158px;
}

.cms-page-layout .breadcrumbs {
  display: none;
}
.cms-page-layout .page-title {
  text-align: center;
  margin: 20px 0;
}
.cms-page-layout .small-title {
  font-weight: bold;
}
.cms-page-layout .middle-row {
  text-align: center;
  margin-top: 40px;
}
.cms-page-layout .img-no-margin {
  margin: 0 auto;
}
.cms-page-layout .fake-title {
  font-size: 26px;
  margin: 10px 0;
  text-align: center;
  display: block;
}
.cms-page-layout .fake-title span {
  color: #50b848;
}
.cms-page-layout .margin-top {
  margin-top: 40px;
}
.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;
}
.cms-page-layout .display-flex > [class*=col-] {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
}
.cms-page-layout .display-flex > [class*=col-] p {
  margin: 20px 0;
}
.cms-page-layout .display-flex > [class*=col-] p, .cms-page-layout .display-flex > [class*=col-] a {
  color: #fff;
  font-size: 15px;
}
.cms-page-layout .display-flex > [class*=col-] a {
  text-decoration: underline;
}
.cms-page-layout .display-flex .text {
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .cms-page-layout .display-flex .text {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.cms-page-layout .display-flex .box {
  border: 1px #666 solid;
  height: 100%;
}
.cms-page-layout .display-flex:before, .cms-page-layout .display-flex:after {
  display: none !important;
}
.cms-page-layout .blog .title {
  font-size: 20px;
  margin: 20px 0;
  font-weight: bold;
  min-height: 50px;
}
.cms-page-layout .blog .button {
  margin-bottom: 20px;
}
.cms-page-layout .imagebox {
  overflow: hidden;
  width: 100%;
  height: auto;
}
.cms-page-layout .imagebox img {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .cms-page-layout .imagebox {
    padding-top: 10px;
  }
}
.cms-page-layout .spacer10 {
  height: 10px;
}
@media only screen and (max-width: 768px) {
  .cms-page-layout .spacer10 {
    height: 0;
  }
}
@media only screen and (max-width: 425px) {
  .cms-page-layout .small-title,
  .cms-page-layout .std p {
    text-align: center;
  }
  .cms-page-layout .widget-product-sliders-title {
    width: 73%;
  }
  .cms-page-layout .blog .title {
    font-size: 16px;
  }
}
.cms-page-layout .black-friday .banner {
  background: #000000;
  float: left;
  width: 100%;
}
.cms-page-layout .black-friday .banner .counter {
  color: #fff;
  display: table;
  margin: 0 auto;
  padding-top: 5px;
}
@media only screen and (max-width: 767px) {
  .cms-page-layout .black-friday .banner .counter {
    display: none;
  }
}

.hello-dog-landing .flex-row {
  margin: 20px -15px;
}
.hello-dog-landing .insta-block {
  float: left;
  width: 100%;
  clear: both;
  margin-bottom: 20px;
}

.hello-dog .row:before, .hello-dog .row:after {
  display: none !important;
}
.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;
}
.hello-dog .flex-row .col-flex {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
      -ms-flex: 1 1;
          flex: 1 1;
}
.hello-dog .progress {
  height: 10px;
  background-color: #C2F0ED;
}
.hello-dog .progress .progress-bar {
  border-radius: 4px;
  background-color: #00C3B3;
}
.hello-dog .intro-block,
.hello-dog .insta-block {
  background-color: #e6f9f7;
}
.hello-dog .smaller-h3 {
  font-size: 22px;
}
.hello-dog .intro-block h3 {
  font-size: 22px;
  line-height: 30px;
}
.hello-dog .intro-block p {
  line-height: 24px;
}
.hello-dog .intro-block .btn-outline-primary {
  border: 2px solid #337AB7;
  color: #337AB7;
  background-color: #FFFFFF;
}
.hello-dog .intro-block .btn-outline-primary:hover {
  background-color: rgb(96%, 96%, 96%);
}
.hello-dog .padding {
  padding: 50px;
}
.hello-dog .no-padding {
  padding: 0 !important;
}
.hello-dog .padding-left {
  padding-left: 10px;
  padding-top: 15px;
  font-weight: bold;
  font-size: 20px;
  float: left;
}
.hello-dog .align-items-center {
  -ms-flex-align: center !important;
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
          align-items: center !important;
}
.hello-dog .center-block img {
  margin: 0 auto;
}
.hello-dog .center-block .btn-link {
  color: #00C3B3;
  border: none;
  text-decoration: underline;
  font-size: 15px;
}
.hello-dog .center-block .btn-link:active, .hello-dog .center-block .btn-link:focus {
  outline: 0;
  border: none;
  background: none;
  -moz-outline-style: none;
}
.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;
}
.hello-dog .center-block .btn-primary,
.hello-dog .center-block .btn-default {
  font-size: 18px;
}
.hello-dog .center-block .btn-default {
  border: 2px solid #337AB7;
  color: #337AB7;
  font-size: 18px;
}
.hello-dog .center-block .btn-default:hover {
  background-color: rgb(96%, 96%, 96%);
}
.hello-dog .what-goes-in {
  background-color: #F6F6F6;
}
.hello-dog .what-goes-in p {
  margin: 10px 0 30px 0;
  line-height: 24px;
}
.hello-dog .trust-block {
  margin-top: 50px;
  margin-bottom: 50px;
}
.hello-dog .trust-block h3 {
  line-height: 30px;
  margin-bottom: 20px;
}
.hello-dog .trust-block p {
  line-height: 24px;
}
.hello-dog .how-it-works {
  overflow: hidden;
}
.hello-dog .how-it-works .arrows img {
  width: 100px;
  margin-top: 50px;
}
.hello-dog .insta-block .insta-user-name a {
  font-size: 18px;
  color: #00C3B3;
}
.hello-dog .insta-block .move-to-front {
  z-index: 1;
}
.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);
}
.hello-dog .insta-block .insta-collage {
  margin-top: -40px;
}
.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) {
  .hello-dog .insta-block .move-to-back {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width: 425px) {
  .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) {
  .hello-dog .insta-block .move-to-back {
    margin-top: 0;
  }
}
.hello-dog .insta-block .tag-line {
  margin-top: 0;
  padding-top: 20px;
}
.hello-dog .insta-block .share-block {
  margin-top: -5px;
}
.hello-dog .owl-dots {
  display: none;
}
.hello-dog .owl-nav {
  display: none;
}
.hello-dog .subscribe-box .blue {
  color: #00C3B3;
  margin-top: 0;
}
.hello-dog .row-boxes {
  margin-top: 50px;
  margin-bottom: 50px;
}
.hello-dog .shadow {
  box-shadow: 0px 0px 10px 5px rgb(204, 204, 204);
  padding: 0 20px 20px;
  border-radius: 5px;
  border: 3px solid transparent;
  cursor: pointer;
}
.hello-dog .shadow h5 {
  padding-top: 20px;
  margin-bottom: 5px;
}
.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;
}
.hello-dog .shadow:hover {
  border: 3px solid #5098D3;
}
.hello-dog .shadow.selected {
  border: 3px solid #5098D3;
}
.hello-dog .shadow.selected:before {
  content: "✔";
  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;
}
.hello-dog .shadow.unselected {
  opacity: 0.6;
  filter: alpha(opacity=60);
  border: 3px solid transparent !important;
}
.hello-dog .shadow.unselected:before {
  display: none;
}
@media only screen and (max-width: 768px) {
  .hello-dog .owl-dots {
    display: block;
    margin: 0 auto;
  }
  .hello-dog .padding {
    padding: 20px;
    width: 100%;
  }
  .hello-dog .row-boxes {
    text-align: center;
  }
  .hello-dog .intro-block {
    text-align: center;
  }
  .hello-dog .intro-block img {
    margin: 0 auto;
    width: 100%;
  }
  .hello-dog .how-it-works {
    margin: 0;
  }
  .hello-dog .how-it-works .col-remove {
    display: none;
  }
  .hello-dog .how-it-works .owl-dots button:nth-child(4),
  .hello-dog .how-it-works .owl-dots button:nth-child(5) {
    display: none;
  }
  .hello-dog .trust-block {
    text-align: center;
  }
  .hello-dog .trust-block img {
    margin: 0 auto;
    width: 100%;
  }
  .hello-dog .what-goes-in img {
    width: 100%;
  }
  .hello-dog .what-goes-in .m-width-full {
    width: 100%;
  }
  .hello-dog .center-block {
    width: 100%;
  }
  .hello-dog .insta-block .insta-collage {
    margin-top: 0px;
  }
  .hello-dog .insta-block h4 {
    font-size: 21px;
    font-weight: bold;
  }
  .hello-dog .insta-block .insta-logo {
    margin-left: 0;
  }
  .hello-dog .btn-block {
    margin-bottom: 10px;
  }
  .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;
  }
  .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;
  }
  .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;
  }
  .hello-dog .shadow.selected:before {
    padding: 5px 0 0 5px;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
  .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%;
  }
  .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.
 */
.container-rewards {
  position: relative;
  text-align: center;
  color: #fff;
}
.container-rewards .img-fluid {
  width: 100%;
  cursor: default;
}
.container-rewards .top-left {
  color: #000000;
  text-align: left;
}
@media (max-width: 1170px) and (min-width: 769px) {
  .container-rewards .top-left {
    position: absolute;
    top: 8%;
    left: 6%;
    width: 80%;
  }
}
@media only screen and (min-width: 1171px) {
  .container-rewards .top-left {
    position: absolute;
    top: 8%;
    left: 6%;
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .container-rewards .top-left {
    margin-top: 20px;
  }
  .container-rewards .top-left h2 {
    margin: 20px 0;
  }
}
.container-rewards .top-left .btn-petpoints {
  color: #50b848;
}
.container-rewards .referral-code .form-control[readonly] {
  background-color: #fff;
}
.container-rewards .social-block .step-title span {
  border: none;
  color: #fff;
  cursor: pointer;
}
.container-rewards .social-block .step-title span::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  color: #fff;
}
.container-rewards .social-block .btn {
  width: 200px;
}
.container-rewards .email .step-title {
  background-color: #5A5A5A;
}
.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;
}
.container-rewards .facebook .step-title {
  background-color: #3A5998;
}
.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;
}
.container-rewards .twitter .step-title {
  background-color: #37A1F3;
}
.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;
}
.container-rewards .modal .modal-content {
  border: 1px solid #50b848;
  border-radius: 20px;
  padding: 20px;
}
.container-rewards .modal .modal-content .modal-header {
  color: #50b848;
}
.container-rewards .modal .modal-content .modal-header h2 {
  font-family: "Gloria Hallelujah", cursive;
  text-transform: none;
}
.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;
}
.container-rewards .modal .modal-content .modal-body h4 {
  margin: 10px 0 0;
}
.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;
}
.container-rewards .petpoints-modal .modal-body .btn-linkrewards {
  padding: 7px 40px;
  border-radius: 5px;
  color: #fff;
  background-color: rgb(63.1764705882%, 88.2352941176%, 1.7647058824%);
  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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-block {
  margin-top: 1%;
  margin-bottom: 1%;
}

.nav-block--center {
  margin-top: 1%;
  margin-bottom: 1%;
}

/* Section line (separator) is lighter than other lines
-------------------------------------------------------------- */
.nav-block .section-line {
  border-color: #eee;
}

/* Deprecated: custom static block block_header_nav_dropdown displayed as a dropdown
-------------------------------------------------------------- */
.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.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.menu-trigger {
  display: block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Mobile menu icon */
.menu-trigger .trigger-icon {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin: 0 4px 0 15px;
}

.menu-trigger .trigger-icon .line {
  display: block;
  background-color: #fff;
  height: 3px;
  margin-bottom: 2px;
}

.menu-trigger .label {
  margin-right: 10px;
}

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Only items with dropdown display the caret */
.nav-regular .caret {
  display: none;
}

.nav-regular .nav-item--parent > a .caret {
  display: inline-block;
}

/* Caret inside dropdowns - right side caret */
.nav-regular .nav-panel a .caret {
  margin-left: 5px;
  opacity: 0.2;
}

.nav-regular .nav-panel a:hover .caret {
  opacity: 1;
}

/* Sticky logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-item--stickylogo {
  display: none;
}

.nav-item--stickylogo img {
  padding-right: 10px;
}

/* Show only when sticky header active */
.sticky-header .nav-item--stickylogo {
  display: inline;
}

.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 */
.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
-------------------------------------------------------------- */
.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;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}

li > a:hover > span > .cat-label {
  transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -webkit-transition-duration: 100ms;
  -o-transition-duration: 100ms;
}

/* labels: 1st level
-------------------------------------------------------------- */
li.level0 > a > span {
  position: relative;
}

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) */
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;
}

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
-------------------------------------------------------------- */
li.level1 > a > span > .cat-label {
  display: inline-block !important;
  padding: 0 4px;
  margin-left: 5px;
  vertical-align: middle;
}

/* labels: 3rd level
-------------------------------------------------------------- */
li.level2 > a > span > .cat-label {
  display: inline-block !important;
  padding: 0 4px;
  margin-left: 2px;
}

/* Category labels inside mobile menu / vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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 */
.nav-mobile li > a > span > .pin-bottom:before,
.nav-vert li > a > span > .pin-bottom:before {
  display: none;
}

/* Non-clickable links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.navi a.no-click {
  cursor: default;
}

/* Remove highlight color on tap
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.navi,
.menu-trigger,
.nav-regular .nav-item.level0 > a {
  -webkit-tap-highlight-color: transparent;
}

/* Base styles of the menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.navi-wrapper {
  position: relative;
}

.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 */
.navi > ul:before,
.navi > ul:after {
  display: table;
  content: " ";
}

.navi > ul:after {
  clear: both;
}

/* Show/hide mobile menu */
.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;
}

.navi.nav-mobile-triggerable.show {
  display: block;
}

/* Show/hide vertical menu */
.navi.nav-vert-triggerable {
  display: none;
}

.navi.nav-vert-triggerable.show {
  display: block;
}

/* Pull up dropdowns above other elements
-------------------------------------------------------------- */
/* Top menu in the header */
.header-container .navi {
  z-index: 200;
}

/* Sidebar menu */
.navi.nav-regular.navi-sidebarmenu {
  z-index: 199; /* One level below the menu */
}

/* Bottom border
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-border-bottom {
  clear: both;
}

/* Standard menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Height of the menu bar (and other elements inisde menu bar)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Top-level items and menu triggers */
.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. */
.nav-holder > *,
.nav-holder .dropdown .dropdown-heading {
  line-height: 50px;
  max-height: 50px;
}

/* Additional classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Menu items centered within the menu bar
-------------------------------------------------------------- */
.nav-regular.centered {
  text-align: center;
}

.nav-regular.centered li.level0 {
  float: none;
  display: inline-block;
}

.nav-regular.centered li.level0.right,
.nav-regular.centered li.level0.left {
  float: none !important;
}

/* Sticky logo has to float left */
.nav-regular.centered li.nav-item--stickylogo {
  float: left;
}

/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Openers */
.nav-regular .opener {
  display: none;
}

/* Hide elements */
.nav-regular .hide-in-desktop-menu {
  display: none !important;
}

/* Holders %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Holder for additional elements inside the menu bar
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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. */
}

.nav-holders-wrapper .nav-holder {
  margin: 0;
  float: right; /* Required default floating */
}

/* Elements inside holder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-holder > * {
  display: block;
}

/* Specific elements inside holder
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns
-------------------------------------------------------------- */
.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 */
.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;
}

.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
-------------------------------------------------------------- */
.nav-holder .dropdown .dropdown-heading.cover > span,
.nav-holder .dropdown .dropdown-heading.cover > div {
  padding: 0 15px;
}

/* Common styles with mobile menu trigger
-------------------------------------------------------------- */
.menu-trigger,
.nav-holder .dropdown .dropdown-heading {
  font-size: 14px;
}

/* Vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.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.
*/
.navi.nav-vert-triggerable,
.vertnav-trigger {
  width: 231px;
}

/* Hide selected elements
-------------------------------------------------------------- */
/* Important: added ".nav-item" class to make the rule more specific */
.nav-vert .nav-item.nav-item--home {
  display: none !important;
}

.nav-vert .nav-item--stickylogo {
  display: none !important;
}

/* Vertical menu trigger
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.vertnav-trigger {
  float: left;
}

/* Additional custom links inside menu bar
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-inline-links {
  float: left;
  margin: 0;
}

/* Mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Mobile menu trigger
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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. */
.nav-holders-wrapper + .mobnav-trigger {
  float: left;
}

/* In left column, make it float right */
.left-column .nav-holders-wrapper + .mobnav-trigger {
  float: right;
}

/* In right column, make it float left */
.right-column .nav-holders-wrapper + .mobnav-trigger {
  float: left;
}

/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns inside mobile menu */
.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  */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown {
  box-shadow: none;
  background-color: transparent !important;
}

/* Remove padding of inner panel */
.nav-mobile .nav-item--only-subcategories > .nav-panel--dropdown > .nav-panel-inner {
  padding: 0 !important;
}

/* Stretch the central column */
.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) */
.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 */
.nav-mobile .level0.nav-item.nav-item--only-blocks {
  display: none;
}

/* With special class "opt-sob", show these items */
.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.
-------------------------------------------------------------- */
.nav-mobile.opt-sb0 .nav-block {
  display: none;
}

.nav-mobile.opt-sb0 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
} /* Remove dropdown shadow and background color */
.nav-mobile.opt-sb0 .nav-item > div > div {
  padding: 0 !important;
} /* Remove padding of inner panel */
.nav-mobile.opt-sb0 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
} /* Stretch the central column */
.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. */
.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; } */
.nav-mobile.opt-sb0.opt-sob .nav-item.nav-item--only-blocks > div > div {
  padding: 20px !important;
}

.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
-------------------------------------------------------------- */
.nav-mobile.opt-sb1 ul.level0 .nav-block {
  display: none;
}

.nav-mobile.opt-sb1 ul.level0 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div {
  padding: 0 !important;
}

.nav-mobile.opt-sb1 ul.level0 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

.nav-mobile.opt-sb1 ul.level0 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Show on 2 topmost levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb2 ul.level1 .nav-block {
  display: none;
}

.nav-mobile.opt-sb2 ul.level1 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div {
  padding: 0 !important;
}

.nav-mobile.opt-sb2 ul.level1 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

.nav-mobile.opt-sb2 ul.level1 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Show on 3 topmost levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb3 ul.level2 .nav-block {
  display: none;
}

.nav-mobile.opt-sb3 ul.level2 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div {
  padding: 0 !important;
}

.nav-mobile.opt-sb3 ul.level2 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

.nav-mobile.opt-sb3 ul.level2 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Show on 4 topmost levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb4 ul.level3 .nav-block {
  display: none;
}

.nav-mobile.opt-sb4 ul.level3 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div {
  padding: 0 !important;
}

.nav-mobile.opt-sb4 ul.level3 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

.nav-mobile.opt-sb4 ul.level3 .nav-item.nav-item--only-blocks {
  display: none;
}

/* Show on 5 topmost levels
-------------------------------------------------------------- */
.nav-mobile.opt-sb5 ul.level4 .nav-block {
  display: none;
}

.nav-mobile.opt-sb5 ul.level4 .nav-item > div {
  box-shadow: none;
  background-color: transparent !important;
}

.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div {
  padding: 0 !important;
}

.nav-mobile.opt-sb5 ul.level4 .nav-item > div > div > .nav-block--center {
  margin: 0;
  width: 100%;
}

.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) {
  .navi.nav-mobile.opt-hide480 .nav-block {
    display: none !important;
  }
  .navi.nav-mobile.opt-hide480 li.nav-item > div.nav-panel--dropdown {
    box-shadow: none !important;
    background-color: transparent !important;
  }
  .navi.nav-mobile.opt-hide480 li.nav-item > div.nav-panel--dropdown > div {
    padding: 0 !important;
  }
  .navi.nav-mobile.opt-hide480 li.nav-item > div > div > .nav-block--center {
    margin: 0 !important;
    width: 100% !important;
  }
  .navi.nav-mobile.opt-hide480 li.nav-item.nav-item--only-blocks {
    display: none !important;
  }
}
/* Other elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Carets
-------------------------------------------------------------- */
.nav-mobile .caret {
  display: none !important;
}

/* Sticky logo
-------------------------------------------------------------- */
.nav-mobile .nav-item--stickylogo {
  display: none !important;
}

/* Home link
-------------------------------------------------------------- */
.nav-mobile .nav-item--home {
  display: none !important;
}

/* Hide elements
-------------------------------------------------------------- */
.nav-mobile .hide-in-mobile-menu {
  display: none !important;
}

/* Hide containers for additional elements
-------------------------------------------------------------- */
.nav-mobile .nav-holder {
  display: none !important;
}

/* Miscellaneous %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Other modules/components
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Item sliders
-------------------------------------------------------------- */
.navi .itemslider {
  margin-top: 0;
  margin-bottom: 0;
}

.navi .itemslider .item {
  padding-top: 5px;
  padding-bottom: 0;
}

.navi .itemslider .product-name a {
  display: inline-block;
}

.navi .itemslider .product-name {
  margin-top: 8px;
}

/* *************************************************************************************************************
****************************************************************************************************************
 DROPDOWN BOXES ************************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-item {
  text-align: left;
}

.nav-regular .nav-item > a {
  display: block;
  text-decoration: none;
  font-size: 14px;
}

/* Level 1 only
-------------------------------------------------------------- */
.nav-regular li.level0 {
  float: left;
}

.nav-regular li.level0 > a {
  padding: 0 12px;
}

.nav-regular li.level0 > a > span {
  display: inline-block;
  white-space: nowrap;
}

/* Top-level item on hover */
.nav-regular li.level0:hover > a {
  /* Pull up the link above the dropdown */
  z-index: 2;
  position: relative;
}

/* Caret */
.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;
}

.nav-regular li.level0.active > a .caret {
  opacity: 1;
}

.nav-regular li.level0:hover > a .caret {
  opacity: 1;
}

/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.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.)
-------------------------------------------------------------- */
.navi .nav-panel-inner {
  padding: 20px;
} /* Required value in pixels to keep padding consistent in different dropdowns */
.navi .nav-panel-inner:before,
.navi .nav-panel-inner:after {
  display: table;
  line-height: 0;
  content: "";
}

.navi .nav-panel-inner:after {
  clear: both;
}

/* Full width dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .nav-panel.full-width {
  width: 100%;
}

.nav-regular .nav-panel.tmp-full-width {
  width: 100% !important;
} /* Temporary class required by js */
/* Effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Fade
-------------------------------------------------------------- */
.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;
}

.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
-------------------------------------------------------------- */
.nav-regular .mega > .nav-panel--dropdown {
  margin: 0;
}

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.mega {
  position: relative; /* Container of the dropdown has to be relative (only on levels 2+) */
}

.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 */
.nav-regular .nav-submenu--mega {
  margin-left: -1%;
  margin-right: -1%;
}

/* Items */
.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
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > .nav-item {
  display: inline-block;
  float: none;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 5px;
}

.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 */
.nav-regular .nav-submenu--mega > .nav-item.parent > a {
  margin-bottom: 5px;
}

.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. */
.nav-regular .nav-submenu--mega > li > .nav-panel {
  position: static;
  margin-bottom: 10px;
}

.nav-regular .nav-submenu--mega > li > .nav-panel--dropdown {
  position: absolute;
  margin-bottom: 0;
}

/* Inside mega dropdown, level 1: category blocks
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > .nav-block--top {
  margin-top: 0;
  margin-bottom: 10px;
}

.nav-regular .nav-submenu--mega > li > .nav-block--bottom {
  margin-top: 10px;
  margin-bottom: 0;
}

/* Inside mega dropdown, level 2: item
-------------------------------------------------------------- */
.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) */
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a {
  padding-left: 28px;
  position: relative;
}

.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;
}

.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a.showmore {
  color: #50b848;
}
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a.showmore:hover {
  text-decoration: underline;
}
.nav-regular.with-bullets .nav-submenu--mega > li:not(.nav-item--parent) > ul > li > a.showmore:hover:before {
  left: 4px;
}
.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) {
  a.showmore {
    position: relative;
    color: #50b848 !important;
  }
  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  */
.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 */
.nav-regular.with-bullets .nav-submenu--mega > li > ul > li.iconic > a:before {
  display: none;
}

/* Inside mega dropdown, level 2: submenu dropdown
-------------------------------------------------------------- */
.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+
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown > li > a {
  line-height: 36px;
  padding-left: 10px;
}

.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
-------------------------------------------------------------- */
.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 */
.nav-regular .nav-panel li.classic {
  position: relative;
}

.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 */
.nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown {
  left: 60px;
  top: 20px;
}

/* Inside dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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) */
.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) */
.nav-regular.with-bullets .nav-item.simple > ul {
  padding-left: 28px; /* The same space as for standard item */
}

/* Bullets */
.nav-regular .nav-item.simple > ul > li > a {
  line-height: 24px;
  padding-left: 15px !important; /* Override item standard padding */
  position: relative;
  opacity: 0.6;
}

.nav-regular .nav-item.simple:hover > ul > li > a {
  opacity: 1;
}

.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;
}

.nav-regular .nav-item.simple > ul > li > a:hover:before {
  left: 3px;
}

/* Vertical menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* All levels
-------------------------------------------------------------- */
.nav-vert li.level0 {
  float: none !important; /* Add "!important" to override floating of right-aligned items */
}

.nav-vert li.level0 > a {
  padding-left: 10px;
  padding-right: 7px;
}

.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
-------------------------------------------------------------- */
.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 */
.navi .nav-item.iconic > a {
  position: relative;
  padding-left: 28px !important;
}

.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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.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 */
.dd-itemgrid-1col > .nav-item {
  width: 98%;
}

/* Item grid: 2 columns */
.dd-itemgrid-2col > .nav-item {
  width: 48%;
}

.dd-itemgrid-2col > .nav-item:nth-child(2n+1) {
  clear: left;
}

/* Item grid: 3 columns */
.dd-itemgrid-3col > .nav-item {
  width: 31.3333%;
}

.dd-itemgrid-3col > .nav-item:nth-child(3n+1) {
  clear: left;
}

/* Item grid: 4 columns */
.dd-itemgrid-4col > .nav-item {
  width: 23%;
}

.dd-itemgrid-4col > .nav-item:nth-child(4n+1) {
  clear: left;
}

/* Item grid: 5 columns */
.dd-itemgrid-5col > .nav-item {
  width: 18%;
}

.dd-itemgrid-5col > .nav-item:nth-child(5n+1) {
  clear: left;
}

/* Item grid: 6 columns */
.dd-itemgrid-6col > .nav-item {
  width: 14.6666%;
}

.dd-itemgrid-6col > .nav-item:nth-child(6n+1) {
  clear: left;
}

/* Item grid: 7 columns */
.dd-itemgrid-7col > .nav-item {
  width: 12.2857%;
}

.dd-itemgrid-7col > .nav-item:nth-child(7n+1) {
  clear: left;
}

/* Item grid: 8 columns */
.dd-itemgrid-8col > .nav-item {
  width: 10.5%;
}

.dd-itemgrid-8col > .nav-item:nth-child(8n+1) {
  clear: left;
}

/* *************************************************************************************************************
****************************************************************************************************************
 MOBILE MENU ACCORDION *****************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* Accordion
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.acco {
  list-style-type: none;
}

.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 */
}

.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 */
.acco li.parent > a {
  padding-right: 54px;
}

/* All levels
-------------------------------------------------------------- */
.acco .nav-item > a {
  line-height: 50px;
  display: block;
  padding: 0 10px;
  font-size: 16px;
}

/* Level 1
-------------------------------------------------------------- */
.acco li.level0 > a {
  font-size: 18px;
  text-transform: uppercase;
}

/* Level 2
-------------------------------------------------------------- */
.acco li.level1 > a {
  padding-left: 30px;
  font-size: 16px;
  text-transform: uppercase;
}

/* Level 3
-------------------------------------------------------------- */
.acco li.level2 > a {
  padding-left: 50px;
  font-size: 16px;
  text-transform: none;
}

/* Level 4
-------------------------------------------------------------- */
.acco li.level3 > a {
  padding-left: 70px;
  font-size: 14px;
  text-transform: none;
}

/* Level 5+
-------------------------------------------------------------- */
.acco li.level3 .nav-item > a {
  padding-left: 90px;
  font-size: 12px;
  text-transform: none;
}

/* Opener
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.acco .opener {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
.acco .opener:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* *************************************************************************************************************
****************************************************************************************************************
 SIDEBAR MENU **************************************************************************************************
****************************************************************************************************************
************************************************************************************************************* */
/* Simple vertical accordion in sidebar menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.sideacco {
  float: left;
  width: 100%;
}

/* Number of products in category */
.sideacco .number {
  color: #aaa;
  margin-left: 3px;
}

/* Category labels inside vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels */
.sideacco li > a > span > .cat-label {
  position: static;
  display: inline-block !important;
  padding: 0 4px;
  margin-left: 3px;
}

/* Hide pin */
.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>
 */
#brands-index h2 {
  padding-top: 50px;
  padding-bottom: 15px;
  border-bottom: 3px solid #e4e4e4;
  width: 100%;
}
#brands-index .brand {
  width: 150px;
  float: left;
  text-align: center;
}
#brands-index .index-toolbar {
  padding-top: 30px;
  width: 100%;
  content: "";
  display: table;
  clear: both;
}
#brands-index .index-toolbar a {
  float: left;
  width: 3.7037037037%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #C0C0C0;
  color: #ffffff;
  border-radius: 0;
  margin: 5px;
}
#brands-index .index-toolbar a:hover {
  background: #bd08c3;
}
@media (max-width: 599px) {
  #brands-index .index-toolbar a {
    width: 20%;
  }
}

.widget-product-sliders .section-title {
  border-top: 0;
}
.widget-product-sliders .products-grid .item-info-wrapper {
  padding: 7px 12px 30px 12px !important;
}
.widget-product-sliders .products-grid .product-action {
  text-align: center;
}
.widget-product-sliders .products-grid .product-rating {
  text-align: center;
}
.widget-product-sliders .owl-controls {
  top: -66px;
  right: 0;
  position: absolute;
}

/* ============================================ *
 * Global
 * ============================================ */
.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;
}

.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;
}

.json-success .text,
.json-error .text {
  vertical-align: middle;
  margin: auto;
}

/* ============================================ *
 * Price HTML
 * ============================================ */
.price-box .regular-price {
  font-size: 14px;
}
.price-box .regular-price .price {
  float: none;
  color: #50b848;
  font-size: inherit;
  text-align: center;
  display: block;
}
.price-box .minimal-price {
  font-size: 14px;
  text-align: center;
}
.price-box .minimal-price .price {
  color: #50b848;
  font-size: inherit;
}
.price-box .save-price {
  color: #a9001c;
  float: left;
  margin-bottom: 3px;
  width: 100%;
}
.price-box .save-price .price {
  float: right;
  color: #a9001c !important;
}
.price-box .subscription-price-container .regular-price,
.price-box .subscription-price-container .subscription-price {
  float: left;
  width: 100%;
  font-size: 14px;
}
.price-box .subscription-price-container .regular-price .price,
.price-box .subscription-price-container .subscription-price .price {
  float: right;
  color: #50b848;
  font-size: inherit;
}
.price-box .subscription-price-container .subscription-price {
  color: #bd08c3;
}

.products-grid .price-box.no-subscription-price {
  height: 45px;
}

.purch-opts {
  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;
  gap: 8px;
  margin-bottom: 0 !important;
  padding-top: 14px;
}
.purch-opts .popt {
  position: relative;
  padding: 11px;
  border: 2px solid #e8e0f0;
  border-radius: 8px;
  background: #faf5ff;
  cursor: pointer;
  -webkit-transition: border-color 150ms ease, background-color 150ms ease;
  transition: border-color 150ms ease, background-color 150ms ease;
}
.purch-opts .popt--sns.is-selected {
  border-color: #bd08c3;
  background: #f3e5f5;
}
.purch-opts .popt--sns.is-selected .popt-radio {
  border-color: #bd08c3;
}
.purch-opts .popt--sns.is-selected .popt-radio-dot {
  background: #bd08c3;
}
.purch-opts .popt--once {
  border-color: #c8e6c9;
  background: #f0faf0;
}
.purch-opts .popt--once.is-selected {
  border-color: #57ab4e;
  background: #fff;
}
.purch-opts .popt--once.is-selected .popt-radio {
  border-color: #57ab4e;
}
.purch-opts .popt--once.is-selected .popt-radio-dot {
  background: #57ab4e;
}
.purch-opts .popt-badge {
  position: absolute;
  top: -11px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  padding: 2px 12px;
  background: #bd08c3;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 999px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  pointer-events: none;
}
.purch-opts .popt-hdr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  min-height: 44px;
}
.purch-opts .popt-radio {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: 2px;
  border: 2px solid #ccc;
  border-radius: 50%;
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: border-color 150ms ease;
  transition: border-color 150ms ease;
}
.purch-opts .popt-radio-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  -webkit-transition: background 150ms ease;
  transition: background 150ms ease;
}
.purch-opts .popt-title-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.purch-opts .popt-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}
.purch-opts .popt-title-sub {
  display: block;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 400;
  color: #777;
}
.purch-opts .popt-hdr-price {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-left: 4px;
  font-weight: 800;
  white-space: nowrap;
  color: #000000;
}
.purch-opts .popt-hdr-price .old-price {
  color: #000000;
}
.purch-opts .popt-sns-detail {
  padding-left: 30px;
}
.purch-opts .popt-sns-detail > label.required {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
}
.purch-opts .btn-select.btn-success {
  background-color: #50b848;
  border-color: #50b848;
}
.purch-opts .btn-select.btn-success .btn-select-value {
  border-color: #50b848;
}
.purch-opts .btn-select.btn-success ul {
  border-color: #50b848;
}
.purch-opts .btn-select.btn-success ul li.selected {
  background-color: #50b848;
}
.purch-opts .subscription-frequency-popular p span {
  font-weight: bold;
}
.purch-opts .subscription-frequency-popular p.subscription-info {
  font-style: italic;
}
.purch-opts .subscription-frequency-popular p.subscription-info a {
  border-bottom: 2px solid #50b848;
}
@media (max-width: 768px) {
  .purch-opts .popt {
    padding: 14px;
  }
}

.subscription-icon {
  font-family: "FontAwesome", sans-serif;
  color: #bd08c3;
}

.sd-icon.fa-clock-o :before {
  content: "" !important;
}
.sd-icon.fa-clock-o :after {
  content: "\f017";
  font-family: "FontAwesome", sans-serif;
  color: #bd08c3;
  padding-left: 5px;
}

.subscription-option-tooltip {
  color: #bd08c3;
  padding: 5px 0;
}
.subscription-option-tooltip:hover {
  color: #bd08c3;
}
.subscription-option-tooltip:active {
  color: #bd08c3;
}

.subscription-split-text {
  width: 100%;
  line-height: 40px;
  text-align: center;
}

.product-view .add-to-cart .btn-cart.btn-cart--schedule-save {
  background-color: #bd08c3;
}
.product-view .add-to-cart .btn-cart.btn-cart--schedule-save:not([disabled]):hover, .product-view .add-to-cart .btn-cart.btn-cart--schedule-save:not([disabled]):focus {
  background-color: #7b1fa2 !important;
}

.product-view .add-to-cart .btn-cart.btn-cart--once-off {
  background-color: #57ab4e;
}
.product-view .add-to-cart .btn-cart.btn-cart--once-off:not([disabled]):hover, .product-view .add-to-cart .btn-cart.btn-cart--once-off:not([disabled]):focus {
  background-color: #2f6c38 !important;
}

@media (max-width: 768px) {
  .product-view .add-to-cart .btn-cart.btn-cart--schedule-save,
  .product-view .add-to-cart .btn-cart.btn-cart--once-off {
    min-height: 48px;
    line-height: 48px;
  }
}
.subscription-button-container {
  float: right;
  width: 100%;
}
.subscription-button-container .btn-subscription {
  width: 100%;
  background-color: #fa5800;
}
@media (min-width: 768px) and (max-width: 992px) {
  .subscription-button-container .btn-subscription {
    padding: 0 5px !important;
    font-size: 0;
  }
  .subscription-button-container .btn-subscription span span:before {
    content: "Schedule";
    font-size: 16px;
    line-height: 56px;
  }
}

/* ============================================ *
 * My subscription page
 * ============================================ */
@media (max-width: 370px) {
  .subscription-customer-index h1 {
    font-size: 24px;
  }
}
.subscription-customer-index main {
  padding-bottom: 15px;
}

.editable-click {
  line-height: 19px;
}

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;
}

.editable-click:hover,
a.editable-click:hover {
  border: 1px solid #e4e4e4;
  color: #50b848;
}

.editable-click span.edit {
  color: #50b848;
}

.editable-click-active {
  border: none !important;
  padding: 0 !important;
}

.editable-click-plain-text {
  text-decoration: none;
  color: #000 !important;
}

.editable-wrap .editable-input {
  display: block !important;
}

.subscription-status {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: transparent;
  border: 2px solid currentColor;
  border-radius: 9999px;
  padding: 10px 12px 10px 10px;
  box-sizing: border-box;
  line-height: 1.2;
}
.subscription-status.not_active {
  color: #5b5b5b;
}
.subscription-status.not_active:before {
  content: "⚫";
  margin-right: 6px;
  font-size: 18px;
  line-height: 1;
}
.subscription-status.pending_payment_token {
  color: #31708f;
  border: 2px solid #31708f;
}
.subscription-status.pending_payment_token:before {
  content: "⏳";
  margin-right: 5px;
  font-size: 18px;
}
.subscription-status.active {
  color: #50b849;
  border: 2px solid #50b849;
}
.subscription-status.active:before {
  content: "✔";
  margin-right: 5px;
  font-size: 18px;
  line-height: 1;
}
.subscription-status.suspended {
  color: #896c3b;
  border: 2px solid #896c3b;
}
.subscription-status.suspended:before {
  content: "―";
  margin-right: 5px;
  font-size: 18px;
}
.subscription-status.failed {
  color: #a94442;
  border: 2px solid #a94442;
}
.subscription-status.failed:before {
  content: "✖";
  margin-right: 5px;
  font-size: 18px;
}
.subscription-status.failed_payment {
  color: #a94442;
  border: 2px solid #a94442;
}
.subscription-status.failed_payment:before {
  content: "✖";
  margin-right: 5px;
  font-size: 18px;
}
.subscription-status.paused {
  color: #896c3b;
  border: 2px solid #896c3b;
}
.subscription-status.paused:before {
  content: "⏸";
  margin-right: 5px;
  font-size: 18px;
}
.subscription-status.canceled {
  color: #a94442;
  border: 2px solid #a94442;
}
.subscription-status.canceled:before {
  content: "✖";
  margin-right: 5px;
  font-size: 18px;
}

.edit-disabled a.editable-click,
.edit-disabled span.editable-click {
  border: none;
  cursor: default;
}
.edit-disabled .editable-click:hover,
.edit-disabled a.editable-click:hover {
  color: #000000;
}

#subscription-details {
  height: auto;
  width: 100%;
  float: left;
  overflow: visible;
}
#subscription-details .btn-cancel {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #subscription-details .btn-cancel {
    margin-left: 0;
  }
}
@media (max-width: 356px) {
  #subscription-details .btn-cancel {
    font-size: 10px;
  }
}
#subscription-details .btn-search {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #subscription-details .btn-search {
    margin-left: 0;
  }
}
@media (max-width: 356px) {
  #subscription-details .btn-search {
    font-size: 10px;
  }
}
#subscription-details .subscription-token-wrapper {
  line-height: 40px;
  font-weight: 600;
}
#subscription-details .nav.nav-tabs {
  background-color: #fff;
  border-bottom: 1px solid #50b848;
}
#subscription-details .nav-tabs > li > a {
  display: block !important;
}
@media (max-width: 442px) {
  #subscription-details .nav-tabs > li > a {
    font-size: 12px;
  }
}
#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;
}
#subscription-details .nav-tabs > li > a:hover {
  border-color: #50b848 #50b848 #e4e4e4;
}
#subscription-details .nav-tabs > li > a {
  border: 1px solid #50b848;
}
#subscription-details .btn-primary {
  color: #fff;
  background-color: #50b848;
  border-color: #50b848;
}
#subscription-details .btn-link {
  color: #555;
}
#subscription-details .toggle.ios, #subscription-details .toggle-on.ios, #subscription-details .toggle-off.ios {
  border-radius: 20px;
}
#subscription-details .toggle.ios .toggle-handle {
  border-radius: 20px;
}

.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) {
  .is-sticky .subscription-toolbar {
    padding: 10px;
    top: 0 !important;
  }
}
@media (min-width: 581px) and (max-width: 992px) {
  .is-sticky .subscription-toolbar .col-pagination {
    width: 50% !important;
    padding-top: 0 !important;
  }
}
@media (min-width: 525px) and (max-width: 580px) {
  .is-sticky .subscription-toolbar .col-pagination {
    width: 60% !important;
    padding-top: 0 !important;
  }
}
@media (max-width: 524px) {
  .is-sticky .subscription-toolbar .col-pagination {
    padding-top: 10px;
  }
}
@media (min-width: 581px) and (max-width: 992px) {
  .is-sticky .subscription-toolbar .col-filter {
    width: 40% !important;
  }
}
@media (min-width: 525px) and (max-width: 580px) {
  .is-sticky .subscription-toolbar .col-filter {
    width: 40% !important;
  }
}
@media (min-width: 581px) and (max-width: 992px) {
  .is-sticky .subscription-toolbar .col-pagination-totals {
    width: 10% !important;
  }
}

.is-sticky {
  z-index: 290;
  float: none !important;
}

.subscription-toolbar {
  min-height: auto;
  top: 0;
  position: absolute;
  right: 10px;
  width: 70%;
  margin-bottom: 0;
}
@media (min-width: 870px) and (max-width: 960px) {
  .subscription-toolbar .col-filter {
    width: 40% !important;
  }
}
@media (min-width: 768px) and (max-width: 869px) {
  .subscription-toolbar .col-filter {
    width: 100% !important;
  }
}
@media (min-width: 575px) and (max-width: 767px) {
  .subscription-toolbar .col-filter {
    width: 40% !important;
  }
}
@media (min-width: 870px) and (max-width: 960px) {
  .subscription-toolbar .col-pagination {
    width: 60% !important;
  }
}
@media (min-width: 768px) and (max-width: 869px) {
  .subscription-toolbar .col-pagination {
    width: 100% !important;
    padding-top: 10px;
  }
}
@media (min-width: 575px) and (max-width: 767px) {
  .subscription-toolbar .col-pagination {
    width: 60% !important;
  }
}
@media (max-width: 574px) {
  .subscription-toolbar .col-pagination {
    padding-top: 10px;
  }
}
.subscription-toolbar .col-pagination .pagination {
  margin: 0 !important;
  float: left;
}
.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;
}
.subscription-toolbar .col-pagination .pagination li a {
  color: #50b749;
}
.subscription-toolbar .col-pagination .pagination-limit {
  width: 60px;
  float: left;
  margin-left: 20px;
}
@media (max-width: 334px) {
  .subscription-toolbar .col-pagination .pagination-limit {
    margin-left: 5px;
  }
}
.subscription-toolbar .totalitems-pagination {
  line-height: 35px;
  margin-right: 10px;
}
@media (min-width: 870px) and (max-width: 960px) {
  .subscription-toolbar .col-pagination-totals {
    width: 100% !important;
  }
}
@media (min-width: 768px) and (max-width: 869px) {
  .subscription-toolbar .col-pagination-totals {
    width: 100% !important;
  }
}
@media (min-width: 575px) and (max-width: 767px) {
  .subscription-toolbar .col-pagination-totals {
    width: 100% !important;
  }
}
@media only screen and (max-width: 770px) {
  .subscription-toolbar {
    display: inline-table;
    float: left;
    position: relative;
    width: 100%;
    right: auto;
  }
}

#subscription-items-list .item {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #f6f5f6;
  padding: 10px;
}
@media only screen and (max-width: 769px) {
  #subscription-items-list .item {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #subscription-items-list .item .product-name {
    margin-left: 0;
    padding-left: 0;
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  #subscription-items-list .item > .col-xs-1.pull-right.no-padding {
    position: absolute;
    top: 10px;
    right: 10px;
    width: auto;
  }
  #subscription-items-list .item > .col-md-3.col-sm-4.col-xs-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
  }
  #subscription-items-list .item > .col-sm-6.col-xs-5.no-padding {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: auto;
  }
  #subscription-items-list .item > .col-sm-2.col-xs-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: auto;
    margin-left: auto;
    padding-left: 10px;
  }
  #subscription-items-list .item img {
    width: 140px;
    margin: 0 auto;
    display: block;
  }
  #subscription-items-list .item .price {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: right;
    white-space: nowrap;
  }
  #subscription-items-list .item .items-details {
    margin-top: 6px;
  }
  #subscription-items-list .item .items-details-col {
    margin-bottom: 12px;
  }
  #subscription-items-list .item hr {
    margin: 8px 0;
  }
  #subscription-items-list .item .col-xs-6,
  #subscription-items-list .item .col-sm-2,
  #subscription-items-list .item .col-xs-1 {
    padding-left: 0;
    padding-right: 0;
  }
}
#subscription-items-list .item .onceoff-oversticker {
  position: absolute;
  z-index: 250;
  top: 10px;
}
#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;
}
#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;
}
#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;
}
#subscription-items-list .item .items-details .items-details-col label {
  font-weight: 600;
}
#subscription-items-list .item .product-name {
  font-weight: bold;
  font-size: 1.3333em;
  margin: 0 0 0 15px;
}
#subscription-items-list .item .remove-item {
  float: right;
  color: #a9001c;
  z-index: 200;
}
#subscription-items-list .item .remove-item .glyphicon.glyphicon-remove {
  font-size: 20px;
}
#subscription-items-list .item hr {
  margin: 5px 10px 10px 10px;
}
#subscription-items-list .item img {
  width: 150px;
  margin: 0;
  display: table;
}
@media (max-width: 480px) {
  #subscription-items-list .item img {
    width: 140px;
    margin: 0 auto;
  }
}
@media (max-width: 375px) {
  #subscription-items-list .item img {
    width: 110px;
    margin: 0 auto;
  }
}
#subscription-items-list .item .price {
  font-size: 1.3333em;
  color: #50b848;
  text-align: right;
  font-weight: bold;
}
@media (max-width: 425px) {
  #subscription-items-list .item .price {
    text-align: left;
  }
}
#subscription-items-list .item .product-info {
  line-height: 34px;
}
@media only screen and (max-width: 1024px) {
  #subscription-items-list .item .product-info {
    line-height: normal;
    margin-bottom: 10px;
  }
}
#subscription-items-list .item .form-item-qty input[name=qty] {
  width: 45px;
  text-align: center;
}
#subscription-items-list .item .form-item-qty .input-group {
  width: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#subscription-items-list .item .form-item-qty .input-group-btn {
  width: 40px;
}
#subscription-items-list .item .form-item-qty .editable-click-active .input-group {
  width: 124px;
}
#subscription-items-list .item .btn-field-save {
  margin-left: 10px;
}
#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;
}
#subscription-items-list .item .availability .stock-display {
  margin: 6px 0 6px 15px;
}
#subscription-items-list .item .availability .stock-display .stock-warehouse {
  color: #333 !important;
  background-color: #E5E5E5 !important;
}
#subscription-items-list .editable-error {
  white-space: normal;
  border: 1px #a94442 dashed;
  padding: 5px;
  margin-bottom: 10px;
}

#subscription-next-order {
  float: left;
  width: 100%;
}
#subscription-next-order .toolbar {
  display: inline-block;
  width: 100%;
  padding: 0;
  min-height: auto;
  margin: 10px 0;
  border-bottom: 0;
}
#subscription-next-order .toolbar .filter select {
  margin: 20px 0;
}
#subscription-next-order .toolbar label {
  line-height: 74px;
  margin-right: 10px;
}
#subscription-next-order .totals {
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
}
#subscription-next-order .subtotals-row {
  max-width: 130px;
  width: 130px;
}
#subscription-next-order .data-table {
  font-size: 16px;
}
#subscription-next-order .data-table tr:nth-of-type(2n) {
  background-color: transparent;
}
#subscription-next-order table thead {
  background-color: #F6F5F6;
}
#subscription-next-order table thead th {
  font-weight: normal;
  color: #ccc;
}
#subscription-next-order table tbody tr {
  border-bottom: 1px solid #e5e5e5;
  line-height: 28px;
}
#subscription-next-order table tfoot {
  border-top: 0;
}
#subscription-next-order table tfoot th, #subscription-next-order table tfoot td {
  font-weight: bold;
  border: 0;
}
#subscription-next-order table tfoot tr:last-child {
  background-color: #F6F5F6;
}
#subscription-next-order table tfoot tr:last-child th, #subscription-next-order table tfoot tr:last-child td {
  color: #50b848;
}
#subscription-next-order {
  /* ============================================ *
   * responsive Tables
   * ============================================ */
}
#subscription-next-order .mobile-header {
  display: none;
}
@media (max-width: 769px) {
  #subscription-next-order .mobile-header {
    display: block;
    background-color: #F6F5F6;
    padding: 10px 0;
    color: #ccc;
  }
  #subscription-next-order .mobile-header span {
    margin-left: 10px;
  }
  #subscription-next-order .mobile-header span:nth-child(2) {
    margin-left: 10px;
  }
  #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;
  }
  #subscription-next-order .table-wrap thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #subscription-next-order td.no-before {
    padding-left: 0 !important;
    display: inline;
  }
  #subscription-next-order td.no-before:before {
    display: none;
  }
  #subscription-next-order .table-wrap tr {
    padding: 0 10px;
  }
  #subscription-next-order .table-wrap td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 35%;
    white-space: normal;
    text-align: left;
  }
  #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;
  }
  #subscription-next-order .table-wrap .data-table tbody td {
    padding-top: 0;
    padding-bottom: 0;
  }
  #subscription-next-order .table-wrap td:first-child {
    padding-top: 17px;
  }
  #subscription-next-order .table-wrap .totals {
    border-top: 0;
  }
  #subscription-next-order .table-wrap .totals tr {
    width: 100%;
    display: inline-block;
    border-bottom: 0 !important;
  }
  #subscription-next-order .table-wrap .totals tr th {
    float: left;
    width: 50%;
    padding: 5px 0;
    text-align: left !important;
  }
  #subscription-next-order .table-wrap .totals tr td {
    float: right;
    width: 50%;
    padding: 5px 0;
    text-align: right !important;
  }
  #subscription-next-order .table-wrap .totals tr:last-child {
    background-color: #F6F5F6 !important;
  }
  #subscription-next-order .table-wrap td:first-child:before {
    top: 17px;
  }
  #subscription-next-order .table-wrap td:before {
    content: attr(data-title);
  }
}

@media (max-width: 400px) {
  .peach-cards-index .remove-card {
    width: 100%;
    margin: 10px 0;
  }
}
@media (max-width: 400px) {
  .peach-cards-index .update-card {
    width: 100%;
    margin: 0;
  }
}

/* ============================================ *
 * Checkout
 * ============================================ */
#subscription-checkout-notification .modal-header {
  background: #fa5800;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  position: relative;
}
#subscription-checkout-notification .modal-header h4 {
  color: #fff;
  text-align: center;
}
#subscription-checkout-notification .modal-header h4 .fa-clock-o {
  font-family: "FontAwesome";
}
#subscription-checkout-notification .modal-header .close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #fff;
  border-radius: 50%;
  opacity: 1;
  width: 30px;
  height: 30px;
}
#subscription-checkout-notification .modal-header .close span {
  text-shadow: none;
  display: block;
  width: 100%;
  text-align: center;
}
#subscription-checkout-notification .modal-header .close:hover {
  background: #a9001c;
}
#subscription-checkout-notification .modal-header .close:hover span {
  color: #fff;
}
#subscription-checkout-notification .info {
  text-align: center;
  font-size: 17px;
  margin-bottom: 15px;
}
#subscription-checkout-notification .item {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 15px;
}
#subscription-checkout-notification .item.item-exists {
  border: 1px solid #a9001c;
  background: rgb(100%, 86.2745098039%, 88.5485555169%);
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 10px;
}
#subscription-checkout-notification .item.remove-fade {
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  opacity: 0;
  height: 2em;
}
#subscription-checkout-notification .item .item-name {
  display: block;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
@media (max-width: 768px) {
  #subscription-checkout-notification .item .item-name {
    padding-right: 25px;
  }
}
#subscription-checkout-notification .item .item-image {
  float: left;
  margin-right: 10px;
}
#subscription-checkout-notification .item .btn-remove {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
}
#subscription-checkout-notification .item .item-options {
  float: left;
}
#subscription-checkout-notification .item .item-options dt {
  margin: 0;
}
#subscription-checkout-notification .item .item-options dd {
  color: #50b848;
}
#subscription-checkout-notification .item-exists-message {
  float: left;
  width: 100%;
  color: #a9001c;
  margin-bottom: 10px;
}
#subscription-checkout-notification .button-set {
  float: right;
  width: 100%;
  padding: 10px 0;
  margin-top: 10px;
  border-bottom: 1px solid #e4e4e4;
}
#subscription-checkout-notification .button-set button {
  float: right;
}
#subscription-checkout-notification .button-set button + button {
  margin-right: 10px;
}
@media (max-width: 450px) {
  #subscription-checkout-notification .button-set .bind-update-item,
  #subscription-checkout-notification .button-set .bind-convert-item {
    width: 100%;
    margin: 0 0 10px 0;
  }
}
#subscription-checkout-notification .btn-update {
  background: #fa5800;
}
#subscription-checkout-notification .modal-footer button {
  background: #50b848;
  border-color: #50b848;
}

/* ============================================ *
 * Catalog Product Listing
 * ============================================ */
.subscription-swatch-list-container {
  /** max height should change if the li height or padding changes **/
}
.subscription-swatch-list-container.no-swatches {
  height: auto;
}
.subscription-swatch-list-container .subscription-swatch-list {
  background: #fff;
  zoom: 1;
  clear: both;
  padding-top: 5px;
  -webkit-transform: translateZ(0px);
}
.subscription-swatch-list-container .subscription-swatch-list li {
  display: inline-block;
  float: none;
  vertical-align: top;
  width: -webkit-calc(33.3333333333% - 2px);
  width: calc(33.3333333333% - 2px);
  zoom: 1;
  margin: 0 0 3px 0;
  background-color: #e4e4e4;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  padding: 0 1px;
}
.subscription-swatch-list-container .subscription-swatch-list li .swatch-label {
  font-size: 0.8em;
  color: #333333;
  text-decoration: none;
}
.subscription-swatch-list-container .subscription-swatch-list li:hover {
  background: #bd08c3;
}
.subscription-swatch-list-container .subscription-swatch-list li:hover span {
  color: #ffffff;
}
.subscription-swatch-list-container .subscription-swatch-list li.option-selected {
  background: #bd08c3;
}
.subscription-swatch-list-container .subscription-swatch-list li.option-selected span {
  color: #ffffff;
}

#form-subscription-cancellation .cancel-notice {
  padding: 15px;
}

.subscription-search-modal h3 {
  margin: 0;
}
.subscription-search-modal .search-wrapper {
  height: 43px;
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.subscription-search-modal .search-wrapper:before {
  display: inline-block;
  font-family: "FontAwesome";
  content: "\f002";
  top: 29%;
  left: 10px;
  color: #939398;
  position: absolute;
}
.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;
}
.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;
}
.subscription-search-modal .search-results-wrapper .result .col-image {
  padding-right: 0 !important;
}
.subscription-search-modal .search-results-wrapper .result .col-info {
  padding-right: 0 !important;
}
.subscription-search-modal .search-results-wrapper .result .col-info .item-name {
  font-size: 1em;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 5px;
}
.subscription-search-modal .search-results-wrapper .result .col-action {
  padding-left: 0 !important;
}
.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;
}
.subscription-search-modal .search-results-wrapper .result .col-action button {
  float: right;
}
.subscription-search-modal .search-results-wrapper .result .col-attributes {
  padding-top: 10px;
}
.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;
}
.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-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ============================================ *
 * My scheduled deliveries
 * ============================================ */
@media (min-width: 1024px) {
  .uib-datepicker-popup.dropdown-menu {
    top: -30% !important;
  }
}

@media (min-width: 1024px) {
  .uib-datepicker .uib-title {
    position: relative;
    top: -4px;
  }
}

/**
 * Ultra Slideshow
 */
/* Slideshow wrapper
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slideshow-wrapper-outer:before,
.slideshow-wrapper-outer:after {
  content: "";
  display: table;
}

.slideshow-wrapper-outer:after {
  clear: both;
}

/* Slideshow
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slideshow-wrapper {
  margin: 0 auto;
}

/* When additional banners are on the left side, the slideshow needs to be on the right side */
.slideshow-wrapper._right {
  float: right !important;
}

/* Deprecated: default class .owl-carousel already has "display:none" */
.slideshow {
  display: none;
}

/* Additional banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;*/
}

.slideshow-banners._show {
  opacity: 1;
}

.slideshow-banners .small-banner:last-child {
  margin-bottom: 0 !important;
}

/* Deprecated: */
.slideshow-banners .banner {
  position: relative; /* Container for caption */
}

.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 */
.wordpress-index-index .breadcrumbs {
  display: none;
}

/* Blog View */
.wordpress-post-view .featured-image {
  border: 0 none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}
.wordpress-post-view .blog-search {
  display: none;
}
.wordpress-post-view .page-title h1 {
  color: #555;
}
.wordpress-post-view .post-entry ul {
  list-style-type: disc;
  display: list-item;
  padding-left: 40px;
}
.wordpress-post-view .post-entry img[class*=wp-image-] {
  border: 0 none;
  padding: 0;
  margin-top: 10px;
}

/* Post Listing */
.blog-title {
  float: left;
  width: 100%;
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 30px;
}
.blog-title h1 {
  color: #50b848;
  font-size: 34px !important;
  float: left;
  margin-bottom: 0;
}
.blog-title h1 .blog-tag-line {
  font-style: italic;
  float: right;
  line-height: 40px;
  font-weight: normal;
  margin-left: 10px;
}
.blog-title h1 .blog-tag-line:before {
  content: "- ";
}

.post-list {
  float: left;
  width: 100%;
}
.post-list .item {
  width: 33.33%;
  float: left;
  padding: 10px;
  background: #fff;
}
.post-list .item .featured-image {
  width: 100%;
  height: 200px;
  position: relative;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  border: 0 none;
}
.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%);
}
.post-list .item .tag {
  background: #50b848;
  color: #fff;
  padding: 5px 10px;
  font-size: 16px;
  margin: 15px 5px 0 0;
  display: block;
  float: left;
}
.post-list .item .post-date {
  float: left;
  width: 100%;
  font-style: italic;
  font-size: 16px;
  margin-top: 10px;
}
.post-list .item h2 {
  font-size: 22px;
  float: left;
  width: 100%;
  font-weight: bold;
  margin: 10px 0;
}
.post-list .item h2 a {
  color: #555 !important;
  font-family: "Poppins", sans-serif;
}
.post-list .item .summary {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
}
.post-list .item .summary .read-more {
  float: left;
  color: #444;
  font-weight: bold;
  border-bottom: 2px solid #50b848;
  margin: 0 auto 1em auto;
}
.post-list .item .post-entry {
  padding: 0;
  margin-bottom: 0;
}
.post-list .item:nth-child(3) {
  clear: right;
}
.post-list .item:nth-child(4) {
  clear: left;
}
.post-list .item:nth-child(6) {
  clear: right;
}
.post-list .item:nth-child(7) {
  clear: left;
}
@media screen and (min-width: 320px) and (max-width: 499px) {
  .post-list .item {
    width: 100%;
    padding: 10px 0;
  }
}

.no-tag-space {
  padding: 5px 10px;
  margin: 15px 5px 0 0;
  display: block;
  float: left;
}

.wordpress-term-view .pager {
  width: 100%;
  float: left;
}

/* Post View */
.is-blog .page-title .block-blog-search {
  float: right;
  margin-bottom: 0;
}
.is-blog .page-title .block-blog-search .block-title {
  display: none;
}
.is-blog .page-title .block-blog-search .blog-search,
.is-blog .page-title .block-blog-search .block-content {
  padding: 0;
}
.is-blog .page-title .block-blog-search .blog-search {
  float: right;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid #e4e4e4;
  margin-bottom: 10px;
}
.is-blog .page-title .block-blog-search .blog-search input {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
.is-blog .page-title .block-blog-search .blog-search button {
  line-height: 36px;
  width: 100%;
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .is-blog .page-title .block-blog-search .blog-search {
    float: right;
    width: auto;
    padding-bottom: 0;
    border-bottom: 0 none;
    margin-bottom: 0;
  }
  .is-blog .page-title .block-blog-search .blog-search input {
    width: auto;
  }
  .is-blog .page-title .block-blog-search .blog-search button {
    width: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 560px) {
  .is-blog .page-title .block-blog-search {
    width: 100%;
    margin-bottom: 10px;
  }
  .is-blog .page-title .block-blog-search .blog-search {
    float: right;
    width: 100%;
  }
}
.is-blog .page-title.post-title {
  margin-top: 15px;
}
.is-blog .page-title.post-title,
.is-blog .post-view {
  float: left;
  width: 100%;
}
.is-blog .post-date,
.is-blog .post-meta {
  color: #888;
}
.is-blog .featured-image {
  width: 900px;
  height: 450px;
  position: relative;
  display: inline-block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  border: 0 none;
}
.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) {
  .is-blog .post-list .item {
    width: 50%;
  }
  .is-blog .post-list .item:nth-child(2) {
    clear: right;
    padding-right: 0;
  }
  .is-blog .post-list .item:first-child {
    padding-left: 0;
  }
  .is-blog .post-list .item:nth-child(3) {
    clear: left;
    padding-left: 0;
  }
}
.is-blog .pager {
  float: left;
  width: 100%;
}
.is-blog .all-in-one {
  margin: 25px 0;
}
.is-blog .all-in-one .container {
  width: auto;
  border-radius: 4px;
  overflow: hidden;
  border: 0 none;
}
.is-blog ul.tabs {
  margin: 0;
  padding: 0 0 4px 0;
  float: left;
  list-style: none;
  height: 44px;
  width: 100%;
  border: 0 none;
}
.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;
}
.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;
}
.is-blog ul.tabs li a:hover {
  background: #ccc;
}
.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;
}
.is-blog ul.tabs li.active, .is-blog ul.tabs li.active a:hover {
  background: #fff;
}
.is-blog .tab_container {
  width: 100%;
  clear: both;
  float: left;
  background: #fff;
  border: 0 none;
}
.is-blog .tab_content {
  padding: 2px;
  font-size: 12px;
}
.is-blog .tab_content h2 {
  font-weight: normal;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ddd;
  font-size: 1.8em;
}
.is-blog .tab_content h3 a {
  color: #254588;
}
.is-blog .tab_content img {
  border: 1px solid #ddd;
  float: left;
  margin: 0 7px 10px 0;
  padding: 5px;
  width: 62px;
  height: 62px;
}
.is-blog .tab_content img:nth-child(4n) {
  margin: 0;
}

/* Custom Blog Menu*/
.block-blog-menu .block-title {
  display: none;
}
@media screen and (min-width: 768px) {
  .block-blog-menu .block-title {
    display: block !important;
  }
}
.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) {
  .block-blog-menu ul {
    display: block !important;
  }
}
.block-blog-menu ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 14.2857142857%;
}
@media screen and (max-width: 768px) {
  .block-blog-menu ul li {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
  }
}
.block-blog-menu ul li a {
  display: block;
  color: #333;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}
.block-blog-menu ul li a:hover {
  color: #50b848;
}
.block-blog-menu ul li a.active {
  color: #50b848;
}
@media screen and (max-width: 768px) {
  .block-blog-menu ul li a {
    font-weight: normal;
  }
}
.block-blog-menu ul li.active {
  color: #50b848;
}
.block-blog-menu ul li:hover > ul {
  display: block;
}

.blog-trigger {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .blog-trigger {
    display: block !important;
    float: right;
    padding-right: 10px;
    margin-bottom: 15px;
  }
}
.blog-trigger .hamburger {
  border: 0 none;
  background: none;
  margin-top: 10px;
}
.blog-trigger .hamburger .ic-menu:before {
  font-size: 25px;
  color: #333333;
}
.blog-trigger .hamburger .ic-menu:before:hover {
  color: #50b848;
}
.blog-trigger .cross {
  border: 0 none;
  background: none;
  font-size: 40px;
  line-height: 40px;
  padding-top: 10px;
}

.is-blog .main {
  max-width: 900px;
}
@media (min-width: 769px) {
  .is-blog .main .inner-container {
    padding: 0;
  }
}

.block-blog-menu ul {
  margin: 0;
}
.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>
 */
#banner-list {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: 10px;
}
#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%);
}
#banner-list .owl-buttons > div {
  width: 50px;
  height: 50px;
}
#banner-list .owl-buttons > div:before {
  color: #fff;
  font-size: 30px;
  line-height: 50px;
}
#banner-list .owl-buttons > div:hover {
  background-color: #fff !important;
  border-color: #fff;
}
#banner-list .owl-buttons > div:hover:before {
  color: #50b848 !important;
}
@media (max-width: 480px) {
  #banner-list .owl-buttons > div {
    width: 40px;
    height: 40px;
  }
  #banner-list .owl-buttons > div:before {
    line-height: 40px;
  }
}
#banner-list .owl-buttons .owl-prev {
  float: left;
  margin-left: 30px;
  background: #50b848;
}
@media (max-width: 767px) {
  #banner-list .owl-buttons .owl-prev {
    margin-left: 10px;
    opacity: 0.8;
  }
}
#banner-list .owl-buttons .owl-next {
  float: right;
  margin-right: 30px;
  background: #50b848;
}
@media (max-width: 767px) {
  #banner-list .owl-buttons .owl-next {
    margin-right: 10px;
    opacity: 0.8;
  }
}
#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) {
  #banner-list .owl-pagination {
    bottom: 10px;
  }
}
@media (max-width: 480px) {
  #banner-list .owl-pagination {
    display: none;
  }
}
#banner-list .owl-pagination .owl-page {
  float: left;
  margin-right: 5px;
}
#banner-list .owl-pagination .owl-page span {
  width: 10px;
  height: 10px;
  display: block;
  border-radius: 50%;
  background: #e4e4e4 !important;
}
#banner-list .owl-pagination .owl-page.active span {
  background: #50b848 !important;
}

/*
 * Accordions and collapsible blocks
 */
/* Accordion  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.accordion {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.accordion ul {
  display: block; /*display:none;*/
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.accordion li {
  float: left;
  display: block;
  width: 100% !important;
  padding: 0 !important;
  margin: 0;
  list-style-type: none;
  cursor: pointer;
  position: relative;
}

.accordion li a {
  display: block;
  padding: 15px 10px;
  font-size: 1.1666em; /*14px*/
  line-height: 1.2857em; /*18px*/
}

.accordion li li a {
  padding-left: 20px;
}

.accordion li li li a {
  padding-left: 40px;
}

.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 */
.accordion li.parent > a {
  padding-right: 54px;
}

/* Opener
-------------------------------------------------------------- */
.accordion .opener {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 49px;
  height: 49px;
  line-height: 49px;
}

.accordion .opener:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

/* Active */
/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Padding
-------------------------------------------------------------- */
.accordion-style1 li a {
  padding: 0px 10px;
}

.accordion-style1 li li a {
  padding-left: 20px;
}

.accordion-style1 li li li a {
  padding-left: 35px;
}

.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 */
.accordion-style1 li.parent > a {
  padding-right: 33px;
}

/* Misc
-------------------------------------------------------------- */
.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*/
}

.accordion-style1 li a:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
  width: 28px;
  height: 28px;
  line-height: 28px;
  background-color: rgba(0, 0, 0, 0.03) !important;
}

.accordion-style1 .opener:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

/* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.collapsible .block-title {
  cursor: pointer;
}

.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;
}

.collapsible .block-content,
.collapsible .block-content > * {
  margin-top: 0; /* Prevent animation jumping */
}

/* Deprecated: opener
-------------------------------------------------------------- */
.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);
}

.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
-------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

#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.
-------------------------------------------------------------- */
#cboxOverlay {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/colorbox/overlay.png) repeat 0 0;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
  border: none; /*10px solid #333*/
  padding: 10px;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 40px; /*10px above buttons*/
}

#cboxCurrent {
  position: absolute;
  bottom: 17px;
  left: 80px;
  color: #999;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#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;
}

#cboxPrevious:hover,
#cboxNext:hover {
  background-color: #333;
}

#cboxPrevious {
  bottom: 10px;
  left: 10px;
  background-position: -10px -10px;
}

#cboxPrevious:hover {
  background-position: -10px -60px;
}

#cboxNext {
  bottom: 10px;
  left: 40px;
  background-position: -60px -10px;
}

#cboxNext:hover {
  background-position: -60px -60px;
}

#cboxLoadingOverlay {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/colorbox/loading.gif) no-repeat center center;
}

#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;
}

#cboxClose:hover {
  background-position: -10px -60px;
  background-color: #333;
}

/* Captions */
#cboxTitle {
  position: absolute;
  bottom: 17px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #999;
}

#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 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.dropdown {
  position: relative;
}

.dropdown:hover {
  z-index: 4000;
}

/* Dropdown heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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 */
.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;
}

.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 */
.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") */
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
  display: block;
  vertical-align: baseline;
}

.dropdown .dropdown-heading.cover > span > *,
.dropdown .dropdown-heading.cover > div > * {
  display: inline-block;
  vertical-align: middle;
}

/* Elements of the dropdown heading */
.dropdown .dropdown-heading .caret,
.dropdown .dropdown-heading .caret {
  margin-right: -3px;
}

.dropdown .dropdown-heading .value {
  margin-left: 2px;
}

/* e.g. for flags */
.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
  padding: 0 10px;
}

.dropdown.open > .dropdown-heading.cover > span,
.dropdown.open > .dropdown-heading.cover > div {
  background-color: #fff;
  z-index: 4001;
  position: relative;
}

/* Dropdown content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}

.dropdown .dropdown-content.left-hand {
  left: auto;
  right: 0;
}

/* When dropdown content is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown .dropdown-content > li * {
  display: inline-block;
}

.dropdown .dropdown-content > li > a {
  display: block;
}

.dropdown .dropdown-content > li {
  white-space: nowrap;
}

.dropdown .dropdown-content > li .label {
  margin-right: 8px;
}

.dropdown .dropdown-content .dropdown-icon {
  width: 18px;
  text-indent: -9999px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

/**
 * Itemgrid
 */
.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 */
.itemgrid-1col .item {
  width: 98%;
}

/* Item grid: 2 columns */
.itemgrid-2col .item {
  width: 48%;
}

.itemgrid-2col > li:nth-of-type(2n+1) {
  clear: left;
}

/* Item grid: 3 columns */
.itemgrid-3col .item {
  width: 31.3333%;
}

.itemgrid-3col > li:nth-of-type(3n+1) {
  clear: left;
}

/* Item grid: 4 columns */
.itemgrid-4col .item {
  width: 23%;
}

.itemgrid-4col > li:nth-of-type(4n+1) {
  clear: left;
}

/* Item grid: 5 columns */
.itemgrid-5col .item {
  width: 18%;
}

.itemgrid-5col > li:nth-of-type(5n+1) {
  clear: left;
}

/* Item grid: 6 columns */
.itemgrid-6col .item {
  width: 14.6666%;
}

.itemgrid-6col > li:nth-of-type(6n+1) {
  clear: left;
}

/* Item grid: 7 columns */
.itemgrid-7col .item {
  width: 12.2857%;
}

.itemgrid-7col > li:nth-of-type(7n+1) {
  clear: left;
}

/* Item grid: 8 columns */
.itemgrid-8col .item {
  width: 10.5%;
}

.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 */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
  cursor: url(https://www.petheaven.co.za/skin/frontend/petheaven/default/images/infortis/_shared/grabbing.png) 8 8, move;
}

/* fix */
.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 */
.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 */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut 0.7s both ease;
  animation: fadeOut 0.7s both ease;
}

.owl-fade-in {
  -webkit-animation: fadeIn 0.7s both ease;
  animation: fadeIn 0.7s both ease;
}

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade 0.7s ease both;
  animation: scaleToFade 0.7s ease both;
}

.owl-goDown-in {
  -webkit-animation: goDown 0.6s ease both;
  animation: goDown 0.6s ease both;
}

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 0.5s ease both;
  animation: scaleUpFrom 0.5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 0.5s ease both;
  animation: scaleUpTo 0.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: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
  }
}
@keyframes backSlideOut {
  25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
            transform: translateZ(-500px);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(-200%);
            transform: translateZ(-500px) translateX(-200%);
  }
}
@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0);
  }
}
@keyframes backSlideIn {
  0%, 25% {
    opacity: 0.5;
    -webkit-transform: translateZ(-500px) translateX(200%);
            transform: translateZ(-500px) translateX(200%);
  }
  75% {
    opacity: 0.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 */
.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 */
.owl-pagination {
  text-align: center;
  z-index: 1; /* z-index to show above other items */
}

/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.itemslider {
  margin-bottom: 20px;
}

/* Items */
.itemslider .item {
  padding-left: 10px;
  padding-right: 10px;
}

/* Lazy loading */
.itemslider .owl-item.loading {
  background-position: center 40px;
}

.itemslider .owl-item.loading .product-image {
  min-height: 70px;
}

/* If slider inside menu */
.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 */
.gen-tabs .tabs li {
  float: left;
  margin: 0;
}

.gen-tabs .tabs a {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  outline: none;
}

/* Tab panels
-------------------------------------------------------------- */
.gen-tabs .tabs-panels {
  display: inline-block;
  width: 100%;
  padding: 15px 0;
}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
  display: none;
  padding: 0;
  margin-bottom: 1px;
  font-weight: normal;
}

.gen-tabs .acctab:hover {
  cursor: pointer;
}

/* Accordion mode enabled */
.gen-tabs.accor .tabs {
  display: none;
}

.gen-tabs.accor .acctab {
  display: block;
}

.gen-tabs.accor .tabs-panels {
  padding-top: 0;
  padding-bottom: 0;
}

.gen-tabs.accor .tabs-panels .panel {
  display: none;
  margin: 10px 0;
  padding: 15px 0 0;
}

/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs .tabs a {
  color: #333;
  background-color: #eee;
  line-height: 3em;
}

.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus {
  background-color: #e5e5e5;
}

.gen-tabs .tabs a.current {
  background-color: #ddd;
}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
  font-size: 19px;
  line-height: 50px;
  background-color: #f5f5f5;
  color: #333;
}

.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. */
.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;
}

.gen-tabs--style1 .tabs a:hover {
  background-color: #e5e5e5;
  /* Border on hover has the same color as background of the tab */
  border-color: #e5e5e5;
}

.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;
}

.gen-tabs--style1 .tabs a.current:hover {
  /* Bottom border is transparent. */
  border-bottom-color: transparent;
}

.gen-tabs--style1 .tabs-panels {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px dashed #e5e5e5;
}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs--style1.accor .tabs-panels {
  border-top: none;
  border-bottom: none;
}

.gen-tabs--style1 .acctab {
  border-bottom: 1px solid #e5e5e5;
}

.gen-tabs--style1.gen-tabs.accor {
  margin-bottom: 25px;
}

/* Tabs - skin 1: smaller
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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 */
.gen-tabs--style1.gen-tabs--style1-small .tabs a {
  font-family: inherit;
}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs--style1-small .acctab {
  font-size: 14px;
  line-height: 32px;
}

/* Added main class to increase specificity of this rule to override font */
.gen-tabs--style1.gen-tabs--style1-small .acctab {
  font-family: inherit;
}

/**
 * Loading bar
 */
#loading-bar,
#loading-bar-spinner {
  -webkit-transition: 350ms linear all;
  transition: 350ms linear all;
}

#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;
}

#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;
}

#loading-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 11002;
}

#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;
}

#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
}

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 11002;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-right: -15px;
}

#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 0.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);
  }
}
.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 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
          animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}
.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;
}
.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
 * ============================================ */
.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) {
  .marquee {
    display: none;
  }
}
.marquee a {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
  float: left;
  letter-spacing: 1px;
  margin: 0 0 0 25px;
}
.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";
}

.global-message-marquee {
  width: 100%;
  overflow: hidden;
  background-color: #ffffff;
  color: #ffffff;
  padding: 10px;
  font-family: "Poppins", Arial, Helvetica, sans-serif;
  font-size: 26px;
  font-weight: 800;
}

/**
 * Page header
 */
.header-container .inner-container {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 769px) {
  .header-container .inner-container {
    padding: 0 15px !important;
  }
}

/* Remove Margins from navigation */
.header-container2 .nav.container,
.header.container {
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.header-container2 .nav.container .inner-container {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-regular .nav-item.level0 > a {
  line-height: 40px;
  padding-left: 19px;
  padding-right: 19px;
}

.sticky-header .mini-cart {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 10px;
  max-height: 40px;
}
.sticky-header .free-delivery {
  right: 95px;
}
.sticky-header .nav-item.level0 > a {
  line-height: 55px;
}
.sticky-header .nav-holder .dropdown .dropdown-heading {
  line-height: 37px;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #57ab4e;
  border-color: #57ab4e;
}

.dropdown a.dropdown-heading:hover {
  color: inherit;
  background: #4e9946;
  cursor: pointer;
}

.skip-link .count {
  color: #57ab4e;
}

/* Main Navigation */
.caret {
  opacity: 1 !important;
  font-size: 18px;
  border: 0 none !important;
  height: auto;
  width: auto;
}
.caret:before {
  color: #a5f10e;
}

/* Sticky Nav Logo */
.nav-item--stickylogo img {
  padding-top: 11px;
}

/* Slideshow image*/
.slideshow-wrapper-additional img {
  width: 100% !important;
}

.nav-regular .nav-submenu--mega > .nav-item.parent > a {
  min-height: 56px;
}

/* Help Dropdown */
.skip-help {
  position: relative;
}

.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);
}
.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;
}
.bind-help-content .links {
  float: none !important;
  width: 100%;
}
.bind-help-content .links li {
  float: none !important;
  width: 100%;
  margin: 0;
}
.bind-help-content .contact-us {
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
  color: #333;
  padding: 15px 0 !important;
  text-align: center;
}
.bind-help-content .contact-us a {
  color: #444;
}
.bind-help-content .contact-us a:hover {
  color: #50b848;
}
.bind-help-content .contact-us .f-icon {
  font-size: 18px;
  margin-right: 10px;
}
.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: 769px) {
  .bind-help-content .support {
    border-radius: 0;
  }
}
.bind-help-content .support .Icon--chat {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 15px;
  left: 73px;
}
@media (max-width: 769px) {
  .bind-help-content {
    position: relative;
    top: 0;
    float: left;
    right: 0;
    left: 0;
    width: 100%;
    border-radius: 0 !important;
    -webkit-transition: none;
    transition: none;
  }
  .bind-help-content:before {
    content: "";
    display: none;
  }
}

.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);
}
.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;
}
.bind-account-content .links {
  float: none !important;
  width: 100%;
}
.bind-account-content .links li {
  float: none !important;
  width: 100%;
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
}
.bind-account-content .links li a {
  color: #444;
  text-align: center;
  border-right: 0 none !important;
  padding: 0 !important;
  width: 100%;
}
.bind-account-content .links li a:hover {
  background: transparent;
  color: #50b848 !important;
}
.bind-account-content .links li .login-link {
  text-align: center;
}

@media (max-width: 769px) {
  .account-mobile {
    display: block !important;
  }
}
@media (min-width: 770px) {
  .mobile-my-account-link {
    display: none;
  }
}
@media (max-width: 769px) {
  .mobile-my-account-link {
    display: block;
  }
}

#header-account .links li.first {
  display: none;
}
@media (max-width: 769px) {
  #header-account .links .skip-link {
    width: 100%;
    border-right: 0 none;
    text-align: left;
  }
  #header-account .links li .login-link {
    padding: 0;
  }
  #header-account .links li > a {
    background-color: #fff;
    color: #444;
    border-right: 0 none;
  }
}
@media (max-width: 769px) {
  #header-account .bind-account-link,
  #header-account .bind-help-link {
    display: none;
  }
  #header-account .bind-account-content {
    display: block !important;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    right: 0;
    top: 1px;
  }
  #header-account .bind-account-content:before {
    display: none;
  }
}

.links {
  position: relative;
}

.header-welcome {
  position: absolute;
  top: 6px;
  right: 15px;
  color: #baff00;
}
@media (max-width: 769px) {
  .header-welcome {
    display: none;
  }
}

/* Skip Links */
.links > li > a:hover {
  background: #57ab4e;
}

.links-wrapper-separators-left .links > li > a {
  border-right: 1px solid #70c66d;
  padding: 0 25px;
}
@media (max-width: 1199px) and (min-width: 770px) {
  .links-wrapper-separators-left .links > li > a {
    padding: 0 15px;
  }
}

.mini-cart {
  background: #57ab4e;
  border-radius: 5px;
  margin-left: 15px;
}

#header-nav {
  position: absolute;
  top: 100%;
  left: 0;
}

.mobile-app-active #header-nav {
  position: absolute !important;
  top: auto !important;
  bottom: 100% !important;
  z-index: inherit !important;
}

.nav-mobile .nav-item > a {
  background-color: #fff !important;
  color: #444 !important;
}
.nav-mobile .nav-item.level0 > a {
  background: #fff;
  color: #444;
}
.nav-mobile .nav-item.level0 .opener {
  height: 49px;
  width: 100%;
}
.nav-mobile .nav-item.level0 .nav-item > a {
  background: #f9f9f9 !important;
}
.header-mobile .skip-content--style {
  padding: 0;
}
.header-mobile .skip-content.skip-active {
  border-top: 1px solid #50b848;
  border-bottom: 1px solid #888;
  background-color: #fff;
}

.for-mobile {
  display: none;
}

.not-mobile {
  display: block;
}

@media (min-width: 770px) {
  .mobile-my-account-link {
    display: none;
  }
}
@media (max-width: 769px) {
  .mobile-my-account-link {
    display: block;
  }
}

@media (max-width: 769px) {
  .header-mobile .logo-wrapper--mobile .logo {
    margin: 10px 0 10px 5px !important;
  }
  .header-mobile .skip-link {
    box-sizing: border-box;
    border-right: 1px solid #50b848;
    width: 25% !important;
  }
  .header-mobile .mini-cart {
    box-sizing: border-box;
    float: left;
    width: 25% !important;
    margin-left: 0;
    border-radius: 0;
  }
  .header-mobile .bind-mini-cart-link {
    border-right: 0 none;
  }
  .skip-links-wrapper {
    background: #57ab4e;
    z-index: 999;
    position: relative;
  }
  .header-m-primary {
    max-width: 100%;
  }
  .search-searchanise {
    width: 20px;
    position: absolute;
    top: 30px;
    right: 20px;
  }
  .search-searchanise span {
    font-size: 20px;
  }
  .mobile-app-active {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    z-index: 2147483601;
  }
  .ios-mobile-app {
    height: 75px;
    padding-bottom: 25px;
  }
  #header-search {
    width: 45px;
    position: absolute;
    top: 20px;
    right: 10px;
  }
  #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 0.5s;
    transition: all 0.5s;
    float: right;
  }
  #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;
  }
  #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;
  }
  #header-search .form-search .button {
    display: none;
  }
  .for-mobile {
    display: block;
  }
  .not-mobile {
    display: none;
  }
  #header-nav {
    z-index: 9999;
  }
  /*.bind-help-link.skip-link {
         display: none;
     }*/
  .login-link a {
    color: #444 !important;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 50px;
    padding: 0 25px;
  }
  .mini-cart {
    margin: 0;
    border-radius: 0;
  }
  .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: 600px) {
  .mobileNavOpen .header-container2 .nav.container {
    z-index: 3999;
  }
  /* Use ::after to avoid collision with .app-ios body::before (iOS safe-area fill) */
  .mobileNavOpen::after {
    content: "";
    background: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999;
  }
}
@media (min-width: 770px) and (max-width: 1200px) {
  #mini-cart {
    margin-top: 11px;
  }
  #header-account {
    margin: 10px 0;
  }
  .links-wrapper-separators-left .links > li > * {
    padding: 0 20px;
  }
}
/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.header-container,
.header-container2,
.header-container3 {
  background-repeat: repeat;
  background-position: center top;
  background-attachment: scroll;
}

.header {
  padding: 0;
}

/* User menu and Top Links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear floats and override custom styles to avoid incorrect position of elements */
.user-menu {
  width: 100%;
  float: none;
  margin: 0;
  /* Clear floats of other elements */
  clear: both;
  /* Line breaker */
}
.user-menu .line-break-after {
  clear: both;
  margin-bottom: 1px;
}

/* Clear floats */
.user-menu:before,
.user-menu:after {
  display: table;
  content: " ";
}

.user-menu:after {
  clear: both;
}

/* Top Links - clear floats */
.top-links ul:before,
.top-links ul:after {
  display: table;
  content: " ";
}

.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. */
.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. */
.header-regular .logo-wrapper .logo img {
  width: 100%;
}

/* If logo is h1, the link is inside so make it displayed as block */
.header .logo-wrapper h1.logo a {
  display: block;
}

.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 */
.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;
}

.skip-nav {
  z-index: 1000;
}

/* Block markers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
#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)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .hp-blocks-holder {
  display: table;
  width: 100%;
}

.header-regular .hp-blocks-holder .hp-block {
  float: none;
  display: table-cell;
  vertical-align: middle;
}

.header-regular .hp-blocks-holder .hp-block:before,
.header-regular .hp-blocks-holder .hp-block:after {
  display: table;
  content: " ";
}

.header-regular .hp-blocks-holder .hp-block:after {
  clear: both;
}

/* Header items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .item-left {
  float: left;
  margin-right: 5px;
  text-align: left;
}

.header-regular .item-right {
  float: right;
  margin-left: 5px;
  text-align: right;
}

/* Header columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .left-column {
  text-align: left;
}

.header-regular .central-column {
  text-align: center;
}

.header-regular .right-column {
  text-align: right;
}

/* Central column inside primary header
-------------------------------------------------------------- */
.header-regular .header-primary .central-column {
  padding-left: 10px;
  padding-right: 10px;
}

/* Left column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns
-------------------------------------------------------------- */
/* Force left-aligned edge of dropdowns */
.header-regular .left-column .dropdown .dropdown-content {
  left: 0;
  right: auto;
}

/* Avoid dropdown heading stretched in containing block */
.header-regular .left-column .dropdown {
  display: inline-block;
}

/* Search box
-------------------------------------------------------------- */
.header-regular .left-column .search-wrapper {
  float: left;
}

/* Elements of User Menu
-------------------------------------------------------------- */
.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
-------------------------------------------------------------- */
.header-regular .left-column .nav-holders-wrapper,
.header-regular .left-column .navi {
  float: left;
}

.header-regular .left-column .nav-holders-wrapper .nav-holder {
  float: left;
}

@media only screen and (max-width: 767px) {
  .header-container .navi {
    z-index: 1000;
  }
}
/* Right column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Dropdowns
-------------------------------------------------------------- */
/* Force right-aligned edge of dropdowns */
.header-regular .right-column .dropdown .dropdown-content {
  left: auto;
  right: 0;
}

/* Avoid dropdown heading stretched in containing block */
.header-regular .right-column .dropdown {
  display: inline-block;
}

/* Search box
-------------------------------------------------------------- */
.header-regular .right-column .search-wrapper {
  float: right;
}

/* Elements of User Menu
-------------------------------------------------------------- */
.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
-------------------------------------------------------------- */
.header-regular .right-column .nav-holders-wrapper,
.header-regular .right-column .navi {
  float: right;
}

.header-regular .right-column .nav-holders-wrapper .nav-holder {
  float: right;
}

/* Central column
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search box
-------------------------------------------------------------- */
/* Centered search box */
.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. */
.header-regular .central-column .user-menu {
  display: inline-block;
  float: none;
  width: auto;
}

.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
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .header-top .central-column {
  text-align: center;
}

.header-regular .header-top .central-column .item {
  display: inline-block;
  float: none;
}

/* Top header - selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search box inside top header
-------------------------------------------------------------- */
.header-regular .header-top #search_mini_form {
  display: inline-block;
  vertical-align: middle;
}

.header-regular .header-top .form-search .input-text {
  height: 28px;
  line-height: 28px;
}

.header-regular .header-top .form-search .button {
  width: 28px;
  height: 28px;
  line-height: 28px;
  font-size: 10px;
}

.header-regular .header-top .form-search .search-autocomplete {
  top: 30px !important;
}

/* User menu inside top header
-------------------------------------------------------------- */
.header-regular .header-top .item-left .user-menu > * {
  float: left;
}

.header-regular .header-top .item-right .user-menu > * {
  float: right;
}

/* Selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search
-------------------------------------------------------------- */
/* Let the search box have the same width as containing block */
.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 */
.header-regular .nav-container.simple .nav {
  width: 100%;
}

/* Remove side padding from inner container */
.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, */
.header-regular #lang-switcher-wrapper-regular,
.header-regular #currency-switcher-wrapper-regular,
.header-regular .header-top .dropdown {
  margin: 0;
}

/* Elements hidden in regular header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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 */
.header-regular .bind-mini-cart-link,
.header-regular .mini-compare-heading {
  display: block;
}

.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 */
.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.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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 */
.header-mobile .header-m-container .item-left {
  float: left;
  text-align: left;
}

.header-mobile .header-m-container .item-right {
  float: right;
  text-align: right;
}

/* Dropdowns
-------------------------------------------------------------- */
/* Force left-aligned edge of dropdowns */
.header-mobile .header-m-container .item-left .dropdown .dropdown-content {
  left: 0;
  right: auto;
}

/* Force right-aligned edge of dropdowns */
.header-mobile .header-m-container .item-right .dropdown .dropdown-content {
  left: auto;
  right: 0;
}

/* Selected elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Top links
-------------------------------------------------------------- */
.header-mobile .top-links {
  float: none !important;
  clear: both;
}

.header-mobile .top-links ul {
  float: none !important;
}

/* Logo and collateral elements
-------------------------------------------------------------- */
/* Regular logo */
.header-mobile .logo-wrapper--regular {
  display: none;
}

/* Mobile logo */
.header-mobile .logo-wrapper--mobile {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.header-mobile .logo-wrapper--mobile .logo {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 70%;
}

/* Header collateral elements
-------------------------------------------------------------- */
.header-mobile .header-collateral {
  float: right;
  text-align: right;
}

/* If collateral next to logo, logo floats left */
.header-mobile .header-collateral + .logo-wrapper--mobile {
  float: left;
  text-align: left;
}

/* User menu
-------------------------------------------------------------- */
.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. */
.header-mobile.move-switchers #lang-switcher-wrapper-regular,
.header-mobile.move-switchers #currency-switcher-wrapper-regular {
  display: none;
}

.header-mobile.move-switchers #lang-switcher-wrapper-mobile,
.header-mobile.move-switchers #currency-switcher-wrapper-mobile {
  display: none;
}

/* Other
-------------------------------------------------------------- */
.header-mobile .line-break-after {
  display: none !important;
}

/* Menu elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Hide/show basic elements */
.header-mobile .nav-mobile {
  display: block !important;
} /* Always displayed */
.header-mobile .vertnav-trigger {
  display: none !important;
} /* Always hidden */
.header-mobile .mobnav-trigger {
  display: none !important;
} /* Always hidden */
.header-mobile .nav-inline-links {
  display: none !important;
} /* Always hidden */
/* Containers
-------------------------------------------------------------- */
/* Important: menu container is also a "skip-content" block */
.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 */
.header-mobile .nav-container .nav,
.header-mobile .nav-container .navi {
  box-shadow: none;
}

.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. */
.header-mobile .nav-mobile .nav-item.nav-1 {
  margin-top: 0 !important;
}

/* Elements hidden in mobile header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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;
}

.header-mobile .header-top .item:not(.item-interface) {
  display: none;
}

/* Skip links in mobile header
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.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 */
}

.header-mobile a.skip-link {
  text-decoration: none;
}

/* Skip link elements
-------------------------------------------------------------- */
.header-mobile .skip-link .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 3px;
  font-size: 16px;
  line-height: 16px;
}

.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;
}

.header-mobile .skip-link .count {
  display: inline-block;
  vertical-align: middle;
}

.header-mobile .skip-link .caret {
  display: none !important;
}

/* Active link
-------------------------------------------------------------- */
.header-mobile .skip-link.skip-active,
.header-mobile .skip-link:hover {
  color: inherit;
}

.header-mobile .skip-link.skip-active span {
  color: inherit;
}

.header-mobile .skip-link.skip-active .count {
  color: #fff;
}

.header-mobile .skip-nav.skip-active .ic-menu {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.header-mobile .skip-nav.skip-active .ic-menu::before {
  content: "\e20f";
  font-size: 24px;
}

/* Size
-------------------------------------------------------------- */
.header-mobile .skip-links--1 .skip-link {
  width: 100%;
}

.header-mobile .skip-links--2 .skip-link {
  width: 50%;
}

.header-mobile .skip-links--3 .skip-link {
  width: 33.33%;
}

.header-mobile .skip-links--4 .skip-link {
  width: 25%;
}

.header-mobile .skip-links--5 .skip-link {
  width: 20%;
}

.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.
-------------------------------------------------------------- */
.header-mobile .skip-content {
  display: none;
}

.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.
-------------------------------------------------------------- */
.header-mobile .skip-content--style {
  clear: both;
  width: 100% !important; /* Added "!important" to override units with "no-gutter" class */
  margin: 0;
}

.header-mobile .skip-content--style:before,
.header-mobile .skip-content--style:after {
  display: table;
  content: " ";
}

.header-mobile .skip-content--style:after {
  clear: both;
}

/* Selected skip links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Compare
-------------------------------------------------------------- */
/* Hide compare block's heading (only heading) */
.header-mobile .skip-link.mini-compare-heading {
  display: none;
}

/* Selected skip content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Height of mobile menu items and vertical inline links
-------------------------------------------------------------- */
.nav-mobile .nav-item > a,
.header-mobile .account-links .links > li > a {
  line-height: 50px;
}

/* Generic vertical inline links (e.g. account links)
-------------------------------------------------------------- */
.header-mobile .account-links .links > li {
  float: none;
}

.header-mobile .account-links .links > li > a {
  background-image: none; /* Remove link separators */
}

/* Search
-------------------------------------------------------------- */
.header-mobile .skip-content .form-search {
  width: 100%;
}

.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.
   */
.header-mobile .mini-cart,
.header-mobile .mini-compare {
  position: static;
  float: none;
  display: block; /* To make sure it's not "inline-block" */
}

.header-mobile .skip-content.bind-mini-cart-content,
.header-mobile .skip-content.mini-compare-content {
  clear: both;
  width: 100%;
}

/* Compare
-------------------------------------------------------------- */
.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 */
  .header-regular .hp-blocks-holder--stacked .hp-block {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .header-regular .hp-blocks-holder--stacked .right-column {
    text-align: inherit;
  }
  .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 */
  .header-regular .hp-blocks-holder--stacked .nav-container {
    float: none;
  }
  /* Remove floating of the menu */
  .header-regular .hp-blocks-holder--stacked .navi {
    float: none;
  }
  /* Logo
  -------------------------------------------------------------- */
  .header-regular .hp-blocks-holder--stacked .logo-wrapper {
    text-align: center;
  }
  .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
  -------------------------------------------------------------- */
  .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
-------------------------------------------------------------- */
.header-featured-notice {
  background-color: #bd08c3;
}
.header-featured-notice .header-featured-notice-inner {
  margin: 0 auto;
  padding: 10px;
  width: 100%;
  position: relative;
}
.header-featured-notice .header-featured-notice-inner p {
  color: #fff;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 20px;
}
.header-featured-notice .header-featured-notice-inner p:last-of-type {
  margin-bottom: 0;
}

/* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.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 */
.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 */
.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 */
.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 */
.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
-------------------------------------------------------------- */
.sticky-header .sticky-container--full-width .container {
  /* Stretch the container to take all available space */
  max-width: none;
  width: 100%;
}

.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 */
.sticky-header .nav-holder .dropdown-heading .label {
  display: none;
}

.inner-container {
  padding-left: 15px;
  padding-right: 15px;
}

.header-container {
  background-color: #50b848;
}

.header {
  background-color: #50b848;
  color: #ffffff;
}
.header a {
  color: #ffffff;
}
.header a:hover {
  color: #f2f2f2;
}

.form-search .input-text {
  background-color: #ffffff;
  border-color: #50b848;
}
.form-search .input-text:hover, .form-search .input-text:focus {
  background-color: #ffffff;
  border-color: #50b848;
}

.form-search .input-text,
.form-search .button {
  color: #bbbbbb;
}

.form-search .input-text:hover,
.form-search .input-text:focus,
.form-search .input-text:hover + .button,
.form-search .button:hover {
  color: #333333;
}

.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;
}

.header-container .dropdown .dropdown-content a,
.header-container .dropdown.open > .dropdown-heading.cover a,
.header-container .form-search .search-autocomplete li {
  color: #333333;
}

.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;
}

.header-top-container {
  background-color: #50b848;
}

.header-top {
  background-color: #50b848;
}

.header-primary-container {
  background-color: #50b848;
}

.header-primary {
  background-color: #50b848;
}
.header-primary .dropdown .dropdown-heading,
.header-primary .links > li > a {
  font-size: 14px;
  line-height: 36px;
}
.header-primary .dropdown .dropdown-heading {
  max-height: 36px;
}

.cat-label-label1 {
  background-color: #50b848;
  color: #ffffff;
}

.cat-label-label2 {
  background-color: #a03178;
  color: #ffffff;
}

li.level0 > a > span > .cat-label-label1.pin-bottom:before {
  border-top-color: #50b848;
}

li.level0 > a > span > .cat-label-label2.pin-bottom:before {
  border-top-color: #a03178;
}

li > a:hover > span > .cat-label,
.nav-regular li.level0:hover > a > span > .cat-label {
  background-color: #555555;
  color: #ffffff;
}

li.level0 > a:hover > span > .pin-bottom:before,
.nav-regular li.level0:hover > a > span > .pin-bottom:before {
  border-top-color: #555555;
}

.navi .nav-panel--dropdown {
  background-color: #ffffff;
  color: #333333;
}
.navi .nav-panel--dropdown a {
  color: #333333;
}
.navi .nav-panel--dropdown a:hover {
  color: #50b848;
}
.navi .nav-panel--dropdown a:hover .caret {
  border-left-color: #50b848;
  border-right-color: #50b848;
}
.navi .nav-panel--dropdown a .caret {
  border-left-color: #333333;
  border-right-color: #333333;
}

.nav-regular .nav-panel--dropdown {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}
.nav-regular .nav-panel--dropdown .nav-item > a:hover {
  background-color: #f5f5f5;
}

.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;
}
.nav-mobile div.nav-panel--dropdown div.nav-panel--dropdown {
  box-shadow: none;
}

.nav-container {
  background-color: #57ab4e;
}

.nav {
  background-color: #57ab4e;
}
.nav .mobnav-trigger {
  margin-bottom: 0;
}

.sticky-header .nav-container, .sticky-header .navi-wrapper, .sticky-header .nav-regular:not(.nav-vert) {
  background-color: #50b848;
}

.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;
}

.sticky-header .nav-border-bottom {
  border-bottom: none;
}

.navi-wrapper,
.nav-regular {
  background-color: #57ab4e;
}

.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;
}

.nav-mobile .nav-item.level0 > a {
  background-color: #57ab4e;
  color: #ffffff;
}

.nav-mobile .nav-item.level0 > .opener {
  color: #ffffff;
}

.navi.nav-mobile ul.level0 .nav-item > a {
  background-color: #57ab4e;
  color: #ffffff;
}

.nav-mobile ul.level0 .nav-item > .opener {
  color: #ffffff;
}

.nav-regular:not(.nav-vert) .nav-item.level0.active > a {
  background-color: #269d1d;
  color: #ffffff;
}

.nav-mobile .nav-item.level0.current > a {
  background-color: #269d1d;
  color: #ffffff;
}

.nav-mobile .nav-item.level0.current > .opener {
  color: #ffffff;
}

.navi.nav-mobile ul.level0 .nav-item.current > a {
  background-color: #269d1d;
  color: #ffffff;
}

.nav-mobile ul.level0 .nav-item.current > .opener {
  color: #ffffff;
}

.nav-regular:not(.nav-vert) .nav-item.level0:hover > a {
  background-color: #269d1d;
  color: #ffffff;
}

.nav-mobile .nav-item.level0 > a:hover {
  background-color: #269d1d;
  color: #ffffff;
}

.nav-mobile .nav-item.level0 > a:hover + .opener {
  color: #ffffff;
}

.navi.nav-mobile ul.level0 .nav-item > a:hover {
  background-color: #269d1d;
  color: #ffffff;
}

.nav-mobile ul.level0 .nav-item > a:hover + .opener {
  color: #ffffff;
}

.nav-mobile .nav-item > a {
  -webkit-transition: background-color 120ms ease-out, color 120ms ease-out, -webkit-transform 120ms ease-out;
  transition: background-color 120ms ease-out, color 120ms ease-out, -webkit-transform 120ms ease-out;
  transition: background-color 120ms ease-out, color 120ms ease-out, transform 120ms ease-out;
  transition: background-color 120ms ease-out, color 120ms ease-out, transform 120ms ease-out, -webkit-transform 120ms ease-out;
}

.nav-mobile .nav-item > a.tap-feedback,
.nav-mobile .nav-item > a:active {
  background-color: #50b848 !important;
  color: #1d1d1f !important;
  -webkit-transform: scale(0.985);
      -ms-transform: scale(0.985);
          transform: scale(0.985);
}

.nav-mobile .nav-item.level0 > a.tap-feedback + .opener,
.nav-mobile .nav-item.level0 > a:active + .opener,
.nav-mobile ul.level0 .nav-item > a.tap-feedback + .opener,
.nav-mobile ul.level0 .nav-item > a:active + .opener {
  color: #1d1d1f;
}

.nav-vert .nav-item.level0 > a {
  background-color: #f8f8f8;
  color: #333333;
}

.sideacco .nav-item > a {
  background-color: #f8f8f8;
  color: #333333;
}

.sideacco .nav-item > .opener {
  color: #333333;
}

.nav-vert .nav-item.level0.active > a {
  background-color: #333333;
  color: #f5f5f5;
}

.sideacco .nav-item.current > a {
  background-color: #333333;
  color: #f5f5f5;
}

.sideacco .nav-item.current > .opener {
  color: #f5f5f5;
}

.nav-vert .nav-item.level0:hover > a {
  background-color: #5bd2ec;
  color: #ffffff;
}

.sideacco .nav-item > a:hover {
  background-color: #50b848;
  color: #ffffff;
}

.sideacco .nav-item > a:hover + .opener {
  color: #ffffff;
}

.navi.nav-vert-triggerable {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.navi-wrapper .menu-trigger,
.nav-regular .nav-item.level0 > a {
  line-height: 50px;
}

.navi-wrapper .navi.nav-vert-triggerable {
  top: 50px;
}

.nav-holder > * {
  line-height: 50px;
  max-height: 50px;
}

.nav-holder .dropdown .dropdown-heading {
  line-height: 50px;
  max-height: 50px;
}

.menu-trigger,
.nav-vert .nav-item.level0 > a {
  line-height: 36px;
}

.vertnav-trigger + .navi.nav-vert-triggerable {
  top: 36px;
}

.sideacco .nav-item > a {
  line-height: 36px;
}

.sideacco .nav-item.parent > a {
  padding-right: 36px;
}

.sideacco .nav-item > .opener {
  width: 36px;
  height: 36px;
  line-height: 36px;
}

.nav-regular .nav-item.level0.parent > a .caret,
.nav-holder .dropdown-heading .caret {
  border-top-color: #ffffff;
}

.nav-regular .nav-item.level0.parent.active > a .caret {
  border-top-color: #ffffff;
}

.nav-regular .nav-item.level0.parent:hover > a .caret {
  border-top-color: #ffffff;
}

.nav-mobile .nav-item {
  margin-top: 1px !important;
}

.nav-mobile {
  background-color: #ffffff;
}

.menu-trigger .menu-trigger-inner {
  background-color: #57ab4e;
  color: #ffffff;
}

.menu-trigger .menu-trigger-inner:hover {
  background-color: #269d1d;
  color: #ffffff;
}

.menu-trigger.active .menu-trigger-inner {
  background-color: #269d1d;
  color: #ffffff;
}

.menu-trigger .menu-trigger-inner .trigger-icon .line {
  background-color: #ffffff;
}

.menu-trigger .menu-trigger-inner:hover .trigger-icon .line {
  background-color: #ffffff;
}

.menu-trigger.active .menu-trigger-inner .trigger-icon .line {
  background-color: #ffffff;
}

.vertnav-trigger .menu-trigger-inner {
  background-color: #f7f7f7;
  color: #333333;
}

.vertnav-trigger .menu-trigger-inner .trigger-icon .line {
  background-color: #333333;
}

.vertnav-trigger,
.nav-regular .nav-item.level0 > a,
.nav-holder .dropdown .dropdown-heading {
  font-size: 14px;
}

.nav-regular .nav-item > a {
  font-size: 16px;
}

.nav-regular .nav-submenu--mega .nav-item > a {
  font-size: 14px;
}

.nav-regular .nav-submenu--mega > .nav-item > a {
  font-size: 16px;
  text-transform: uppercase;
}

.nav-mobile li.nav-item > a {
  font-size: 14px;
}

.mobnav-trigger,
.nav-mobile .nav-item.level0 > a {
  font-size: 16px;
  text-transform: uppercase;
}

.nav-mobile .nav-item.level1 > a {
  font-size: 15px;
  text-transform: none;
}

.hp-block.right-column {
  width: auto;
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Menu */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 14px;
  }
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1023px) {
  /* Menu */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 14px;
  }
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 959px) {
  /* Menu */
  .nav-regular:not(.nav-vert) .nav-item.level0 > a,
  .nav-regular .nav-holder .dropdown-heading {
    font-size: 13px;
  }
  .nav-regular:not(.nav-vert) .nav-item.level0 > a {
    padding: 0 3px;
  }
}
.wishlist-link .mini-cart {
  background: transparent;
}
.wishlist-link .mini-cart .count {
  margin-top: 0;
}
.wishlist-link .mini-cart:hover {
  background: transparent;
}

.header-mobile .skip-link {
  background-color: #57ab4e;
  color: #ffffff;
}
.header-mobile .skip-link.skip-active {
  background-color: rgb(27.1296952516%, 53.3238837704%, 24.3231750532%);
  color: #ffffff;
}
.header-mobile .skip-link:hover {
  background-color: rgb(27.1296952516%, 53.3238837704%, 24.3231750532%);
  color: #ffffff;
}
.header-mobile .skip-link.wishlist-link .icon-color-productview {
  background: transparent;
  width: auto;
  height: auto;
  font-size: 16px;
}
.header-mobile .skip-link.wishlist-link .icon-color-productview:before {
  position: relative;
  top: 2px;
}
.header-mobile .skip-link.wishlist-link .mini-cart {
  position: relative;
  float: right !important;
  width: auto;
  left: -15px;
}
.header-mobile .skip-link.wishlist-link .mini-cart .count {
  margin-top: 0;
}
.header-mobile .skip-content--style {
  background-color: #50b848;
  color: #333333;
}
.header-mobile .skip-content--style a {
  color: #333333;
}
.header-mobile .skip-content--style a:hover {
  color: rgb(25.0038598116%, 57.9203334877%, 22.471823375%);
}
.header-mobile .account-links .links > li > a {
  background-color: #57ab4e;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
}
.header-mobile .account-links .links > li > a.active {
  background-color: #269d1d;
  color: #ffffff;
}
.header-mobile .account-links .links > li > a:hover {
  background-color: #269d1d;
  color: #ffffff;
}

/* Sticky header */
.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
     -------------------------------------------------------------- */
  .global-site-notice .notice-inner {
    background: none;
    padding: 10px 0;
    text-align: center;
  }
  .global-site-notice .notice-inner p {
    width: 100%;
    padding: 0 0 10px;
  }
  .global-site-notice .notice-inner .actions {
    padding-bottom: 5px;
  }
  /* Items in the top header
     -------------------------------------------------------------- */
  /* Make side margins smaller */
  .header-regular .item-left {
    margin-right: 5px;
  }
  .header-regular .item-right {
    margin-left: 5px;
  }
  /* Other
     -------------------------------------------------------------- */
  /* User menu (Top Links) */
  .user-menu {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  /* Top links */
  .top-links {
    float: left;
  }
  /* Line breaker - disable on narrow screens */
  .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
     -------------------------------------------------------------- */
  .header-regular .hp-blocks-holder {
    display: block;
  }
  .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
     -------------------------------------------------------------- */
  .header-regular .header .logo-wrapper {
    text-align: center;
  }
  .header-regular .header .logo-wrapper .logo {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  /* Quick search
     -------------------------------------------------------------- */
  /* Search: mobile (search bar layout for narrow screens)
     -------------------------------------------------------------- */
  .header-regular .search-wrapper-mobile {
    display: block; /* To override possible inline styles */
    clear: both;
    width: 100%;
    margin: 10px 0;
    /*float: none;*/
  }
  .header-regular .search-wrapper-mobile .form-search {
    width: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
  }
  .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 */
  .header-regular .header .search-wrapper-inline {
    display: block;
    clear: both;
    width: 100%;
    margin: 10px auto;
  }
}
@media only screen and (max-width: 639px) {
  /* Mobile header
        -------------------------------------------------------------- */
  .header-mobile .skip-link .label {
    display: none !important;
  }
  .header-mobile .skip-link .icon {
    margin-right: 0;
  }
  .header-mobile .skip-link .count {
    margin-right: 0; /* Reset negative margin to align content of a skip-link */
  }
  /* Dropdowns in mobile header collaterals */
  .header-mobile .header-collateral .dropdown .dropdown-heading {
    line-height: 36px;
    max-height: 36px;
  }
}
#launcher-frame,
#fc_frame,
div[id^=freshworks],
iframe[id^=freshworks] {
  display: block !important;
}

.contact-us-freshchat {
  display: none;
}

@media only screen and (max-width: 600px) {
  /* Header
         -------------------------------------------------------------- */
  .main-container {
    position: relative;
  }
  /* Simplify horizontal links */
  .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.
     -------------------------------------------------------------- */
  .header .mobile-inline-container {
    text-align: center;
  }
  .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 */
  .header-regular .header .links {
    text-align: center;
  }
  .header-regular .header .links li {
    float: none;
    display: inline-block;
  }
  /* User menu */
  .header-regular .user-menu {
    text-align: center;
  }
  .header-regular .user-menu > *,
  .header-regular .user-menu .links,
  .header-regular .dropdown {
    float: none !important;
    display: inline-block !important;
  }
  .page {
    min-height: 100dvh;
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: minmax(0, 1fr);
  }
  #header-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    /* Set CSS custom property for header height */
    --header-height: auto;
  }
  #header-container .header-container2 {
    padding-top: env(safe-area-inset-top);
  }
  .app-ios #header-container .header-container2 {
    padding-top: 44px !important;
    padding-top: max(44px, env(safe-area-inset-top)) !important;
  }
  .header-primary-container {
    display: none;
  }
  /* Add top padding to main content to prevent overlap with fixed header */
  .header-container.header-mobile .logo-wrapper--mobile .logo {
    margin: 0 auto !important;
    text-align: center !important;
  }
  .header-container.header-mobile .logo-wrapper--mobile .logo img {
    max-width: 200px;
    width: 100%;
    height: auto;
  }
  #notice-banner {
    display: none;
  }
  #header-search {
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    color: #333;
    background-color: #50b848;
    border: solid 10px #50b848;
  }
  #header-search .form-search {
    width: 100%;
  }
  #header-search .form-search .input-text {
    width: 100%;
    height: 44px;
    padding: 8px 12px;
    background: none;
    border-radius: 0;
    background-size: 30px;
    background-color: #fff;
    margin: 0;
    color: #A0A0A0;
  }
  #header-search .form-search .input-text:focus {
    width: 100%;
    background: none;
    background-color: #fff;
    padding: 5px;
    border-radius: 0;
    background-size: 30px;
    color: #333;
  }
  #header-search .form-search .button { /* Keep submit button accessible to AT while visually hidden */
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .header.container {
    padding: 5px 0 0 0;
  }
  .skip-links-wrapper {
    position: fixed;
    bottom: -1px;
    padding-bottom: -webkit-calc(3px + env(safe-area-inset-bottom));
    padding-bottom: calc(3px + env(safe-area-inset-bottom));
    left: 0;
    right: 0;
    z-index: 9999;
  }
  .header-mobile .skip-content.bind-mini-cart-content, .header-mobile .skip-content.mini-compare-content, .header-mobile .skip-content.bind-help-content {
    bottom: 100%;
    top: auto;
    max-width: 100%;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .header-mobile .skip-content.bind-mini-cart-content:before, .header-mobile .skip-content.mini-compare-content:before, .header-mobile .skip-content.bind-help-content:before {
    display: none;
  }
  .header-mobile .skip-content.bind-help-content {
    position: absolute;
  }
  #scroll-to-top {
    display: none !important;
  }
  #header-nav {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 100%;
    --bottom-bar: 50px; /* keep in sync with bottom bar height */
    max-height: -webkit-calc(100dvh - var(--bottom-bar) - 3px - env(safe-area-inset-bottom) - env(safe-area-inset-top));
    max-height: calc(100dvh - var(--bottom-bar) - 3px - env(safe-area-inset-bottom) - env(safe-area-inset-top));
    height: 100vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
  }
  #header-account {
    bottom: 100%;
    position: absolute;
  }
  #header-account .bind-account-content {
    top: auto;
    bottom: 0;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    -webkit-transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  #header-account.skip-active .bind-account-content {
    max-height: 1000px;
    opacity: 1;
  }
  #launcher-frame {
    z-index: 9998 !important;
  }
  #launcher-frame {
    display: none !important;
  }
  #fc_frame,
  div[id^=freshworks]:not(#launcher-frame) {
    display: none !important;
  }
  iframe[id^=freshworks]:not(#launcher-frame) {
    display: none !important;
  }
  #freshworks-container #freshworks-frame-wrapper {
    top: -webkit-calc(10px + env(safe-area-inset-top)) !important;
    top: calc(10px + env(safe-area-inset-top)) !important;
    left: 5px !important;
    right: 5px !important;
    height: -webkit-calc(100dvh - 30px - env(safe-area-inset-top)) !important;
    height: calc(100dvh - 30px - env(safe-area-inset-top)) !important;
    width: -webkit-calc(100dvw - 10px) !important;
    width: calc(100dvw - 10px) !important;
  }
  .contact-us-freshchat {
    display: block;
  }
  .footer-bottom {
    padding-bottom: -webkit-calc(70px + env(safe-area-inset-bottom));
    padding-bottom: calc(70px + env(safe-area-inset-bottom));
  }
  #snize-instant-search-results.snize-ac-results.snize-ac-results-mobile {
    background-color: rgba(0, 0, 0, 0);
    height: 100%;
    right: 26px !important;
    left: 26px !important;
    top: -webkit-calc(71px + env(safe-area-inset-top)) !important;
    top: calc(71px + env(safe-area-inset-top)) !important;
    width: auto !important;
    position: fixed !important;
  }
  #snize-instant-search-results.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel {
    border-bottom: none !important;
    height: 42px !important;
    position: fixed !important;
    width: -webkit-calc(100% - 52px) !important;
    width: calc(100% - 52px) !important;
  }
  #snize-instant-search-results.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel .snize-close-button {
    display: none !important;
  }
  #snize-instant-search-results.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel input.snize-mobile-input-style {
    height: 22px !important;
  }
  #snize-instant-search-results.snize-ac-results.snize-ac-results-mobile li.snize-mobile-top-panel + li {
    padding-top: 48px;
  }
  #snize-instant-search-results.snize-ac-results.snize-ac-results-mobile li.snize-close-area {
    margin-top: 0px !important;
  }
}
iframe[id^=freshworks]:not(#launcher-frame) {
  display: none !important;
}

@media only screen and (max-width: 319px) {
  /* Mobile header
     -------------------------------------------------------------- */
  .header-mobile .header-collateral {
    float: none;
    text-align: center;
  }
  .header-mobile .header-collateral > * {
    display: inline-block;
  }
  .header-mobile .logo-wrapper--mobile {
    float: none !important;
    text-align: center !important;
  }
  .bind-help-content #launcher-frame,
  .bind-help-content iframe[id^=freshworks] {
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    margin: 10px 0;
  }
}
@media (max-width: 880px) and (min-width: 769px) {
  .links-wrapper-separators-left .links > li > a {
    padding: 0 6px; /* Responsive padding based on container width */
  }
}

@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.
 *
 */
#_form_4_._form-top {
  top: 0;
}
#_form_4_._form-bottom {
  bottom: 0;
}
#_form_4_._form-left {
  left: 0;
}
#_form_4_._form-right {
  right: 0;
}
#_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;
}
#_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;
}
#_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;
}
#_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;
}
#_form_4_ ._close-icon:before {
  position: relative;
}
#_form_4_ ._form-body {
  margin-bottom: 30px;
}
#_form_4_ ._form-image-left {
  width: 150px;
  float: left;
}
#_form_4_ ._form-content-right {
  margin-left: 164px;
}
#_form_4_ ._form-branding {
  color: #fff;
  font-size: 10px;
  clear: both;
  text-align: left;
  margin-top: 30px;
  font-weight: 100;
}
#_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;
}
#_form_4_ ._form-label, #_form_4_ ._form_element ._form-label {
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}
#_form_4_._dark ._form-branding {
  color: #333;
}
#_form_4_._dark ._form-branding ._logo {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/jftq2c8s_aclogo_dk.png");
}
#_form_4_ ._form_element {
  position: relative;
  margin-bottom: 10px;
  font-size: 0;
  max-width: 100%;
}
#_form_4_ ._form_element * {
  font-size: 14px;
}
#_form_4_ ._form_element._clear {
  clear: both;
  width: 100%;
  float: none;
}
#_form_4_ ._form_element._clear:after {
  clear: left;
}
#_form_4_ ._form_element input[type=text], #_form_4_ ._form_element input[type=date] {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
#_form_4_ ._form_element select, #_form_4_ ._form_element textarea:not(.g-recaptcha-response) {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
#_form_4_ ._field-wrapper {
  position: relative;
}
#_form_4_ ._inline-style {
  float: left;
}
#_form_4_ ._inline-style input[type=text] {
  width: 150px;
}
#_form_4_ ._inline-style:not(._clear) + ._inline-style:not(._clear) {
  margin-left: 20px;
}
#_form_4_ ._inline-style input {
  border: none !important;
  border-radius: 4px;
  padding: 8px;
  height: auto;
  color: #000000 !important;
  font-size: 13px;
}
#_form_4_ ._form_element img._form-image {
  max-width: 100%;
}
#_form_4_ ._clear-element {
  clear: left;
}
#_form_4_ ._full_width {
  width: 100%;
}
#_form_4_ ._form_full_field {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
#_form_4_ input[type=text]._has_error, #_form_4_ textarea._has_error {
  border: #f37c7b 1px solid;
}
#_form_4_ input[type=checkbox]._has_error {
  outline: #f37c7b 1px solid;
}
#_form_4_ ._error {
  display: block;
  position: absolute;
  font-size: 13px;
  z-index: 10000001;
}
#_form_4_ ._error._above {
  padding-bottom: 4px;
  bottom: 39px;
  right: 0;
}
#_form_4_ ._error._below {
  padding-top: 4px;
  top: 100%;
  right: 0;
}
#_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;
}
#_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;
}
#_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;
}
#_form_4_ ._error-inner._form_error {
  margin-bottom: 5px;
  text-align: left;
}
#_form_4_ ._button-wrapper ._error-inner._form_error {
  position: static;
}
#_form_4_ ._error-inner._no_arrow {
  margin-bottom: 10px;
}
#_form_4_ ._error-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
#_form_4_ ._error-html {
  margin-bottom: 10px;
}

.pika-single {
  z-index: 10000001 !important;
}

@media all and (min-width: 320px) and (max-width: 668px) {
  ::-webkit-scrollbar {
    display: none;
  }
  #_form_4_ {
    margin: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  #_form_4_ * {
    box-sizing: border-box;
    font-size: 1em;
  }
  #_form_4_ ._form-content {
    margin: 0;
    width: 100%;
  }
  #_form_4_ ._form-inner {
    display: block;
    min-width: 100%;
  }
  #_form_4_ ._form-title, #_form_4_ ._inline-style {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
  }
  #_form_4_ ._form-title {
    font-size: 1.2em;
  }
  #_form_4_ ._form_element {
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
  }
  #_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%;
  }
  #_form_4_ ._row._checkbox-radio label {
    display: inline;
  }
  #_form_4_ ._row {
    margin-bottom: 0.7em;
    width: 100%;
  }
  #_form_4_ p, #_form_4_ label {
    margin-bottom: 0.7em;
    width: 100%;
  }
  #_form_4_ ._row input[type=checkbox], #_form_4_ ._row input[type=radio] {
    margin: 0 !important;
    vertical-align: middle !important;
  }
  #_form_4_ ._row input[type=checkbox] + span label {
    display: inline;
  }
  #_form_4_ ._row span label {
    margin: 0 !important;
    width: initial !important;
    vertical-align: middle !important;
  }
  #_form_4_ ._form-image {
    max-width: 100%;
    height: auto !important;
  }
  #_form_4_ input[type=text] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 1.3em;
    -webkit-appearance: none;
  }
  #_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;
  }
  #_form_4_ button[type=submit] {
    padding: 20px;
    font-size: 1.5em;
  }
  #_form_4_ ._inline-style {
    margin: 20px 0 0 !important;
  }
}
#_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;
}
#_form_4_ ._form-title {
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
  margin-bottom: 0;
}
#_form_4_:before {
  content: " ";
  display: table;
}
#_form_4_:after {
  content: " ";
  display: table;
  clear: both;
}
#_form_4_._inline-style {
  width: auto;
  display: inline-block;
}
#_form_4_._inline-style input[type=text], #_form_4_._inline-style input[type=date] {
  padding: 10px 12px;
}
#_form_4_._inline-style button._inline-style {
  position: relative;
  top: 27px;
}
#_form_4_._inline-style p {
  margin: 0;
}
#_form_4_._inline-style ._button-wrapper {
  position: relative;
  margin: 27px 12.5px 0 20px;
}
#_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) {
  #_form_4_._inline-form._inline-style ._inline-style._button-wrapper {
    margin-top: 20px !important;
    margin-left: 0 !important;
  }
}
#_form_2_submit {
  background-color: #b3fa05;
  border: none;
}

.newsletter-section-title {
  color: #000;
  margin-bottom: 20px;
  font-size: 25px;
  font-family: Poppins, sans-serif;
  border-radius: 4px;
}

#newsletter-validate-detail .button {
  background-color: #57ab4e !important;
}

@media (max-width: 675px) {
  .newsletter-section {
    grid-template-columns: 1fr !important;
    gap: 0px !important;
    width: 100%;
  }
  .form-input-section {
    padding-left: 13px;
    padding-right: 13px;
  }
  #newsletter-validate-detail .button {
    font-size: 1.5em;
    padding: 12px 25px !important;
    box-sizing: border-box;
  }
  .description-container {
    margin-bottom: 0;
  }
}
#newsletter {
  width: 100% !important;
  border: #e4e4e4 1px solid;
  border-radius: 4px;
  color: #000000 !important;
  margin: 8px 0px;
  box-sizing: border-box;
}

.newsletter-section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
}

.form-input-section {
  display: grid;
}

.btn-select {
  position: relative;
  padding: 0;
  min-width: 236px;
  width: 100%;
  border-radius: 0;
  margin-bottom: 20px;
}
.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;
}
.btn-select .btn-select-arrow {
  float: right;
  line-height: 20px;
  padding: 6px 10px;
  top: 0;
}
.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;
}
.btn-select ul li {
  padding: 3px 6px;
  text-align: left;
}
.btn-select ul li:hover {
  background-color: #f4f4f4;
}
.btn-select ul li.selected {
  color: white;
}

/* Default Start */
.btn-select.btn-default:hover,
.btn-select.btn-default:active,
.btn-select.btn-default.active {
  border-color: #ccc;
}

.btn-select.btn-default ul li.selected {
  background-color: #ccc;
}

.btn-select.btn-default ul,
.btn-select.btn-default .btn-select-value {
  background-color: white;
  border: #ccc 1px solid;
}

.btn-select.btn-default:hover,
.btn-select.btn-default.active {
  background-color: #e6e6e6;
}

/* Default End */
/* Primary Start */
.btn-select.btn-primary:hover,
.btn-select.btn-primary:active,
.btn-select.btn-primary.active {
  border-color: #286090;
}

.btn-select.btn-primary ul li.selected {
  background-color: #2e6da4;
  color: white;
}

.btn-select.btn-primary ul {
  border: #2e6da4 1px solid;
}

.btn-select.btn-primary .btn-select-value {
  background-color: #428bca;
  border: #2e6da4 1px solid;
}

.btn-select.btn-primary:hover,
.btn-select.btn-primary.active {
  background-color: #286090;
}

/* Primary End */
/* Success Start */
.btn-select.btn-success:hover,
.btn-select.btn-success:active,
.btn-select.btn-success.active {
  border-color: #4cae4c;
}

.btn-select.btn-success ul li.selected {
  background-color: #4cae4c;
  color: white;
}

.btn-select.btn-success ul {
  border: #4cae4c 1px solid;
}

.btn-select.btn-success .btn-select-value {
  background-color: #5cb85c;
  border: #4cae4c 1px solid;
}

.btn-select.btn-success:hover,
.btn-select.btn-success.active {
  background-color: #449d44;
}

/* Success End */
/* info Start */
.btn-select.btn-info:hover,
.btn-select.btn-info:active,
.btn-select.btn-info.active {
  border-color: #46b8da;
}

.btn-select.btn-info ul li.selected {
  background-color: #46b8da;
  color: white;
}

.btn-select.btn-info ul {
  border: #46b8da 1px solid;
}

.btn-select.btn-info .btn-select-value {
  background-color: #5bc0de;
  border: #46b8da 1px solid;
}

.btn-select.btn-info:hover,
.btn-select.btn-info.active {
  background-color: #269abc;
}

/* info End */
/* warning Start */
.btn-select.btn-warning:hover,
.btn-select.btn-warning:active,
.btn-select.btn-warning.active {
  border-color: #eea236;
}

.btn-select.btn-warning ul li.selected {
  background-color: #eea236;
  color: white;
}

.btn-select.btn-warning ul {
  border: #eea236 1px solid;
}

.btn-select.btn-warning .btn-select-value {
  background-color: #f0ad4e;
  border: #eea236 1px solid;
}

.btn-select.btn-warning:hover,
.btn-select.btn-warning.active {
  background-color: #d58512;
}

/* warning End */
/* danger Start */
.btn-select.btn-danger:hover,
.btn-select.btn-danger:active,
.btn-select.btn-danger.active {
  border-color: #d43f3a;
}

.btn-select.btn-danger ul li.selected {
  background-color: #d43f3a;
  color: white;
}

.btn-select.btn-danger ul {
  border: #d43f3a 1px solid;
}

.btn-select.btn-danger .btn-select-value {
  background-color: #d9534f;
  border: #d43f3a 1px solid;
}

.btn-select.btn-danger:hover,
.btn-select.btn-danger.active {
  background-color: #c9302c;
}

/* danger End */
.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;
}*/
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.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;
}

.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;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {
  .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;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .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;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .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;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

.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) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}

@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .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) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
  display: none !important;
}

@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
  .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;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-pull-11 {
    right: 91.66666667%;
  }
  .col-xl-pull-10 {
    right: 83.33333333%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-8 {
    right: 66.66666667%;
  }
  .col-xl-pull-7 {
    right: 58.33333333%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-5 {
    right: 41.66666667%;
  }
  .col-xl-pull-4 {
    right: 33.33333333%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-2 {
    right: 16.66666667%;
  }
  .col-xl-pull-1 {
    right: 8.33333333%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-push-11 {
    left: 91.66666667%;
  }
  .col-xl-push-10 {
    left: 83.33333333%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-8 {
    left: 66.66666667%;
  }
  .col-xl-push-7 {
    left: 58.33333333%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-5 {
    left: 41.66666667%;
  }
  .col-xl-push-4 {
    left: 33.33333333%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-2 {
    left: 16.66666667%;
  }
  .col-xl-push-1 {
    left: 8.33333333%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
  .col-xl-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xl-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xl-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xl-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xl-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xl-offset-0 {
    margin-left: 0;
  }
  .visible-xl {
    display: block !important;
  }
  table.visible-xl {
    display: table;
  }
  tr.visible-xl {
    display: table-row !important;
  }
  th.visible-xl, td.visible-xl {
    display: table-cell !important;
  }
  .visible-xl-block {
    display: block !important;
  }
  .visible-xl-inline {
    display: inline !important;
  }
  .visible-xl-inline-block {
    display: inline-block !important;
  }
  .hidden-xl {
    display: none !important;
  }
}
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  font-family: "Poppins", sans-serif;
}

select:hover {
  cursor: pointer;
}

.button {
  background: #50b848;
  border-radius: 4px;
}

.get-app-btn {
  background: transparent;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 20px;
  padding: 8px 20px;
  text-decoration: none;
  font-weight: 500;
  display: inline-block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
  box-sizing: border-box;
  border-right: 3px solid #fff !important;
}
.get-app-btn:hover {
  background: #fff;
  color: #50b848;
  text-decoration: none;
}
.get-app-btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

@media only screen and (max-width: 770px) {
  .get-app-button {
    display: none !important;
  }
}

a.link_button_green {
  color: #ffffff;
  background-color: #50b848;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 16px;
}

a.link_button_purple {
  color: #ffffff;
  background-color: #bd08c3;
  padding: 10px 24px;
  border-radius: 4px;
  font-size: 16px;
}
@media (max-width: 768px) {
  a.link_button_purple {
    padding: 10px;
  }
}

.btn-checkout,
.button.btn-cart {
  border-radius: 4px;
  background-color: #50b848;
}

.checkbox,
.radio {
  display: inline-block;
}

input[type=file]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: 2px auto #50b848;
}

/* Typography */
h1 {
  font-weight: 800;
  font-size: 36px;
  font-family: "Poppins", sans-serif;
}

h2 {
  font-weight: 600;
  font-size: 32px;
  font-family: "Poppins", sans-serif;
}

h2 strong {
  font-weight: 800;
}

h3 {
  font-weight: 600;
  font-size: 28px;
  font-family: "Poppins", sans-serif;
}

h4 {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
}

h3 strong {
  font-weight: 800;
}

.page-title h1,
.page-title h2 {
  letter-spacing: -1px;
}

@media (max-width: 599px) {
  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.17em;
  }
  h4 {
    font-size: 1em;
  }
  h5 {
    font-size: 0.83em;
  }
  h6 {
    font-size: 0.75em;
  }
  .std h1 {
    font-size: 1.6em;
  }
  iframe {
    max-width: 100%;
  }
}
p {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  letter-spacing: 0.4px;
  color: #444444;
}

ol,
ul {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #444;
  margin-bottom: 0;
}

h3.alternative {
  font-family: "Gloria Hallelujah", cursive;
  font-size: 36px;
}

h4.alternative {
  font-family: "Gloria Hallelujah", cursive;
  font-size: 36px;
}

a {
  color: #111;
}
a:hover {
  text-decoration: none !important;
  color: #50b848;
}

a:focus {
  outline: none;
  outline-offset: 0;
}

a:focus {
  text-decoration: none;
}

.btn-remove:hover {
  color: #ec3333;
}

.underline {
  border-bottom: 2px solid #50b848;
}

.green {
  color: #50b848;
}

.purple {
  color: #bd08c3;
}

.s-title {
  font-family: "Gloria Hallelujah", cursive;
}

.f-icon {
  font-family: "FontAwesome", sans-serif;
}

.container {
  margin-top: 0;
}

.main {
  padding: 15px 0;
}

.buttons-set {
  margin: 0;
}
.buttons-set .back-link a {
  font-weight: bold;
  border-bottom: 0 none !important;
}
.buttons-set .back-link a:before {
  content: "";
  display: none;
}

.navi .nav-panel--dropdown {
  background-color: #ffffff;
  color: #333333;
}
.navi .nav-panel--dropdown a {
  color: #333333;
}
.navi .nav-panel--dropdown a:hover {
  color: #50b848;
}
.navi .nav-panel--dropdown a:hover .caret {
  border-left-color: #50b848;
  border-right-color: #50b848;
}
.navi .nav-panel--dropdown a .caret {
  border-left-color: #333333;
  border-right-color: #333333;
}

/* Homepage grey background bock */
.gray-background-full-width {
  background: #F6F6F4;
  padding: 10px 0;
}
.gray-background-full-width .container {
  margin-bottom: 0;
}

@media (max-width: 770px) {
  .container .for-images img {
    margin-bottom: 10px;
  }
}
.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) {
  .schedule-delivery-banner .schedule-delivery-container {
    text-align: left;
    margin-left: 50px;
  }
}
@media (max-width: 768px) {
  .schedule-delivery-banner .schedule-delivery-container {
    padding: 10px 0;
  }
}
.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) {
  .schedule-delivery-banner .schedule-delivery-container .save {
    margin: 0 2.5%;
    float: left;
    width: 95%;
  }
}
.schedule-delivery-banner .schedule-delivery-container .seperator {
  padding: 0 10px;
}
.schedule-delivery-banner .schedule-delivery-container a {
  color: #333;
  border-bottom: 2px solid #50b848;
}
@media (max-width: 599px) {
  .schedule-delivery-banner .schedule-delivery-container .seperator {
    display: none;
  }
  .schedule-delivery-banner .schedule-delivery-container a::before {
    content: "";
    clear: both;
    display: block;
    width: 100%;
  }
}
.schedule-delivery-banner .free-delivery-mobile {
  display: none;
}
@media (max-width: 768px) {
  .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;
  }
  .schedule-delivery-banner .free-delivery-mobile span {
    font-family: "Gloria Hallelujah", cursive;
    clear: both;
    display: block;
  }
}

.back-link a {
  border-bottom: 2px solid #50b848;
}

/* Slider Pagination*/
.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;
}

.owl-theme .owl-dots .owl-dot {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
}

.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) {
  .owl-controls .owl-buttons div {
    background: #50b848;
    margin-left: 0;
    opacity: 0.8;
  }
  .owl-controls .owl-buttons div:before {
    color: #fff !important;
  }
}
.owl-controls .owl-buttons div:before {
  color: #50b848;
  font-size: 25px;
  line-height: 30px;
  font-family: "ThemeIcons", sans-serif;
}
@media (max-width: 599px) {
  .owl-controls .owl-buttons div:before {
    line-height: 29px;
  }
}
.owl-controls .owl-buttons div:hover {
  background-color: #50b848 !important;
}
.owl-controls .owl-buttons div:hover:before {
  color: #fff !important;
}

.slider-pagination2 .owl-controls .owl-page span {
  border: 1px solid #50b848;
}

@media (max-width: 767px) {
  .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%);
  }
  .featured-brands .owl-controls .owl-buttons .owl-prev {
    float: left;
  }
  .featured-brands .owl-controls .owl-buttons .owl-next {
    float: right;
  }
}

/* Slider arrows */
.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;
}

.owl-controls.clickable .owl-page:hover span,
.owl-controls .owl-page.active span {
  background-color: #50b848 !important;
}

.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
-------------------------------------------------------------- */
.form-search .button:before {
  content: "\e235";
}

.buttons-set .back-link a:before {
  content: "\e22a";
}

.btn-remove:before,
.btn-remove2:before,
.map-popup-close:before,
.remember-me-popup-head .remember-me-popup-close:before {
  content: "\e22d";
}

.btn-edit:before {
  content: "\e22e";
}

.breadcrumbs .sep:before {
  content: "\e228";
  font-size: 8px;
  vertical-align: 2px;
}

.caret:before {
  content: "\e261";
}

.owl-controls .owl-buttons .owl-prev:before {
  content: "\e260";
  line-height: 29px;
}

.owl-controls .owl-buttons .owl-next:before {
  content: "\e263";
  line-height: 29px;
}

#cboxPrevious:before {
  content: "\e260";
}

#cboxNext:before {
  content: "\e263";
}

#cboxClose:before {
  content: "\e20f";
}

.nav-regular .nav-panel a .caret:before,
.nav-vert li.level0 > a .caret:before {
  content: "\e263";
}

.accordion .opener:before {
  content: "\e261"; /* Chevron down */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.acco .opener::before {
  content: "\e261"; /* Chevron down */
  float: right;
  padding: 0 7px;
  font-size: 2.6em;
  color: #333;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

/* Active opener */
.acco li.item-active > .opener {
  background-color: transparent;
}
.acco li.item-active > .opener:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); /* Rotate chevron down to point up */
}

.accordion li.item-active > .opener {
  background-color: rgb(27.1296952516%, 53.3238837704%, 24.3231750532%) !important;
}
.accordion li.item-active > .opener:before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); /* Rotate chevron down to point up */
}

/* Quantity buttons */
.qty-button.increase:before {
  content: "\e262";
}

.qty-button.decrease:before {
  content: "\e261";
}

.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";
}

.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 */
.section-title,
strong.section-title {
  padding: 30px 0;
  border-bottom: 0 none;
  font-size: 25px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .section-title,
  strong.section-title {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 10px 0 0;
  }
}

/* Featured Brands Slider */
.featured-brands {
  margin: 30px 0;
}
@media (max-width: 767px) {
  .featured-brands {
    margin: 0;
  }
}
.featured-brands .section-title {
  border-top: 0 none;
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 767px) {
  .featured-brands .section-title {
    padding: 0;
    letter-spacing: -1px;
    margin-bottom: 10px;
  }
}
.featured-brands img {
  margin: 0 auto;
  display: table;
}
.featured-brands .bind-carousel-featured-brands {
  /** Overflow is hidden so that carousel does not have jumping issue on load **/
  overflow: hidden;
}
.featured-brands .bind-carousel-featured-brands .carousel-item-container {
  float: left;
}

.best-sellers {
  margin: 30px 0;
}
.best-sellers .row {
  margin-left: 0 !important;
  margin-bottom: 30px;
  margin-right: 0 !important;
}
.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) {
  .best-sellers .row > div:hover img {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.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) {
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    position: absolute;
    top: 40%;
    left: 0;
  }
  .bind-carousel-customer-reviews .owl-controls .owl-buttons .owl-next {
    float: right;
  }
  .bind-carousel-customer-reviews .owl-controls .owl-buttons .owl-prev {
    float: left;
  }
  .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) {
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    top: 35%;
  }
}
@media (max-width: 425px) {
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    top: 30%;
  }
}
@media (max-width: 375px) {
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    top: 25%;
  }
}
@media (max-width: 320px) {
  .bind-carousel-customer-reviews .owl-controls .owl-buttons {
    top: 50%;
  }
}
@media (max-width: 768px) {
  .best-sellers .row div a img {
    display: table;
    margin: 0 auto;
  }
}
/* Scheduled Delivery Static Banner */
.sd-static {
  margin-top: 30px;
  border-top: 1px solid #e5e5e5;
  padding-top: 30px;
}
.sd-static img {
  width: 100%;
}

/* Brands Slider */
.brands-slider .section-title {
  border-top: 0 none;
}
@media (max-width: 699px) {
  .brands-slider {
    margin-top: 0;
  }
  .brands-slider .owl-buttons {
    top: 50% !important;
    left: 0;
  }
  .brands-slider .owl-buttons .owl-prev {
    float: left;
  }
  .brands-slider .owl-buttons .owl-next {
    float: right;
  }
}

/* Bundle Packs */
.seperator {
  padding: 0 10px;
}

.shop-all {
  font-size: 18px;
  color: #444;
  border-bottom: 2px solid #50b848;
}

/* Customer Reviews */
.bind-carousel-customer-reviews {
  margin-bottom: 20px;
}
.bind-carousel-customer-reviews .user-review {
  float: left;
  width: 100%;
}
.bind-carousel-customer-reviews h3 {
  font-size: 30px;
  color: #50b848;
  font-weight: bold;
  float: left;
}
.bind-carousel-customer-reviews .review-ratings {
  clear: both;
}
.bind-carousel-customer-reviews .review-ratings span {
  font-size: 14px;
}
.bind-carousel-customer-reviews .review-ratings .checked {
  color: #fa5800;
}
.bind-carousel-customer-reviews span {
  color: #e0e0e0;
  font-weight: bold;
  font-size: 25px;
  padding-right: 5px;
}
.bind-carousel-customer-reviews p {
  padding: 0 15px 0 0;
}
.bind-carousel-customer-reviews p,
.bind-carousel-customer-reviews .above-heading {
  float: left;
}
.bind-carousel-customer-reviews .above-heading {
  font-weight: bold;
}
@media (max-width: 767px) {
  .bind-carousel-customer-reviews .user-review {
    width: 100%;
    padding: 0 0 0 40px;
  }
}

/* Homepage Newsletter */
#subscribe-form {
  width: 100%;
  left: 0;
  right: 0;
  padding: 30px 0;
}
@media (max-width: 668px) {
  #subscribe-form {
    position: relative;
    padding: 10px;
  }
  #subscribe-form .input-text {
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
  }
}
#subscribe-form .newsletter-image-section {
  overflow: hidden;
}
#subscribe-form .newsletter-image-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#subscribe-form .contain {
  max-width: 1170px;
  margin: 0 auto;
  height: 80px;
  padding: 0 10px;
}
#subscribe-form .contain .title {
  float: left;
  width: 45%;
  padding-top: 7px;
}
@media (max-width: 668px) {
  #subscribe-form .contain .title {
    width: 100%;
  }
}
#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) {
  #subscribe-form .contain .title label {
    font-size: 22px;
  }
}
#subscribe-form .contain .title .newsletter-image {
  width: 455px;
  margin: 0 auto;
  display: block;
}
@media (min-width: 768px) and (max-width: 1024px) {
  #subscribe-form .contain .title .newsletter-image {
    max-width: 80%;
  }
}
#subscribe-form .contain .input-box {
  float: right;
  margin: 0;
  width: 55%;
  position: relative;
  padding-top: 18px;
}
#subscribe-form .contain .input-box .mc-field-group {
  width: 33.3333333333%;
  margin-right: 10px;
  float: left;
}
#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;
}
#subscribe-form .contain .input-box .button {
  width: -webkit-calc(33.3333333333% - 20px);
  width: calc(33.3333333333% - 20px);
  background: #50b848;
  border-radius: 4px;
  padding: 0;
  text-transform: uppercase;
  float: right;
}
#subscribe-form .contain button {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
@media (max-width: 599px) {
  #subscribe-form .contain .input-box,
  #subscribe-form .contain .mc-field-group {
    width: 100% !important;
    margin: 0 0 5px 0;
  }
  #subscribe-form .contain .mc-field-group input {
    left: auto;
  }
  #subscribe-form .contain label {
    font-size: 25px;
    margin-top: 0;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
  }
  #subscribe-form .contain .button {
    width: 100% !important;
  }
}
@media only screen and (max-width: 768px) {
  #subscribe-form .contain {
    height: auto;
  }
}

/* Footer */
.footer-primary .footer-links .block-title {
  font-weight: bold;
}
.footer-primary .footer-links a {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
.footer-primary .footer-links a:last-child {
  margin-bottom: 0;
}
.footer-primary a {
  word-wrap: break-word;
}
.footer-primary .social img {
  margin-bottom: 10px;
  width: 250px;
  margin: 0 auto;
  display: block;
}
@media (max-width: 767px) {
  .footer-primary .social .block-content {
    text-align: center;
  }
}
.footer-primary .social .social-links {
  margin-top: 20px;
}
.footer-primary .social .social-links a {
  float: left;
  width: 25%;
}
.footer-primary .social .social-links a span {
  display: table;
  margin: 0 auto;
}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-primary .social .social-links a span {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
}

/* 1st Tier Category */
.catalog-category-view h3 {
  font-size: 14px;
}
.catalog-category-view .category-sub-list {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}
.catalog-category-view .category-sub-list .item {
  float: left;
  width: 25%;
  margin-bottom: 15px;
  padding: 10px;
  position: relative;
  min-height: 472px;
}
@media screen and (max-width: 767px) {
  .catalog-category-view .category-sub-list .item {
    width: 50%;
    min-height: 370px;
  }
}
.catalog-category-view .category-sub-list .thumbnail {
  float: left;
  width: 100%;
  height: 200px;
}
@media screen and (max-width: 768px) {
  .catalog-category-view .category-sub-list .thumbnail {
    height: 100px;
  }
}
.catalog-category-view .category-sub-list .thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.catalog-category-view .category-sub-list ul {
  text-align: center;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
.catalog-category-view .category-sub-list ul .title {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  float: left;
  width: 100%;
  min-height: 44px;
}
.catalog-category-view .category-sub-list ul li ul li a {
  color: #333;
  padding: 3px 0;
  float: left;
  width: 100%;
}
.catalog-category-view .category-sub-list ul li ul li a:hover {
  color: #50b848;
}
.catalog-category-view .category-sub-list a.view-more {
  border-bottom: 2px solid #50b848;
  color: #444;
}

/* Icons and elements of pager */
.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 */
.category-products .item dl select {
  width: 70%;
  float: none;
  margin: 5px auto;
}
.category-products .item dl dd:last-child select {
  margin-bottom: 10px;
}
.category-products .item .item-info-wrapper {
  height: auto;
}
.category-products .item .item-info-wrapper .product-image-wrapper {
  max-width: 150px;
}
@media only screen and (max-width: 767px) {
  .category-products .item .item-info-wrapper .product-image-wrapper {
    max-width: 130px;
  }
}
.category-products .item .item-info-wrapper .product-info {
  margin-bottom: 20px;
}
.category-products .item .item-link:hover {
  color: inherit;
}
.category-products .price-box .price {
  font-size: 14px;
}
.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;
}
.category-products .product-weight-info-wrapper:hover {
  background: #50b848;
  color: #fff;
}
.category-products .product-weight-info-wrapper:focus {
  color: #50b848;
}
.category-products .product-action {
  text-align: center;
}
.category-products .free-shipping-info-wrapper {
  clear: left;
  float: left;
  color: #A0A0A0;
  position: absolute;
}
.category-products .product-rating {
  line-height: 13px;
  font-size: 0.9em;
  text-align: center;
  cursor: default;
  margin-top: 10px;
}
.category-products .product-rating .fa-star {
  color: #e4e4e4;
}
.category-products .product-rating .fa-star.checked {
  color: #ffa600;
}
.category-products .product-rating i {
  display: block;
  clear: both;
}

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;
}

.price-box .price,
.price-as-configured .price {
  color: #50b848;
}

.category-description {
  display: inline-block;
}

/* PDP */
.product-view .ph-pdp.add-to-links {
  margin-top: 10px;
  float: left;
  width: 100%;
  clear: both;
  text-align: center;
}
.product-view .ph-pdp.add-to-links li {
  width: 100%;
}
.product-view .ph-pdp.add-to-links li a .ib.icon-color-productview {
  background: #bd08c3;
  float: none;
}
.product-view .ph-pdp.add-to-links li a .ib.icon-color-productview:hover {
  background: #bd08c3 !important;
}
.product-view .ph-pdp.add-to-links li a:hover .ib.icon-color-productview {
  background: #bd08c3 !important;
}
.product-view .ph-pdp.add-to-links .label {
  color: #000000;
  font-size: 16px;
  margin-top: -5px;
}
.product-view .add-to-cart-wrapper {
  background-color: #f7f7f7;
  border-radius: 5px;
  padding: 10px;
}
.product-view .extrahint-wrapper {
  color: #444444;
  background-color: #f7f7f7;
  text-align: center;
  border-radius: 5px;
}
.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;
}
.product-view .subscription-product-notice .s-title {
  font-size: 18px;
  margin-right: 5px;
}
.product-view .product-options p.required {
  top: 0;
}
@media screen and (max-width: 768px) {
  .product-view .product-options p.required {
    display: none;
  }
}
.product-view .qty-wrapper label {
  display: none !important;
}
.product-view .add-to-cart .qty-wrapper {
  width: 82px;
  float: left;
  margin-right: 10px;
}
@media screen and (min-width: 768px) and (max-width: 768px) {
  .product-view .add-to-cart .qty-wrapper {
    margin: 0 auto !important;
    display: block;
    float: none;
  }
}
.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;
}
.product-view .add-to-cart .qty-wrapper .qty-button {
  background: #50b848;
  color: #fff;
}
.product-view .add-to-cart .qty-wrapper .qty-button.increase {
  border-top-right-radius: 5px;
}
.product-view .add-to-cart .qty-wrapper .qty-button.decrease {
  border-bottom-right-radius: 5px;
}
.product-view .button.btn-cart {
  float: left;
  width: -webkit-calc(100% - 92px);
  width: calc(100% - 92px);
  margin-bottom: 0;
  min-width: auto;
  padding: 0;
}
.product-view .ratings {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
.product-view .rating-links a {
  border-bottom: 2px solid #50b848;
}
.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;
}
.product-view .product-type-data .price-box {
  float: left;
  border-top: 0 none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.product-view .product-type-data .price-duplicate {
  color: #000000;
  font-size: 25px;
  font-weight: bold;
  float: left;
}
.product-view .product-type-data .price-duplicate .special-price .price {
  color: #000000 !important;
}
.product-view .subscription-product-notice {
  clear: both;
}
.product-view .short-description {
  padding-top: 15px;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  float: left;
  width: 100%;
}
.product-view .short-description iframe {
  max-width: 100%;
}
.product-view .short-description a {
  display: table;
  margin: 15px auto;
  border-bottom: 2px solid #50b848;
}
.product-view .collateral-container.box-tabs {
  margin-bottom: 30px;
}
.product-view .custom-sidebar-right {
  display: inline-block;
  width: 100%;
}
.product-view {
  /* Reviews */
}
.product-view .box-reviews {
  width: 100%;
}
.product-view .box-reviews dl {
  margin-top: 0;
}
.product-view .box-reviews dd {
  margin-left: 0;
}
.product-view .box-reviews h2 {
  letter-spacing: -2px;
  font-size: 28px;
  padding-top: 15px;
  border-top: 1px solid #e4e4e4;
}
.product-view .box-reviews h3 {
  letter-spacing: -0.5px;
  font-size: 25px;
}
.product-view .box-reviews .heading {
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e4e4e4;
  float: left;
  width: 100%;
}
.product-view .box-reviews #review-form {
  display: inline-block;
  width: 100%;
}
.product-view .box-reviews .review-details {
  text-align: right;
  font-style: italic;
  padding-top: 10px;
  margin-top: 2px;
  border-top: 1px solid #e4e4e4;
}
.product-view .box-reviews .form-add .form-list {
  margin: 15px 0;
  background: #f1f1f1;
  padding: 15px;
  width: 100%;
  max-width: 360px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}
.product-view .box-reviews .form-add .form-list textarea {
  max-width: 340px;
}
@media screen and (max-width: 768px) {
  .product-view .box-reviews .form-add .form-list {
    width: 100%;
  }
}
.product-view {
  /* Associated Blog Posts */
}
.product-view .box-collateral > h2:first-child {
  border-bottom: 0 none;
}
.product-view .box-related-posts .item {
  float: left;
  width: 25%;
  padding: 0 15px;
}
.product-view .box-related-posts .item a {
  border: 0 none !important;
}
.product-view .box-related-posts .item .wrap {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  float: left;
  width: 100%;
}
.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;
}
.product-view .box-related-posts .item .featured-image {
  float: left;
  display: inline-block;
  width: 100%;
}
.product-view .box-related-posts .item .featured-image img {
  max-width: 100%;
  min-width: 100%;
}
@media screen and (max-width: 499px) {
  .product-view .box-related-posts .item {
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .product-view .button.btn-cart {
    margin-top: 10px;
    width: 100%;
  }
}

.box-additional .addto-texticons {
  text-align: center;
}

/* Product Tabs */
.gen-tabs .tabs {
  height: 47px;
  border-color: #e4e4e4;
  border-top-left-radius: 5px;
  overflow: hidden;
}
.gen-tabs .tabs li {
  height: 50px;
  border-color: #e4e4e4;
}
.gen-tabs .tabs li:first-child {
  border-top-left-radius: 5px;
  overflow: hidden;
}
.gen-tabs .tabs li:last-child {
  border-top-right-radius: 5px;
  overflow: hidden;
}
.gen-tabs .tabs a.current {
  border: 0 none;
  margin-top: -3px;
}
.gen-tabs .tabs a.current:hover {
  color: #50b848;
}

/* Related Products */
.product-view .box-collateral .section-title {
  border-bottom: 0 none;
}
.product-view .custom-sidebar-right .inner {
  border: 0 none;
}
.product-view .owl-controls .owl-buttons {
  top: -35px;
}

/* Shopping Cart */
.checkout-cart-index .cart-table-wrapper {
  border: 1px solid #e4e4e4 !important;
  border-radius: 4px;
}
.checkout-cart-index .cart-table {
  border-bottom: 0 none;
}
.checkout-cart-index .cart-table .col-edit a {
  border-bottom: 2px solid #50b848;
}
.checkout-cart-index .cart-table tr {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
}
.checkout-cart-index .cart-table tr.even {
  background: #fff !important;
}
.checkout-cart-index .cart-table tfoot td.last {
  padding-top: 0;
  margin-bottom: 0;
}
@media (min-width: 540px) and (max-width: 768px) {
  .checkout-cart-index .cart-table tfoot td.last {
    width: 100%;
    padding-top: 10px;
  }
}
.checkout-cart-index .cart-table tfoot button {
  margin: 10px;
}
.checkout-cart-index .cart-table thead tr:last-child {
  border-color: #e5e5e5 !important;
}
.checkout-cart-index .cart-table h4 {
  line-height: 1.4;
  font-size: 15px;
  margin-bottom: 0;
}
.checkout-cart-index .cart-table .item-options {
  margin-top: 15px;
}
.checkout-cart-index .cart-table .sd-frequency input {
  float: left;
  margin-right: 15px;
  margin-top: 5px;
}
.checkout-cart-index .cart-table .a-center input {
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  .checkout-cart-index .btn-continue-top {
    margin-top: 15px;
  }
  .checkout-cart-index .cart-table .product-image {
    width: auto !important;
  }
  .checkout-cart-index .cart-table .product-image img {
    max-width: 250px;
    margin: 0 auto;
    display: block;
  }
  .checkout-cart-index .cart-table .sd-save,
  .checkout-cart-index .cart-table .sd-frequency {
    border: 0 none;
    padding: 0;
    margin-bottom: 15px;
  }
}

.checkout-cart-index .sd-save h4 {
  margin: 0;
  padding: 0;
}
.checkout-cart-index .sd-save h4 a {
  display: inline-block;
  margin: 0;
  padding: 5px 10px;
  background-color: #bd08c3;
  color: #fff;
}
.checkout-cart-index .sd-save h4 a .subscription-icon {
  color: #fff;
}

.checkout-onepage-index .sd-save h4 {
  font-size: 14px !important;
  font-style: normal;
  line-height: 1.6;
}

.sd-disclaimer {
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  padding: 15px;
  font-size: 15px;
}
.sd-disclaimer .sd-icon.fa-clock-o {
  font-family: "FontAwesome", sans-serif;
  color: #bd08c3;
  content: "\f017";
}
.sd-disclaimer a {
  color: #000000;
}

#review-buttons-container a {
  border-bottom: 2px solid #50b848;
}

.cart .crosssell li.item {
  margin-bottom: 10px;
}
.cart .crosssell .item-link {
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  width: 100%;
  float: left;
  padding: 10px;
}
.cart .crosssell .item-link img {
  margin: 0 auto;
  width: 85px;
  display: block;
}
.cart .crosssell .product-details {
  margin-left: 0;
  float: left;
  width: 100%;
  padding-top: 15px;
}
.cart .crosssell .product-details .product-name {
  min-height: 65px;
  font-weight: normal;
  font-size: 15px !important;
}
.cart .crosssell .product-details .price-box,
.cart .crosssell .product-details .product-name {
  text-align: left;
}
.cart .crosssell .product-details .button {
  float: left;
  margin-top: 15px;
  display: block;
  width: 100%;
}
.cart .crosssell .product-details .add-to-links {
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .cart .crosssell .btn-cart {
    padding-left: 0px;
    padding-right: 0px;
  }
  .cart .crosssell .product-details .product-name {
    min-height: 120px;
  }
  .cart .btn-proceed-checkout {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.cart-banner {
  display: block;
  width: 100%;
}
.cart-banner img {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Dashboard */
.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-order-latest .page-title h1,
.subscription-customer-index .page-title h1,
.customer-account-index .page-title h1 {
  font-size: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.dashboard .welcome-msg .hello strong {
  font-weight: 600;
}

.box-rewardpoints-summary {
  border-color: #e5e5e5;
}
.box-rewardpoints-summary .info-summary p {
  margin-bottom: 10px;
  font-size: 16px;
}
.box-rewardpoints-summary .box-head h2 {
  font-size: 24px;
  background-position: 0 10px;
  padding-bottom: 0;
}
.box-rewardpoints-summary a.rewardpoints-name-img {
  border-bottom: 0 !important;
}
.box-rewardpoints-summary a.rewardpoints-name-img img {
  margin-bottom: 0;
}

.rewardpoints-index-settings h2,
.rewardpoints-index-index h2,
.sales-order-view h2,
.customer-address-index h2,
.customer-account-index h2 {
  font-size: 26px;
}

.sales-order-view h3,
.customer-address-index h3,
.customer-account-index h3 {
  font-size: 20px;
  padding-bottom: 5px;
}

.customer-account-index .box-content h4 {
  text-transform: none;
  font-size: 18px;
}
.customer-account-index .dashboard .box-title a {
  border-bottom: 2px solid #50b848;
}
@media (max-width: 768px) {
  .customer-account-index .dashboard .box-title a {
    float: right;
  }
}
.customer-account-index .dashboard .box-content a {
  padding: 2px 4px;
  border: 1px solid #50b848;
  border-radius: 3px;
  text-align: center;
  color: #50b848;
}
.customer-account-index h3.product-name {
  font-size: 15px;
}
.customer-account-index h3.product-name a {
  border: 0 none;
}
@media (max-width: 768px) {
  .customer-account-index #my-orders-table td.last {
    display: inline-block;
  }
}

.review-customer-index h2.product-name a {
  border: 0 none;
}

.box-recent {
  margin-top: 30px;
}

.box-content a {
  margin-top: 10px;
  display: block;
  float: left;
}

.box-account .box-head {
  padding-bottom: 10px;
}

.sales-order-view .box,
.customer-account-index .box {
  height: auto;
  width: auto;
  float: none;
  margin: 0;
  border: 0 none;
  cursor: default;
}

/* Account Navigation */
.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) {
  .block-account .block-title {
    border-bottom: 0 none;
  }
  .block-account .block-title:before {
    content: "\e261"; /* Chevron down */
  }
}
.block-account .block-content ul {
  padding-left: 0;
  list-style-type: none;
}
.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;
}
.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;
}
.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 */
.addresses-primary {
  margin-bottom: 20px;
}
.addresses-primary h3 {
  margin-top: 0;
}

.addresses-additional .item,
.addresses-primary .item {
  border-radius: 4px;
}

.sales-order-history .data-table a,
.customer-address-index .item a {
  border-bottom: 2px solid #50b848;
}

/* Order History */
.order-info-box {
  background: #fff;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  padding-top: 0;
}
.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) {
  .order-info-box .box {
    margin: 0;
    height: auto;
  }
}
.order-info-box .box h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
}
.order-info-box .box address {
  line-height: 23px;
}
.order-info-box .col-1 {
  border: 0 none;
}

/* My Rewards */
.rewardpoints-money {
  color: #50b848;
}

/* My Reviews */
.review-customer-index .my-account a {
  border-bottom: 2px solid #50b848;
}

/* General */
h1.bold {
  font-weight: 800;
}

h2.bold {
  font-weight: 800;
}

h3.bold {
  font-weight: 800;
}

h3.alternative {
  font-family: "Gloria Hallelujah", cursive;
  font-size: 36px;
}

h3.green_background {
  background-color: #50b848;
  color: #ffffff;
  padding: 15px 0;
  margin: 0;
}

h3.blue_background {
  background-color: #3997f6;
  color: #ffffff;
  padding: 15px 0;
  margin: 0;
}

/* Standard Styles */
a.green_underline {
  color: #111;
  border-bottom: 2px solid #50b848;
}

a.link_button_green {
  color: #ffffff;
  background-color: #50b848;
  padding: 14px 24px;
  border-radius: 4px;
  font-size: 16px;
}

hr.style1 {
  border: 2px dashed #eaeaea;
  width: 80%;
  margin: 10px auto;
}

.blue {
  color: #3997f6;
}

.orange {
  color: #ff6f0f;
}

.orange_2 {
  color: #ff8200;
}

.green {
  color: #50b848;
}

.green_2 {
  color: #57ab4e;
}

/* Scheduled Deliveries CMS */
.cms-scheduled-deliveries .breadcrumbs {
  display: none;
}
.cms-scheduled-deliveries .schedule-and-save {
  width: 500px;
  display: block;
  margin: 30px auto 0 auto;
}
@media screen and (max-width: 768px) {
  .cms-scheduled-deliveries .schedule-and-save {
    max-width: 100%;
  }
}
.cms-scheduled-deliveries .sub-title {
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-bottom: 30px;
}
.cms-scheduled-deliveries .subscription-product-notice {
  color: #444;
  background: #f7f7f7;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 15px;
  text-align: center;
  font-size: 15px;
}
.cms-scheduled-deliveries .subscription-product-notice label {
  width: 100%;
  float: left;
  margin-bottom: 7px;
}
.cms-scheduled-deliveries .subscription-product-notice span {
  margin-right: 5px;
}
.cms-scheduled-deliveries h3.alternative {
  text-align: center;
}
.cms-scheduled-deliveries .grid-container-spaced h3 {
  margin: 30px 0;
}
.cms-scheduled-deliveries .grid-container-spaced div img {
  display: table;
  margin: 0 auto;
}

/* Mini cart*/
.nav-holder > .mini-cart {
  line-height: 1.5;
}

.mini-cart {
  padding: 0 5px;
}
.mini-cart:hover {
  background: rgb(30.6236711552%, 60.1913536499%, 27.4557051736%);
}
.mini-cart .label {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
}
@media (max-width: 1199px) and (min-width: 770px) {
  .mini-cart .label {
    display: none;
  }
}
@media screen and (max-width: 769px) {
  .mini-cart .label {
    display: none;
  }
}
.mini-cart .label:hover {
  cursor: pointer !important;
}
.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;
}
.mini-cart .subtotal .label {
  color: #444;
}
@media screen and (max-width: 769px) {
  .mini-cart {
    float: left !important;
    position: relative;
    padding: 0;
    width: 25%;
  }
  .mini-cart .skip-cart {
    cursor: pointer;
    float: left;
    position: relative;
    text-align: center;
    height: 50px;
    line-height: 58px;
    max-height: 50px;
    width: 100%;
  }
}

.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;
  /* Allow JavaScript to control visibility */
}
.bind-mini-cart-content.active, .bind-mini-cart-content.skip-active {
  display: block !important;
}
.bind-mini-cart-content {
  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) {
  .bind-mini-cart-content {
    top: 105%;
  }
}
.bind-mini-cart-content .block-subtitle {
  font-size: 12px !important;
  font-weight: normal;
  width: 100%;
  text-align: center;
}
.bind-mini-cart-content .truncated a.details {
  color: #444 !important;
  border-bottom: 2px solid #50b848;
}
.bind-mini-cart-content .actions button {
  float: none !important;
  display: block;
  margin: 0 auto !important;
  width: 50%;
}
.bind-mini-cart-content .btn-edit:hover:before {
  color: #50b848;
}
.bind-mini-cart-content .btn-remove:hover:before {
  color: #de2666;
}
.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;
}
.bind-mini-cart-content.skip-active {
  display: block !important;
}
.bind-mini-cart-content a:before {
  color: #444;
}

.sub-discl {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  background: #f1f1f1;
  padding: 10px;
  text-align: center;
}

/* Bundled Products */
.price-box-bundle {
  display: inline-block;
  width: 100%;
  border-bottom: 0 none;
  margin: 0;
  padding-bottom: 0;
}

.product-view .action-box {
  float: left;
  width: 100%;
}

.product-type-data {
  margin: 0;
}

.extrahint-wrapper {
  margin: 0 !important;
}

.product-options-bottom .price-box {
  margin: 0;
}

/* Bundle Buy Panel */
.bundle-buy-panel .bundle-header {
  margin-bottom: 20px;
}
.bundle-buy-panel .bundle-header .bundle-price-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.bundle-buy-panel .bundle-header .bundle-price-amount,
.bundle-buy-panel .bundle-header .bundle-price-value {
  font-size: 28px;
  font-weight: 700;
  color: #111;
  line-height: 1.15;
}
.bundle-buy-panel .bundle-header .bundle-savings-pill {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  background-color: #50b848;
  color: #fff;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  margin-top: 10px;
}
.bundle-buy-panel .bundle-header .bundle-savings-pill__icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.25);
  font-size: 10px;
  line-height: 1;
}
.bundle-buy-panel .bundle-header .bundle-savings-pill__icon::before {
  content: "✓";
  font-weight: 700;
}
.bundle-buy-panel .bundle-items-section {
  margin-bottom: 4px;
}
.bundle-buy-panel .bundle-items-section .bundle-items-heading {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
  margin-bottom: 0;
  padding: 14px 0;
  border-bottom: 1px solid #ececec;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item:first-child {
  padding-top: 0;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-qty-badge {
  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: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 36px;
  width: 36px;
  height: 36px;
  background-color: #50b848;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-details {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-details .item-name {
  font-size: 14px;
  font-weight: 600;
  color: #222;
  line-height: 1.35;
  word-wrap: break-word;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-details .item-variant {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #888;
  line-height: 1.3;
}
.bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-contribution {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 14px;
  font-weight: 700;
  color: #222;
  white-space: nowrap;
  padding-top: 2px;
}
@media only screen and (max-width: 768px) {
  .bundle-buy-panel .bundle-header .bundle-price-amount,
  .bundle-buy-panel .bundle-header .bundle-price-value {
    font-size: 24px;
  }
  .bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item {
    gap: 10px;
    padding: 12px 0;
  }
  .bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-qty-badge {
    min-width: 32px;
    width: 32px;
    height: 32px;
    font-size: 11px;
  }
  .bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-details .item-name {
    font-size: 13px;
  }
  .bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-details .item-variant {
    font-size: 11px;
  }
  .bundle-buy-panel .bundle-items-section .bundle-items-list .bundle-item .item-contribution {
    font-size: 13px;
  }
}

.product-view .bundle-pdp-buy-column .bundle-buy-panel {
  margin-bottom: 16px;
}
.product-view .bundle-pdp-buy-column .add-to-links.ph-pdp {
  margin-top: 16px;
}

/* Refer a Friend */
.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) {
  .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) {
  .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;
  }
}
.cms-refer-friends .main.container {
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  background: transparent;
}
@media only screen and (max-width: 768px) {
  .cms-refer-friends .main.container .inner-container {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
.cms-refer-friends .breadcrumbs {
  display: none;
}
.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) {
  .cms-refer-friends .refer-friends .refer-friends-container {
    width: 100%;
    padding: 30px 10px;
  }
}
.cms-refer-friends .refer-friends .refer-friends-container h3.alternative-two {
  font-weight: 800;
  font-size: 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.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) {
  .cms-refer-friends .refer-friends .refer-friends-container h4.alternative {
    font-size: 36px;
    margin-top: -5px;
  }
}
.cms-refer-friends .refer-friends .refer-friends-container .copy {
  margin-top: 30px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .cms-refer-friends .refer-friends .refer-friends-container .copy {
    margin-top: 15px;
  }
}
.cms-refer-friends .refer-friends .refer-friends-container .copy p {
  font-size: 18px;
}
.cms-refer-friends .refer-friends .refer-friends-container .copy p.italic {
  font-style: italic;
}
.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) {
  .cms-refer-friends .refer-friends .refer-friends-container .copy .coupon {
    width: 80%;
  }
}
.cms-refer-friends .refer-friends hr.alternative {
  border: 2px #50b848 solid;
  margin: auto;
  width: 70px;
}
.cms-refer-friends .top-left {
  color: #000000;
  text-align: left;
  margin-top: 20px;
}
@media (max-width: 1170px) and (min-width: 769px) {
  .cms-refer-friends .top-left {
    position: absolute;
    margin-top: 50px;
    left: 6%;
    width: 80%;
  }
}
@media only screen and (min-width: 1171px) {
  .cms-refer-friends .top-left {
    position: absolute;
    margin-top: 50px;
    left: 6%;
    width: 40%;
  }
}
.cms-refer-friends .top-left .link_button_green {
  margin: 15px 0;
  display: inline-block;
  width: auto;
  text-transform: uppercase;
}
.cms-refer-friends .top-left .link_button_green:hover {
  background: #ff8200;
}

/* 404 */
.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;
}
.cms-no-route .main.container {
  background: transparent;
  position: relative;
}
.cms-no-route .container404 {
  position: absolute;
  right: 15px;
  top: 75%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: right;
}
.cms-no-route .container404 h1 {
  font-size: 119px !important;
  font-weight: bold;
  color: #50b848;
  letter-spacing: 2px;
  margin: 0;
  padding: 0;
}
.cms-no-route .container404 .sub-title {
  color: #fff;
  font-size: 35px;
  line-height: 31px;
  text-transform: uppercase;
  text-shadow: 0 0 9px #777;
}
.cms-no-route .container404 .sub-title b {
  font-size: 40px;
}
.cms-no-route .container404 p {
  color: #fff;
  font-size: 25px;
  text-shadow: 0 0 9px #777;
}
.cms-no-route .container404 p a {
  color: #fff;
}
.cms-no-route .container404 .wrap404-buttons a {
  margin-right: 5px;
}

#crosssell-products-list .price-box span .price {
  float: right;
}

/* Refer a Friend Account */
.rewardpointsreferfriends-index-index .main.container p {
  font-size: 16px;
}
.rewardpointsreferfriends-index-index .box-rewardpoints-summary .page-title {
  border-bottom: 0 none !important;
}
.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;
}
.rewardpointsreferfriends-index-index .rewardpoints-dashboard-ul {
  margin: 15px 0 !important;
  width: 100%;
  float: left;
}
@media screen and (max-width: 599px) {
  .rewardpointsreferfriends-index-index .rewardpoints-dashboard-ul {
    padding: 0 15px;
  }
}
.rewardpointsreferfriends-index-index .rewardpoints-dashboard-ul li {
  list-style: none;
}
.rewardpointsreferfriends-index-index .btn:hover,
.rewardpointsreferfriends-index-index .btn:focus,
.rewardpointsreferfriends-index-index .btn.focus {
  color: #fff;
}
.rewardpointsreferfriends-index-index .box-rewardpoints-summary {
  border-bottom: 0 none;
  display: inline-block;
  width: 100%;
}
.rewardpointsreferfriends-index-index .info-summary {
  font-size: 15px;
}
.rewardpointsreferfriends-index-index .info-summary .special-title-offer {
  background: none;
  padding-left: 0;
}
.rewardpointsreferfriends-index-index .info-summary p {
  margin: 15px 0;
  font-size: 18px;
}
.rewardpointsreferfriends-index-index .info-summary p .rewardpoints-money {
  color: #50b848;
}
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list {
  background: #f1f1f1;
  padding: 15px;
}
.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;
}
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list .rewardpoints-title-content {
  margin: 15px 0;
  float: left;
  width: 100%;
}
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list .rewardpoints-dashboard-ul {
  display: inline-block;
}
.rewardpointsreferfriends-index-index .info-summary .rewardpoints-dashboard-list .rewardpoints-dashboard-ul span.rewardpointsrule-rule-name-policy {
  color: #50b848;
}
.rewardpointsreferfriends-index-index .info-summary .info-summary-special-offer {
  float: left;
  padding-top: 10px;
}
.rewardpointsreferfriends-index-index .info-summary .info-summary-special-offer strong:nth-child(3) {
  color: #50b848;
}
.rewardpointsreferfriends-index-index .rewardpointsrule-rule-name-policy {
  color: #50b848;
  font-weight: bold;
  font-size: 16px;
  font-style: normal;
}
.rewardpointsreferfriends-index-index .block-list {
  margin-top: 30px;
  float: left;
  width: 100%;
  border-top: 2px dashed #e4e4e4;
  padding-top: 20px;
}
.rewardpointsreferfriends-index-index .referfriends-opc {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
@media (max-width: 768px) {
  .rewardpointsreferfriends-index-index .referfriends-opc {
    padding: 0;
  }
}
.rewardpointsreferfriends-index-index .rewardpointsreferfriends-content .block-title {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  border-top: 0 none;
}
.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;
}
.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;
}
.rewardpointsreferfriends-index-index .box-content input,
.rewardpointsreferfriends-index-index .refer-sharing-box-content input {
  background: #fff !important;
  border: 1px solid #e4e4e4;
}
.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;
}
.rewardpointsreferfriends-index-index .box-content .refer-content div,
.rewardpointsreferfriends-index-index .refer-sharing-box-content .refer-content div {
  display: none;
}
.rewardpointsreferfriends-index-index .box-content .refer-content input,
.rewardpointsreferfriends-index-index .refer-sharing-box-content .refer-content input {
  border-radius: 3px !important;
}
.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) {
  .rewardpointsreferfriends-index-index ol.opc.referfriends-opc {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .rewardpointsreferfriends-index-index ol.opc.referfriends-opc {
    width: 100%;
  }
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc li {
  margin-bottom: 0;
  float: left;
  width: 33.3333333333%;
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step {
  padding: 10px 0;
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step label {
  font-size: 14px;
  font-weight: normal;
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step .form-control {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  color: #444;
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step .buttons-set button {
  width: 100%;
  border-radius: 0;
}
.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) {
  .rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title {
    height: 65px;
    width: 65px;
  }
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title:hover {
  background: #50b848;
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title:hover h2:before {
  color: #fff;
}
.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) {
  .rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2 {
    line-height: 56px;
  }
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2:before {
  color: #50b848;
  font-size: 25px;
  font-family: "ThemeIcons", sans-serif;
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2.email-logo:before {
  content: "\f003";
  font-family: "FontAwesome", sans-serif;
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2.l-facebook:before {
  content: "\e213";
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2.twitter-logo:before {
  content: "\e214";
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .step-title h2.google-logo:before {
  content: "\e212";
}
.rewardpointsreferfriends-index-index ol.opc.referfriends-opc .section.allow:not(.active) .step-title:hover h2.logo {
  background: none !important;
}
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .block-title {
  border-bottom: 0 none;
}
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .block-title h4 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  float: left;
  width: 100%;
}
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .coupon {
  width: 50%;
  float: left;
  padding-left: 7.5px;
}
@media screen and (max-width: 599px) {
  .rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .coupon {
    width: 100%;
    padding-left: 0;
  }
}
.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%;
}
.rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .referral-code {
  width: 50%;
  float: left;
  padding-right: 7.5px;
}
@media screen and (max-width: 599px) {
  .rewardpointsreferfriends-index-index .rewardpointsreferfriend-box-url .referral-code {
    width: 100%;
    padding-right: 0;
  }
}
.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%;
}
.rewardpointsreferfriends-index-index .box-rewardpoints-history .box-head,
.rewardpointsreferfriends-index-index .box-referfriends-content .box-head {
  position: relative;
  float: left;
  width: 100%;
}
.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;
}
.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;
}
.rewardpointsreferfriends-index-index .box-rewardpoints-history .box-head a:hover,
.rewardpointsreferfriends-index-index .box-referfriends-content .box-head a:hover {
  background: #50b848;
}
.rewardpointsreferfriends-index-index .sharing-instructions {
  margin-bottom: 15px;
}
.rewardpointsreferfriends-index-index .sharing-instructions p {
  font-weight: normal;
  margin: 0;
}
.rewardpointsreferfriends-index-index .sharing-instructions span {
  color: #bd08c3;
}
.rewardpointsreferfriends-index-index .referfriends-email-form-collection {
  padding-bottom: 10px;
  border-bottom: 1px dashed #e4e4e4;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry {
  width: 100%;
  float: left;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry {
    margin-top: 10px;
  }
}
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry .nopadding-left {
  padding-left: 0 !important;
}
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry .nopadding-right {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media screen and (max-width: 767px) {
  .rewardpointsreferfriends-index-index .referfriends-email-form-collection .entry .form-group {
    margin-top: 10px;
  }
}
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .input-group .form-control {
  position: relative;
  float: left;
  width: 100%;
}
.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;
}
.rewardpointsreferfriends-index-index .referfriends-email-form-collection .input-group .input-group-btn {
  position: absolute;
  font-size: 0;
  white-space: nowrap;
  right: 0;
  top: 0;
}
.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;
}
.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;
}
.rewardpointsreferfriends-index-index .referfriends-google-close {
  background: #333;
  color: #fff;
  border-radius: 3px;
}
.rewardpointsreferfriends-index-index .referfriends-google-form-button {
  background: #dd4f43;
  border-color: #dd4f43;
  color: #fff;
}
.rewardpointsreferfriends-index-index #referfriends-opc-facebook .step-title:hover h2.logo {
  background: transparent !important;
}
.rewardpointsreferfriends-index-index #referfriends-facebook-form li {
  width: 100%;
}
.rewardpointsreferfriends-index-index #referfriends-facebook-form .button-primary {
  background: #4267b2;
}
.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;
}
.rewardpointsreferfriends-index-index #referfriends-email-form .glyphicon-remove:before {
  content: "\f00d";
}
.rewardpointsreferfriends-index-index .referfriends-twitter-form-button {
  background: #1da1f2;
  border-color: #1da1f2;
}
.rewardpointsreferfriends-index-index #referfriends-twitter-form textarea {
  height: 100px;
}
.rewardpointsreferfriends-index-index #referfriends-twitter-form textarea.noresize {
  resize: none;
}
.rewardpointsreferfriends-index-index #referfriends-facebook-form textarea {
  height: 110px;
  width: 100%;
}
.rewardpointsreferfriends-index-index #referfriends-facebook-form textarea.noresize {
  resize: none;
}
.rewardpointsreferfriends-index-index .modal-dialog .message li {
  width: 100% !important;
}

.modal {
  z-index: 10500;
}
@media only screen and (max-width: 600px) {
  .modal .modal-dialog {
    margin: 40px 10px;
  }
}
.modal.customer-account-login .modal-header, .modal.customer-account-register .modal-header {
  padding: 0;
}
.modal.customer-account-login .modal-header .close, .modal.customer-account-register .modal-header .close {
  position: absolute;
  right: 0px;
  top: 0;
  padding: 15px 15px;
  z-index: 999;
  height: auto;
  width: auto;
}

.register-container .register-mobile-pin-hint {
  line-height: normal;
  font-size: 11px;
}

@media only screen and (max-width: 768px) {
  /* Dashboard */
  .rewardpoints-money a {
    margin: 0 auto;
    float: none !important;
  }
  .events-link {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }
  .gift-notice {
    width: 100%;
    margin-top: 10px;
  }
}
.add-more-friends {
  text-align: right;
}

.add-more-friends-button {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.referfriends-email-form-button,
.referfriends-twitter-form-button {
  clear: both;
  background: #50b848;
  border: 1px solid #50b848;
  color: #fff;
}

.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;
}

.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 */
.category-products {
  position: relative;
}

.general-select {
  width: 100%;
  margin-bottom: 10px;
  float: right;
}
@media (max-width: 767px) {
  .general-select {
    margin-top: 10px;
  }
}
.general-select .btn-select {
  min-width: auto;
  margin-bottom: 0;
  border-radius: 4px;
  margin-top: 1px;
}
.general-select .btn-select .btn-select-value {
  line-height: 1.34;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 100%;
}

.toolbar-filters {
  width: 100%;
  margin-top: 10px;
  padding: 10px 0;
}
@media (max-width: 767px) {
  .toolbar-filters {
    display: none;
  }
}
.toolbar-filters .container {
  width: auto !important;
  margin-bottom: 0;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .toolbar-filters .container {
    padding: 0;
  }
}
.toolbar-filters .item {
  width: 33.3333333333%;
  float: right;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .toolbar-filters .item {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }
  .toolbar-filters .item:first-of-type {
    margin-top: 0;
  }
}
.toolbar-filters .item .btn-select {
  min-width: auto;
  margin-bottom: 0;
  border-radius: 4px;
}
.toolbar-filters .item .btn-select .btn-select-value {
  line-height: 1.34;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 100%;
}

.toolbar {
  display: inline-block;
  width: 100%;
}
.toolbar .sorter {
  display: inline-block;
  width: 100%;
}
.toolbar .pager {
  display: none;
}

.toolbar-bottom .toolbar {
  min-height: auto;
  border-bottom: 1px dotted #e4e4e4;
}
.toolbar-bottom .sorter {
  width: auto;
}
.toolbar-bottom .pager {
  display: block;
  width: 35%;
  float: right;
}
@media (max-width: 767px) {
  .toolbar-bottom .pager {
    width: 100%;
    border-top: 0 none;
    padding-top: 6px;
  }
}

li.pp-cards {
  width: 100%;
  float: left;
  padding: 15px 0 15px 0;
  border-bottom: 1px dotted #c0c0c0;
}
li.pp-cards label {
  width: 45%;
  line-height: 36px;
}
li.pp-cards label img {
  float: left;
  width: 20%;
  min-width: 40px;
  max-width: 57px;
  margin: 0 10px 0 0;
}
li.pp-cards label b {
  padding-right: 5px;
}
@media (max-width: 767px) {
  li.pp-cards label {
    width: 100%;
    line-height: 11px;
  }
}

.checkout-cart-index fieldset {
  width: 100%;
}
.checkout-cart-index .product-name {
  font-size: 18px !important;
}
.checkout-cart-index .discount {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}
.checkout-cart-index .discount h2 {
  margin-top: 0;
}
.checkout-cart-index .discount .rewards-sales-rules label {
  font-family: "Poppins", sans-serif !important;
  color: #444 !important;
  font-weight: bold;
}
.checkout-cart-index .discount .rewardpoints-needmore-msg {
  margin-top: 10px;
}
.checkout-cart-index .discount .rewardpoints-slider {
  width: 100% !important;
  margin: 20px auto !important;
}
.checkout-cart-index .crosssell h2 {
  margin-top: 0;
}

.rewardpoints-sp-methods .rewards-sales-rules {
  padding: 0 !important;
}
.rewardpoints-sp-methods .rewards-sales-rules label {
  padding: 0 !important;
  color: #444 !important;
}
.rewardpoints-sp-methods .input-max {
  margin-top: 15px !important;
}
.rewardpoints-sp-methods #reward_sales_point {
  float: none !important;
  text-align: center;
  margin: 0 5px;
}

#payment_form_peach_payment_saved {
  border: 1px solid #e4e4e4;
  border-radius: 4px;
  padding: 10px;
  float: left;
  box-shadow: 1px 1px 1px #e4e4e4;
}
#payment_form_peach_payment_saved li {
  border-bottom: none 0 !important;
  margin: 0;
  padding: 0 !important;
}
#payment_form_peach_payment_saved li .button {
  float: right !important;
  width: 100%;
}

.checkout-onepage-index .opc .step {
  padding: 10px 15px;
}
@media (max-width: 768px) {
  .checkout-onepage-index .opc .step {
    padding: 0;
  }
}
@media (max-width: 573px) {
  .checkout-onepage-index .opc .step {
    padding: 0;
  }
  .checkout-onepage-index .opc .step select {
    width: 100% !important;
  }
}
.checkout-onepage-index .opc .step input {
  float: left;
}
.checkout-onepage-index .opc .step input + input {
  margin-left: 10px;
}
.checkout-onepage-index .opc .step label {
  margin-bottom: 10px;
  padding-left: 10px;
}
.checkout-onepage-index .opc .step .saved-cards label {
  width: 100%;
}
.checkout-onepage-index .sp-methods #cart-rewards-form {
  width: auto;
}
.checkout-onepage-index #payment_form_peach_payment {
  padding: 5px;
}
.checkout-onepage-index #payment_form_peach_payment .button.active {
  background: #ff8200;
}

/*Peach Payment Saved Cards*/
.saved-token-row .card-actions-wrapper {
  float: unset !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
  gap: 3px !important;
}
@media only screen and (max-width: 573px) {
  .saved-token-row .card-actions-wrapper {
    float: unset !important;
  }
}

/* Success Page Share */
.checkout-onepage-success .title-thank-you {
  margin-bottom: 25px;
}
.checkout-onepage-success .title-order-number {
  margin-bottom: 26px;
}
.checkout-onepage-success .title-pet-details {
  margin-bottom: 26px;
  border-top: 1px solid #e4e4e4;
  padding-top: 18px;
}
.checkout-onepage-success .referral-links {
  margin: 0 auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.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;
}
.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) {
  .checkout-onepage-success .referral-links .referral-link-icon a {
    font-size: 0 !important;
    margin-top: 0;
  }
}
.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;
}
.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;
}
.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;
}
.checkout-onepage-success .referfriends-body-right {
  width: 100% !important;
  margin-left: 0;
}
@media (max-width: 767px) {
  .checkout-onepage-success .referfriends-body-right {
    display: block !important;
  }
}
.checkout-onepage-success .referfriends-sharelink {
  padding: 10px 0 !important;
  background: none !important;
  display: inline-block;
  height: auto !important;
}
@media (max-width: 767px) {
  .checkout-onepage-success .referfriends-sharelink {
    width: 100% !important;
  }
  .checkout-onepage-success .referfriends-sharelink input {
    width: 100% !important;
  }
}
.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) {
  .checkout-onepage-success #rewardpoints-referfriends-popup {
    width: 100% !important;
    position: relative;
    left: 0;
  }
}
.checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-title {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
.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;
}
.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;
}
.checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-body li {
  float: left;
  margin-right: 15px;
}
.checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-body .referfriends-body-left {
  width: 100%;
}
@media (max-width: 768px) {
  .checkout-onepage-success #rewardpoints-referfriends-popup .referfriends-body .referfriends-body-left {
    width: 100%;
  }
}
.checkout-onepage-success .checkout-success-shipping-date {
  padding: 20px;
  border: 1px solid #d0d0d0;
  background-color: #f5f5f5;
}

/* Mega Menu */
.dd-itemgrid-6col > .nav-item {
  width: 16.6666666667% !important;
}

.navi .nav-panel-inner {
  padding: 10px;
}

/* FAQ */
.cms-faq .ui-accordion h4 {
  padding: 15px 0;
  border-bottom: 1px solid #e4e4e4;
  margin: 0;
}
.cms-faq .ui-accordion h4:hover {
  cursor: pointer;
}
.cms-faq .ui-accordion p {
  padding: 10px 0;
}
.cms-faq .ui-accordion .fa {
  float: right;
}

.footer .item-right {
  float: none;
  width: 100%;
  text-align: center;
  margin: 0;
}

.nav-item--parent a {
  line-height: 50px;
  font-size: 14px;
}

.checkout-onepage-index .tool-tip {
  position: absolute;
}
.checkout-onepage-index .rewards-sales-rules label {
  padding-left: 0;
}
.checkout-onepage-index .rewards-sales-rules #opc-review .authentication {
  width: auto !important;
  border-radius: 4px;
  box-shadow: 0 0 1px #e4e4e4;
}

#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;
}
#payment_form_peach_payment_new li:last-child label {
  float: right;
}

.pp-selected-cards-img {
  position: absolute;
  right: -75px;
  top: 32%;
}
@media (max-width: 375px) {
  .pp-selected-cards-img {
    right: 38%;
    top: auto;
    bottom: -61px;
  }
}

.cvv-what-is-this-pp {
  padding-left: 5px;
  line-height: 37px;
}
.cvv-what-is-this-pp .btn-close {
  float: right;
  width: 25px;
  height: 25px;
  font-size: 0;
}
.cvv-what-is-this-pp .btn-close:before {
  content: "x";
  font-size: 14px;
}

.products-grid .product-name {
  padding-bottom: 10px;
  text-align: left;
  margin: 10px 0 0;
  font-size: 1em;
  height: 60px;
}
.products-grid .from_price {
  font-size: 1.4em;
}
.products-grid .actions {
  left: 0;
  right: 0;
}
.products-grid.centered .item a {
  height: 100%;
}
.products-grid.centered .item .free-shipping-info-wrapper {
  text-align: center;
  color: #A0A0A0;
}
.products-grid .fixed-button-bottom {
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  width: 100%;
  left: 0;
  margin-bottom: 20px;
  height: 50px;
}

#itemslider-related .owl-item .price-box {
  text-align: center;
  font-size: 20px;
  margin: 0 0 10px;
  padding-top: 10px;
}

/* Login & Register */
.customer-account-login .buttons-set .f-left {
  border-bottom: 2px solid #50b848;
}
@media (max-width: 768px) {
  .customer-account-login .form-list input.input-text {
    width: 100%;
  }
}

/* Home page newsletter signup */
#mc_embed_signup {
  clear: both;
}
#mc_embed_signup #subscribe-form .contain {
  color: #fff;
}
#mc_embed_signup #subscribe-form .contain .title h4 {
  color: #000000;
  margin: 20px 0;
  font-size: 25px;
}
#mc_embed_signup #subscribe-form .contain .title i {
  margin-bottom: 10px;
  width: 100%;
  display: block;
  color: #000000;
}
@media only screen and (max-width: 668px) {
  #mc_embed_signup {
    height: 100%;
  }
}

.mini-cart .product-name {
  font-size: 15px !important;
}

.gen-tabs .tabs {
  background-color: #fff;
}
.gen-tabs .tabs a {
  background-color: #fff;
  color: #333333;
}
.gen-tabs .tabs a:hover {
  background-color: #50b848;
  color: #fff;
  border-color: #50b848;
  border-bottom-color: transparent;
}
.gen-tabs .tabs a.current {
  background-color: #50b848;
  color: #fff;
  border-color: #f1f1f1;
  border-bottom-color: transparent;
}
.gen-tabs .tabs a.current:hover {
  border-bottom-color: transparent;
}
.gen-tabs .tabs-panels {
  background-color: #ffffff;
  border-top-color: #f1f1f1;
}
.gen-tabs .tabs-panels .label {
  font-size: 16px;
  color: #333;
}
.gen-tabs .acctab {
  background-color: #ffffff;
  color: #333333;
  border-color: #f1f1f1;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.gen-tabs .acctab:hover, .gen-tabs .acctab:focus, .gen-tabs .acctab.current {
  background-color: #50b848;
  color: #ffffff;
}

#scroll-to-top {
  bottom: 11px !important;
}

.zEWidget-launcher {
  right: 77px !important;
}

.block-related .item-link a {
  border: 0 none !important;
}

.catalog-category-view .view-mode {
  display: none;
}

@media (max-width: 768px) {
  .checkout-cart-index .btn-remove {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    font-size: 23px;
    line-height: 26px;
    color: #a9001c;
  }
  .checkout-cart-index .col-total {
    color: #50b848;
    font-size: 18px;
  }
  .product-view .box-reviews .form-add .form-list {
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 540px) and (max-width: 768px) {
  .cart .data-table td:first-child {
    float: left;
    width: 30%;
  }
  .cart .data-table td .product-name {
    padding-right: 24px;
  }
  .cart .data-table td.col-total {
    padding-left: 30%;
  }
}
@media (min-width: 769px) {
  .cart .data-table tbody tr td {
    line-height: 37px;
  }
}
.checkout-onepage-success p a {
  border-bottom: 2px solid #50b848;
}

.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;
}

.item-link:hover > .call-to-action {
  display: block;
}

.cms-terms-and-conditions .std ul {
  margin-left: 20px;
}
.cms-terms-and-conditions .std li {
  margin-bottom: 10px;
}

.cms-home .ampromo-notification {
  margin-bottom: 0;
  margin-top: 40px;
  display: inline-block;
  clear: both;
}
@media (max-width: 767px) {
  .cms-home .home-product-slider {
    margin-top: 10px;
  }
}

.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;
}

.btn-orange {
  background-color: #fa5800;
  color: #fff;
}

.top5 {
  margin-top: 5px;
}

.top10 {
  margin-top: 10px;
}

.top15 {
  margin-top: 15px;
}

.top20 {
  margin-top: 20px;
}

.login-container .login-footer {
  margin-left: 0;
  margin-right: 0;
}

.customer-account-address-edit .checkbox, .customer-account-address-edit .radio {
  display: block !important;
}
.customer-account-address-edit hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.customer-account-address-edit .btn-address-group {
  display: block !important;
  margin-bottom: 10px;
}
.customer-account-address-edit .btn-address-group .address-group-toggle-residential, .customer-account-address-edit .btn-address-group .address-group-toggle-business {
  width: 50%;
}
.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;
}

.sidebar-nav .table {
  margin-bottom: 5px;
}
.sidebar-nav #rewardsgroup .price {
  margin-left: 4px;
  text-decoration: underline;
}
.sidebar-nav #rewardsgroup img {
  display: none !important;
}

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

.iti--separate-dial-code .iti__selected-flag {
  border-radius: 0.25rem 0 0 0.25rem;
}

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

.iti__flag-container {
  padding: 0;
}

.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%);
}

.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%);
}

.hidden-micro-data {
  display: none !important;
}

.customer-pet-profile #pet-collection-container::after,
.customer-pet-profile .pets::after {
  content: "";
  display: table;
  clear: both;
}
.customer-pet-profile #ad-container {
  clear: both;
  position: relative;
  z-index: 0;
}
.customer-pet-profile .pet-container {
  position: relative;
}
.customer-pet-profile .pet-delete-actions,
.customer-pet-profile #delete-pet-profile-btn {
  position: relative;
  z-index: 20;
  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;
  margin-top: 4px;
}
.customer-pet-profile .pet-delete-actions .delete-pet-profile,
.customer-pet-profile #delete-pet-profile-btn .delete-pet-profile {
  position: relative;
  z-index: 21;
  min-height: 44px;
  padding: 8px 16px;
}
@media (hover: none), (pointer: coarse) {
  .customer-pet-profile .pets .pet-container .pet:hover {
    z-index: 1;
  }
  .customer-pet-profile .pets .pet-container .pet:hover .overlay {
    opacity: 0;
    width: 0;
    height: 0;
  }
  .customer-pet-profile .pets .pet-container .pet:hover span {
    opacity: 0;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
  }
  .customer-pet-profile .pet.hover-zoom:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .customer-pet-profile .pet.hover-zoom:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@media (hover: hover) and (pointer: fine) {
  .customer-pet-profile .pet.hover-zoom {
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
  }
}
.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%;
}

.captcha-container {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

@media only screen and (max-width: 479px) {
  .recaptcha {
    zoom: 0.8;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 100%;
  }
}
.footer-newsletter-container {
  background-color: unset !important;
  padding: 8px 0 0 0 !important;
}
.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;
}

.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;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.app-mode #header-container,
.app-mode .nav-regular,
.app-mode .nav-mobile,
.app-mode .breadcrumbs,
.app-mode button,
.app-mode .btn-cart,
.app-mode .button,
.app-mode .footer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.app-mode input,
.app-mode textarea,
.app-mode select {
  -webkit-touch-callout: default;
  -webkit-user-select: text;
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text;
}

@view-transition {
  navigation: auto;
}
::view-transition-old(root),
::view-transition-new(root) {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/**
 * Silvertree_Banners extension
 *
 * NOTICE OF LICENSE
 *
 * Private Proprietary Software (http://www.fontera.com/legal)
 *
 * @category       Silvertree
 * @package        Banners
 * @copyright      2016 Fontera Digital Works (http://www.fontera.com)
 * @license        http://www.fontera.com/legal  Private Proprietary Software
 * @author         Christiaan Raubenheimer <support@fontera.com>
 */
#banner-list .item img {
    display: block;
    width: 100%;
    height: auto;
}
/* ============================================ *
 * 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;
}