/**
 * Import _Var
 * ------------------------------------------------------------------ */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* line 9, ../../scss/clnews/style.scss */
.clnews-index-index .breadcrumbs,
.clnews-newsitem-view .breadcrumbs {
  margin-bottom: 30px !important;
  border-bottom: 4px solid #333333;
}

/**
 * Blog List
 * ------------------------------------------------------------------ */
/* line 18, ../../scss/clnews/style.scss */
#blog-content {
  /* News Item */
}
/* line 21, ../../scss/clnews/style.scss */
#blog-content .news-item {
  float: left;
  width: 48%;
  margin: 1%;
  overflow: hidden;
}
/* line 27, ../../scss/clnews/style.scss */
#blog-content .news-item a {
  text-decoration: none;
}
/* line 31, ../../scss/clnews/style.scss */
#blog-content .news-item .news-image {
  position: absolute;
  top: 0;
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
}
/* line 40, ../../scss/clnews/style.scss */
#blog-content .news-item .news-image img {
  width: 100%;
}
/* line 45, ../../scss/clnews/style.scss */
#blog-content .news-item .news-meta {
  position: relative;
  margin-top: 10px;
  z-index: 999;
}
/* line 50, ../../scss/clnews/style.scss */
#blog-content .news-item .news-meta .date {
  display: block;
  float: left;
  padding: 0.2em 20px;
  background: #333333;
  color: white;
}
/* line 58, ../../scss/clnews/style.scss */
#blog-content .news-item .news-meta .category {
  clear: both;
  display: block;
  float: left;
  padding: 0.2em 20px;
  background: #006ead;
  color: white;
}
/* line 68, ../../scss/clnews/style.scss */
#blog-content .news-item .news-content {
  position: relative;
  margin-top: 80px;
  padding: 20px;
  z-index: 999;
}
/* line 74, ../../scss/clnews/style.scss */
#blog-content .news-item .news-content .title {
  clear: both;
  margin-bottom: 10px;
  text-transform: none;
}
/* line 79, ../../scss/clnews/style.scss */
#blog-content .news-item .news-content .title a {
  color: #fff;
}
/* line 84, ../../scss/clnews/style.scss */
#blog-content .news-item .news-content .description {
  margin-bottom: 20px;
  color: #fff;
}
/* line 89, ../../scss/clnews/style.scss */
#blog-content .news-item .news-content .more {
  display: inline-block;
  background: #fff;
  padding: 0.2em 30px;
  color: #333;
}
/* line 97, ../../scss/clnews/style.scss */
#blog-content .news-item.facebook-page {
  min-height: 400px;
}
/* line 99, ../../scss/clnews/style.scss */
#blog-content .news-item.facebook-page .news-content {
  margin-top: 0;
}
/* line 101, ../../scss/clnews/style.scss */
#blog-content .news-item.facebook-page .news-content .fb-page {
  text-align: center;
  display: block;
}
/* line 109, ../../scss/clnews/style.scss */
#blog-content .news-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  height: 100%;
  width: 100%;
  background-image: -moz-linear-gradient(bottom, black, rgba(0, 0, 0, 0.4));
  background-image: -ms-linear-gradient(bottom, black, rgba(0, 0, 0, 0.4));
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(black), to(rgba(0, 0, 0, 0.4)));
  background-image: -webkit-linear-gradient(bottom, black, rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(bottom, black, rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(bottom, #000000, rgba(0, 0, 0, 0.4));
  opacity: 0.6;
  transition: all .5s ease;
}
/* line 130, ../../scss/clnews/style.scss */
#blog-content .news-item:hover {
  /* News-item overlay */
}
/* line 132, ../../scss/clnews/style.scss */
#blog-content .news-item:hover:after {
  opacity: 1;
}

/* line 141, ../../scss/clnews/style.scss */
#loadMore {
  position: relative;
  clear: both;
  display: block;
  width: 25%;
  margin: 30px auto;
  background: #006ead;
  padding: 10px 30px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
}
/* line 154, ../../scss/clnews/style.scss */
#loadMore:after {
  content: "+";
  position: absolute;
  right: 10px;
  top: -10px;
  bottom: auto;
  font-size: 35px;
}

/** FOR MOBILE **/
@media only screen and (max-width: 770px) {
  /* line 168, ../../scss/clnews/style.scss */
  #blog-content .news-item {
    width: 98% !important;
    margin: 1%;
  }
  /* line 173, ../../scss/clnews/style.scss */
  #blog-content .news-content .description {
    display: none;
  }

  /* line 179, ../../scss/clnews/style.scss */
  #loadMore {
    width: 90%;
  }
}
/**
 * Blog View
 * ------------------------------------------------------------------ */
/* line 191, ../../scss/clnews/style.scss */
.news-item-content .block-title-image {
  position: relative;
  margin-bottom: 30px;
}
/* line 194, ../../scss/clnews/style.scss */
.news-item-content .block-title-image .news-title {
  display: block;
  position: absolute;
  bottom: 10px;
  left: auto;
  right: auto;
  width: 98%;
  margin: 0 1%;
  padding: 1%;
  background: #fff;
  opacity: 0.9;
}
/* line 206, ../../scss/clnews/style.scss */
.news-item-content .block-title-image .news-title h1 {
  margin: 0;
}
/* line 210, ../../scss/clnews/style.scss */
.news-item-content .block-title-image .news-title span {
  font-style: italic;
  color: #636363;
}
/* line 219, ../../scss/clnews/style.scss */
.news-item-content .news-social ul {
  text-align: right;
}
/* line 222, ../../scss/clnews/style.scss */
.news-item-content .news-social li {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
  color: #a0a0a0;
}
/* line 228, ../../scss/clnews/style.scss */
.news-item-content .news-social li:first-child {
  margin-right: 1em;
}
/* line 232, ../../scss/clnews/style.scss */
.news-item-content .news-social a {
  color: #a0a0a0;
  font-size: 30px;
  text-decoration: none;
}
/* line 237, ../../scss/clnews/style.scss */
.news-item-content .news-social a:hover {
  color: #006ead;
}
/* line 243, ../../scss/clnews/style.scss */
.news-item-content .back {
  display: inline-block;
  padding: 10px;
  color: #636363;
  background-color: white;
}
/* line 248, ../../scss/clnews/style.scss */
.news-item-content .back:hover {
  background-color: #f2f2f2;
}

/** FOR MOBILE **/
@media only screen and (max-width: 599px) {
  /* line 256, ../../scss/clnews/style.scss */
  .news-item-content .news-content {
    padding: 0 30px;
  }
}
/**
 * Blog View
 * ------------------------------------------------------------------ */
/* line 267, ../../scss/clnews/style.scss */
.news-latest .block-title {
  padding: 10px 0;
}
/* line 271, ../../scss/clnews/style.scss */
.news-latest li {
  margin-bottom: 10px;
}
/* line 274, ../../scss/clnews/style.scss */
.news-latest li a {
  display: block;
}
/* line 277, ../../scss/clnews/style.scss */
.news-latest li span {
  font-style: italic;
  font-size: 90%;
  color: #636363;
}

/* line 288, ../../scss/clnews/style.scss */
.news-categories .block-content {
  padding: 0 !important;
  padding-bottom: 10px;
}
/* line 292, ../../scss/clnews/style.scss */
.news-categories li {
  padding: 10px !important;
  background-image: none !important;
}
/* line 296, ../../scss/clnews/style.scss */
.news-categories li i {
  font-size: 300%;
  vertical-align: middle;
  color: #636363;
}
/* line 302, ../../scss/clnews/style.scss */
.news-categories li a {
  text-transform: uppercase;
}
/* line 305, ../../scss/clnews/style.scss */
.news-categories li:nth-child(odd) {
  background-color: #f9f9f9 !important;
}

/*
.news-item {
    margin:0 0 15px 0;
}

.news-item span.date {
    font-size:90%;
}

.news-item-comment form {
    margin:20px 0px 0px;
    display:block;
    clear:both;
}

.news-item-comment .prev {
    float:left;
    margin:4px 12px 5px 0;
}

.news-item .date,
.menu-categories .date,
.news-item-content .date{
    color:#999999;
    font-size:11px;
}

.clearing {
    clear:both;
    font-size:1px;
    height:1px;
    line-height:1px;
}

.news-item-content .comment-item {
    margin:10px 0 0 0;
}

.news-item-content .comment-item .username {
    font-size:12px;
    margin:0px;
    color:#1E7EC8;
    display:inline;
}

.block.news-categories {
    border: 1px solid #C4C1BC;
    margin: 0 0 15px;
}

.block.news-categories .block-title {
    background: url("https://shark-helmets.com/skin/frontend/shark/default/css/images/bkg_block-title.gif") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #DDDDDD;
    padding: 2px 9px;
}

.block.news-categories .menu-categories {
    margin:0px;
    padding: 5px 9px;
}

.block.news-categories .menu-categories h5, .menu-categories ul li{
    font-size:11px;
    margin:0px;
}

.block.news-categories .block-title strong {
    color: #E26703;
    display: block;
    font: bold 12px/16px Arial,Helvetica,sans-serif;
    min-height: 16px;
    padding: 1px 0;
    text-transform: uppercase;
}

.news {
    text-align:justify;
    }

.news-item-content h4 {
    color:#e26703;
    font-size:15px;
}

.news-item-content small {
    font-size:10px;
}

.news-item {
    clear:both;
    }
.news_image {
    float:left;
    margin:3px 10px 5px 0px;
    }
.news-item .description {
    text-align:justify;
    }
.news-item .comment {
    float:right;
    font-size:11px;
    padding-top:5px;
    }
.news-item-content .social {
    padding-top:10px;
    height:35px;
    }
.news-item-content .social .google_button {
    float:left;
    width:80px;
    overflow:hidden;
    }
.news-item-content .social .fb-like {
    float:left;
    }

.news-item-comment {
    clear:both;
    padding-bottom:20px;
    }
.news-item-comment p.required {
    text-align:left;
    }
.news .loadfile {
    text-align:right;
    }
.news .loadfile a {
    background: url(https://shark-helmets.com/skin/frontend/shark/default/css/clnews/images/i_attached.gif) 0px 0px no-repeat;
    padding:1px 0 0 20px;
    }
#postComment label {
    float:left;
    width:80px;
    }
#postComment .input-box {
    padding-bottom:9px;
    }
#postComment input[type="text"] {
    width:200px;
    }
label .required {
    color:red;
    }
#postComment .validation-advice {
    margin-left:80px;
    }
#postComment .button-set {
    padding-left:80px;
    }

#comment_block .comment-item div {
    padding-left:10px;
    }


.news-item-comment .pager {
    background:none;
    margin-top:20px;
    padding-top:10px;
    text-align:left;
    }
.news-item-comment .pager span {
    cursor:pointer;
    border:1px solid #dadfe0;
    float:left;
    height:19px;
    width:20px;
    text-align:center;
    margin-right:6px;
    line-height:19px;
    }
.news-item-comment .pager span.current {
    cursor:default;
    background:#c6c6c6;
    }
.news-item-comment .pager span:hover {
    background:#c6c6c6;
    }
.news-item-comment .pager #prev,
.news-item-comment .pager #next {
    border:none !important;
    background:none !important;
    padding:0px !important;
    margin:0px !important;
    width:auto !important;
    }
.news-item-comment .pager .prev,
.news-item-comment .pager .next {
    width:auto;
    padding:0 5px;
    margin-top:0px;
    }

.print-btn {
    float:right;
    background: url(https://shark-helmets.com/skin/frontend/shark/default/css/clnews/images/i_print.gif) 0px 0px no-repeat;
    padding-left:20px;
    }
#clloader {
    position:absolute;
    margin-left:333px
    }

.tags {
    background: url(https://shark-helmets.com/skin/frontend/shark/default/css/clnews/images/i-tags.gif) 0px 1px no-repeat;
    padding-left:20px;
    }

.news-item-grid {
    clear:none !important; padding:0px !important; margin:13px 13px 0 0 !important; 
    float:left; width:210px; height:118px; position:relative; background:#f2f2f2; border:1px solid #e9eaea;
}
.news-item-grid  a {color:#000; text-decoration:none; display:block; width:100%; height:118px;}
.news_image_grid {margin:0px !important;}
.news_text_grid {margin:0px !important; padding:5px;}
.news-item-grid img {float:left;}
.underlayer_grid {position:absolute; bottom:0px; width:200px; padding:4px 3px 3px 7px; background:rgba(204,204,204,0.6); line-height:16px; min-height:33px;}
.underlayer_grid h5 {margin:0px; display:inline;}
.underlayer_grid h5,
.underlayer_grid .date {color:#000;}
.news-item-grid:hover .underlayer_grid {background:rgba(204,204,204,0.8);}

.view-mode {margin:10px 0 0 0;}

#loadMore {
    width: 100%;
    background: #3399cc;
    color: #fff;
    text-align: center;
    padding: 5px 0px;
    margin: 20px 0px;
    cursor: pointer;
}
*/

#commercelab_categories_container
{
    overflow-x: auto;
}
.treeview, .treeview ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.treeview ul {
    background-color: white;
    margin-top: 4px;
}

.treeview .hitarea {
    background: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li {
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }
.treeview .category_selected { color: red; cursor: pointer; }

.treeview li { background: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-red.gif); }

.treeview-black li { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-black.gif); }

.treeview-gray li { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-gray.gif); }

.treeview-famfamfam li { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/treeview-famfamfam.gif); }


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(https://shark-helmets.com/skin/frontend/shark/default/css/commercelab/treeview/images/file.gif) 0 0 no-repeat; }

/** IMPORT VAR ELEMENTS */
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/** GENERAL STYLE */
/* line 12, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu {
  position: relative;
  font-size: 14px;
  padding: 0px 40px;
  width: 100%;
  border-radius: 2px;
  height: auto;
  /*IE7 fix*/
  /** Menu */
  /* end .menu */
  /** WP Custom Menu Popup */
  /** Hover colors */
}
/* line 21, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu *:first-child + html #custommenu {
  z-index: 998;
}
/* line 26, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .menu {
  float: left;
  padding: 0;
  margin: 0;
  width: 16.6666%;
  height: 75px;
}
/* line 33, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .menu a {
  text-decoration: none;
  display: block;
  cursor: pointer;
  height: 100%;
  line-height: 13px;
}
/* line 40, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .menu a > img {
  max-width: 100%;
  height: 75px;
  margin: auto;
}
/* line 47, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .menu a:link, #custommenu .menu a:visited {
  display: block;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

/* line 55, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .menu a span {
  display: none;
}
/* line 58, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .menu a span:hover {
  cursor: pointer;
}
/* line 63, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .menu .parentMenu {
  width: 100%;
}



/* line 70, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup {
  position: absolute;
  z-index: 1000;
  display: none;
  text-align: left;
  padding: 0px 0px 10px 0px;
  border: 0;
  width: 100%;
  margin-top: -1px;
  /** BLOCK 1 */
  /** BLOCK 2 */
}
/* line 80, ../../../scss/webandpeople/custommenu/custommenu.scss */

/* ########## @ BRUNO 09.10.2017 ############### */
#custommenu .wp-custom-menu-popup a {
  text-decoration: none;
  display: block;
  cursor: pointer;
  _height: 0;
  height: auto;
  line-height: 10px;
  color: #FFF;
  float: left;
}

/* line 91, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block1 {
  text-align: center;
}
/* line 93, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block1 .column {
  float: none;
  display: inline-block;
}
/* line 97, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block1 .itemMenu {
  border-right: 1px solid rgba(255, 255, 255, 0.8);
	
}
/* line 101, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block1 .column.last .itemMenu {
  border: none;
}
/* line 105, ../../../scss/webandpeople/custommenu/custommenu.scss */

/* ########## @ BRUNO 09.10.2017 ############### */
#custommenu .wp-custom-menu-popup .block1 a {
  font-size: 1.3em;
  font-weight: 400;
  xtext-shadow: 1px 1px 0 rgba(140, 140, 140, 0.6), 0 -1px 0 rgba(0, 0, 0, 0.67);
}
/* line 109, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block1 a:hover {
  xtext-shadow: 1px 1px 0 rgba(140, 140, 140, 0), 0 -1px 0 rgba(0, 0, 0, 0);
  font-weight: 400;
  color: #666;
}


/* line 116, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block2 {
  position: relative;
  width: 100% !important;
}
/* line 121, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block2 .block {
  float: left;
  width: 100%;
  padding: 4em;
  background-repeat: no-repeat;
  background-size: cover;
}
/* line 129, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block2 .block-content {
  position: relative;
  float: right;
  background: #FEEE00;
  width: 50%;
  padding: 1em 2em 3em;
}
/* line 136, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block2 .block-content > * {
  margin-bottom: 1em;
}
/* line 141, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block2 .block-title {
  color: white;
  border: 0;
  xtext-shadow: 1px 1px 0 rgba(140, 140, 140, 0.6), 0 -2px 0 rgba(0, 0, 0, 0.67);
}
/* line 147, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block2 .block-desc {
  color: white;
  border: 0;
  font-size: 100%;
  line-height: 1.5em;
  xtext-shadow: 1px 1px 0 rgba(140, 140, 140, 0.6), 0 -1px 0 rgba(0, 0, 0, 0.67);
}
/* line 155, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .wp-custom-menu-popup .block2 .block-more {
  position: absolute;
  right: 0;
  display: inline-block;
  padding: .5em;
  color: #333;
  border: 0;
  font-weight: bold;
  text-transform: uppercase;
}
/* line 173, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu .menu:hover,
#custommenu .menu.act,
#custommenu .wp-custom-menu-popup {
  background: #FEEE00;
}


#custommenu #menu3:hover,
#custommenu #menu3:active,
#custommenu #menu3.act,
#custommenu #menu3.active,
#custommenu #menu-mobile-3,
#custommenu #popup3,
#custommenu #popup3 .block-content {
  background-color: #FEEE00;
}
/* line 186, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu3:hover .block-more,
#custommenu #menu3:active .block-more,
#custommenu #menu3.act .block-more,
#custommenu #menu3.active .block-more,
#custommenu #menu-mobile-3 .block-more,
#custommenu #popup3 .block-more,
#custommenu #popup3 .block-content .block-more {
  color: #FEEE00 !important;
	background: #FEEE00;
  /* The Fallback */
  background: rgba(254, 238, 0, 0.8);
}
/* line 190, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #popup3 .block-content {
  background: #FEEE00;
  /* The Fallback */
  background: rgba(254, 238, 0, 0.8);
}
/* line 199, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu4:hover,
#custommenu #menu4:active,
#custommenu #menu4.act,
#custommenu #menu4.active,
#custommenu #menu-mobile-4,
#custommenu #popup4,
#custommenu #popup4 .block-content {
  background-color: #333333;
}
/* OFF-ROAD */
#custommenu #menu197:hover,
#custommenu #menu197:active,
#custommenu #menu197.act,
#custommenu #menu197.active,
#custommenu #menu-mobile-197,
#custommenu #popup197,
#custommenu #popup197 .block-content {
  background-color: #FEEE00;
}

#custommenu #menu197:hover .block-more,
#custommenu #menu197:active .block-more,
#custommenu #menu197.act .block-more,
#custommenu #menu197.active .block-more,
#custommenu #menu-mobile-197 .block-more,
#custommenu #popup197 .block-more,
#custommenu #popup197 .block-content .block-more {
  color: #222 !important;
}
/* line 190, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #popup197 .block-content {
  background: #FEEE00;
  /* The Fallback */
  background: rgba(254, 238, 0, 1);
  color: #222 !important;
	
}
/* END OFF-ROAD */

/* line 199, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu4:hover,
#custommenu #menu4:active,
#custommenu #menu4.act,
#custommenu #menu4.active,
#custommenu #menu-mobile-4,
#custommenu #popup4,
#custommenu #popup4 .block-content {
  background-color: #333333;
}


/* line 201, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu4:hover .block-more,
#custommenu #menu4:active .block-more,
#custommenu #menu4.act .block-more,
#custommenu #menu4.active .block-more,
#custommenu #menu-mobile-4 .block-more,
#custommenu #popup4 .block-more,
#custommenu #popup4 .block-content .block-more {
  color: #333333 !important;
}
/* line 205, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #popup4 .block-content {
  background: #333333;
  /* The Fallback */
  background: rgba(51, 51, 51, 0.8);
}
/* line 214, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu5:hover,
#custommenu #menu5:active,
#custommenu #menu5.act,
#custommenu #menu5.active,
#custommenu #menu-mobile-5,
#custommenu #popup5,
#custommenu #popup5 .block-content {
  background-color: #8abc10;
}
/* line 216, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu5:hover .block-more,
#custommenu #menu5:active .block-more,
#custommenu #menu5.act .block-more,
#custommenu #menu5.active .block-more,
#custommenu #menu-mobile-5 .block-more,
#custommenu #popup5 .block-more,
#custommenu #popup5 .block-content .block-more {
  color: #8abc10 !important;
}
/* line 220, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #popup5 .block-content {
  background: #8abc10;
  /* The Fallback */
  background: rgba(138, 188, 16, 0.8);
}
/* line 229, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu6:hover,
#custommenu #menu6:active,
#custommenu #menu6.act,
#custommenu #menu6.active,
#custommenu #menu-mobile-6,
#custommenu #popup6,
#custommenu #popup6 .block-content {
  background-color: #ec7901;
}
/* line 231, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu6:hover .block-more,
#custommenu #menu6:active .block-more,
#custommenu #menu6.act .block-more,
#custommenu #menu6.active .block-more,
#custommenu #menu-mobile-6 .block-more,
#custommenu #popup6 .block-more,
#custommenu #popup6 .block-content .block-more {
  color: #ec7901 !important;
}
/* line 235, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #popup6 .block-content {
  background: #ec7901;
  /* The Fallback */
  background: rgba(236, 121, 1, 0.8);
}
/* line 244, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu7:hover,
#custommenu #menu7:active,
#custommenu #menu7.act,
#custommenu #menu7.active,
#custommenu #menu-mobile-7,
#custommenu #popup7,
#custommenu #popup7 .block-content {
  background-color: #b45e33;
}
/* line 246, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu7:hover .block-more,
#custommenu #menu7:active .block-more,
#custommenu #menu7.act .block-more,
#custommenu #menu7.active .block-more,
#custommenu #menu-mobile-7 .block-more,
#custommenu #popup7 .block-more,
#custommenu #popup7 .block-content .block-more {
  color: #b45e33 !important;
}
/* line 250, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #popup7 .block-content {
  background: #b45e33;
  /* The Fallback */
  background: rgba(180, 94, 51, 0.8);
}
/* line 259, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu8:hover,
#custommenu #menu8:active,
#custommenu #menu8.act,
#custommenu #menu8.active,
#custommenu #menu-mobile-8,
#custommenu #popup8,
#custommenu #popup8 .block-content {
  background-color: #b9282f;
}
/* line off-road, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu6:hover,
#custommenu #menu6:active,
#custommenu #menu6.act,
#custommenu #menu6.active,
#custommenu #menu-mobile-16,
#custommenu #popup16,
#custommenu #popup16 .block-content {
  background-color: #FEEE00;
}
/* line 261, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu8:hover .block-more,
#custommenu #menu8:active .block-more,
#custommenu #menu8.act .block-more,
#custommenu #menu8.active .block-more,
#custommenu #menu-mobile-8 .block-more,
#custommenu #popup8 .block-more,
#custommenu #popup8 .block-content .block-more {
  color: #b9282f !important;
}
/* line 265, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #popup8 .block-content {
  background: #b9282f;
  /* The Fallback */
  background: rgba(185, 40, 47, 0.8);
}
/* line 274, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu15:hover,
#custommenu #menu15:active,
#custommenu #menu15.act,
#custommenu #menu15.active,
#custommenu #menu-mobile-15,
#custommenu #popup15,
#custommenu #popup15 .block-content {
  background-color: #111111;
}
/* line 276, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu15:hover .block-more,
#custommenu #menu15:active .block-more,
#custommenu #menu15.act .block-more,
#custommenu #menu15.active .block-more,
#custommenu #menu-mobile-15 .block-more,
#custommenu #popup15 .block-more,
#custommenu #popup15 .block-content .block-more {
  color: #111111 !important;
}
/* line 280, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #popup15 .block-content {
  background: #111111;
  /* The Fallback */
  background: rgba(17, 17, 17, 0.8);
}
/* line 290, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu4529:hover,
#custommenu #menu4529:active,
#custommenu #menu4529.act,
#custommenu #menu4529.active,
#custommenu #menu-mobile-4529,
#custommenu #popup4529,
#custommenu #popup4529 .block-content {
  background-color: #FEEE00;
}
/* line 292, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu #menu4529:hover .block-more,
#custommenu #menu4529:active .block-more,
#custommenu #menu4529.act .block-more,
#custommenu #menu4529.active .block-more,
#custommenu #menu-mobile-4529 .block-more,
#custommenu #popup4529 .block-more,
#custommenu #popup4529 .block-content .block-more {
  color: #FEEE00 !important;
}

/* line 301, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .parentMenu {
  border: none !important;
}
/* line 304, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .level0 {
  background-color: transparent !important;
  color: #fff !important;
}
/* line 308, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile #menu-mobile-3 {
  background-color: #FEEE00 !important;
}
/* line 311, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile #menu-mobile-4 {
  background-color: #333333 !important;
}
/* line 314, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile #menu-mobile-5 {
  background-color: #8abc10 !important;
}
/* line 317, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile #menu-mobile-6 {
  background-color: #ec7901 !important;
}
/* line 320, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile #menu-mobile-7 {
  background-color: #b45e33 !important;
}
/* line 323, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile #menu-mobile-8 {
  background-color: #b9282f !important;
}
/* line 326, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile #menu-mobile-15 {
  background-color: #111111 !important;
}
#custommenu-mobile #menu-mobile-16 {
  background-color: #FEEE00 !important;
}

/* line 332, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.level1 {
  margin-bottom: 5px;
}

/* line 335, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.level2 {
  margin-bottom: 5px;
}

/* line 338, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.block2 {
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

/* line 344, ../../../scss/webandpeople/custommenu/custommenu.scss */
a.level1:link, a.level1:visited {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  border-radius: 2px;
}

/* line 350, ../../../scss/webandpeople/custommenu/custommenu.scss */
a.level2:link, a.level2:visited {
  padding: 3px 10px;
  border-radius: 2px;
}

/* Clearfix */
/* line 355, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.block2:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 363, ../../../scss/webandpeople/custommenu/custommenu.scss */
html[xmlns] div.block2 {
  display: block;
}

/* line 366, ../../../scss/webandpeople/custommenu/custommenu.scss */
* html div.block2 {
  height: 1%;
}

/* line 369, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.block2 p {
  margin-bottom: 3px;
  line-height: 120%;
  color: #000;
  font-size: 11px;
}

/* line 375, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.block2 p a {
  display: inline;
}

/* line 378, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.block2 a img {
  opacity: .9;
  filter: alpha(opacity=90);
}

/* line 382, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.block2 a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

/* line 390, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.block2 .brand a:hover img {
  -webkit-transition: all 0;
  -moz-transition: all 0;
  -ms-transition: all 0;
  transition: all 0;
}

/* line 396, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.wp-custom-menu-popup hr {
  margin: 0px 0px 10px 0px;
}

/******************************************* COLUMN WIDTH ***************************** */
/* line 400, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.column {
  float: left;
  padding: 0;
  margin: 0px 0px 0px 0px;
}

/*end COLUMN WIDTH  */
/* line 408, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.itemSubMenu {
  margin-left: 0px;
}

/* line 411, ../../../scss/webandpeople/custommenu/custommenu.scss */
.clearBoth {
  clear: both;
  height: 0;
  overflow: hidden;
}

/* line 416, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.level1 {
  margin-bottom: 0px;
}

/**
 * BACKGROUND
 * ---------------------------------------------------------------------------- */
/* line 426, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.wp-custom-menu-popup {
  background-color: #fbfbfb;
  border: solid 1px #cccccc;
}

/* line 432, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.menu a:hover {
  background: #f1f1f1;
}

/* line 435, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.menu a, div.wp-custom-menu-popup a {
  -webkit-transition: all .1s linear;
  -moz-transition: all .1s linear;
  -ms-transition: all .1s linear;
  transition: all .1s linear;
}

/* line 441, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.menu .brand a, div.wp-custom-menu-popup .brand a {
  -webkit-transition: all 0s linear;
  -moz-transition: all 0s linear;
  -ms-transition: all 0s linear;
  transition: all 0s linear;
}

/**
 * FONTS
 * ---------------------------------------------------------------------------- */
/* line 452, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.menu {
  font-weight: normal;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  line-height: 0;
}

/* line 459, ../../../scss/webandpeople/custommenu/custommenu.scss */
a.level1:link, a.level1:visited {
  text-transform: uppercase;
  font-weight: normal;
	color: #222;
}

/* line 463, ../../../scss/webandpeople/custommenu/custommenu.scss */
a.level2:link, a.level2:visited {
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  margin-left: 20px;
}

/**
 * COLOR
 * ---------------------------------------------------------------------------- */
/* line 474, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu {
  background-color: #5b5b5b;
  color: #333;
}

/* line 477, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.menu a:link, div.menu a:visited {
  background-color: transparent;
  color: #000;
  text-transform: uppercase;
}

/* line 482, ../../../scss/webandpeople/custommenu/custommenu.scss */
a.level1:link, a.level1:visited {
  color: #636363;
}

/* line 485, ../../../scss/webandpeople/custommenu/custommenu.scss */
a.level2:link, a.level2:visited {
  color: #636363;
}

/* line 490, ../../../scss/webandpeople/custommenu/custommenu.scss */
div.menu a:hover,
div.menu.act a,
div.menu.active a {
  color: #3399cc;
}

/* line 493, ../../../scss/webandpeople/custommenu/custommenu.scss */
a.level1:hover, a.level1.act, a.level1.actParent {
  color: #3399cc;
}

/* line 496, ../../../scss/webandpeople/custommenu/custommenu.scss */
a.level2:hover, a.level2.act, a.level2.actParent {
  color: #3399cc;
}

/* line 499, ../../../scss/webandpeople/custommenu/custommenu.scss */
.block2 table.brand {
  float: left;
}

/* line 502, ../../../scss/webandpeople/custommenu/custommenu.scss */
.block2 .single_menu_product {
  float: left;
  position: relative;
  max-width: 150px;
  overflow: hidden;
  margin-right: 20px;
  margin-left: 0px;
}

/*MOBILE MENU STYLES*/
/* line 511, ../../../scss/webandpeople/custommenu/custommenu.scss */
#menu-button, .parentMenu {
  display: inline-block;
}

/* line 514, ../../../scss/webandpeople/custommenu/custommenu.scss */
html[xmlns] #menu-button, html[xmlns] .parentMenu {
  display: block;
}

/* line 517, ../../../scss/webandpeople/custommenu/custommenu.scss */
* html #menu-button, * html .parentMenu {
  height: 1%;
}

/* line 520, ../../../scss/webandpeople/custommenu/custommenu.scss */
#menu-button:after, .parentMenu:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 528, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile {
  position: relative;
  margin: 0 auto;
  padding: 0;
  z-index: 999;
}

/* line 534, ../../../scss/webandpeople/custommenu/custommenu.scss */
#menu-button {
  float: none;
  padding: 10px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  display: none;
}

/* line 543, ../../../scss/webandpeople/custommenu/custommenu.scss */
#menu-button a:link, #menu-button a:visited {
  color: #fff;
  display: block;
  float: left;
  margin-left: 45%;
  position: relative;
  padding: 0px 10px;
}

/* line 551, ../../../scss/webandpeople/custommenu/custommenu.scss */
#menu-button a span:after {
  display: block;
  position: relative;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid #dadada;
  margin: 8px 0px 0px 5px;
  float: right;
  opacity: 0.7;
}

/* line 564, ../../../scss/webandpeople/custommenu/custommenu.scss */
#menu-button:hover {
  cursor: pointer;
}

/* line 567, ../../../scss/webandpeople/custommenu/custommenu.scss */
#menu-button:hover a:after {
  opacity: 1;
}

/* line 570, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile div.column {
  float: none;
  padding: 5px;
  background: #fff;
}

/* line 575, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile a.itemMenuName {
  display: block;
  text-align: left;
}

/* line 579, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile div.menu-button, .menu-mobile div.menu-mobile {
  float: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
  border-bottom: 1px solid #fff;
}

/* line 586, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile div.column {
  float: none;
  width: 100%;
  padding: 0px 0;
  margin: 0px 0px 0px 0px;
}

/* line 592, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
  margin-top: 0px;
  margin-bottom: 0;
  padding: 10px 10px;
  border-radius: 2px;
  color: #000;
}

/* line 599, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile a.level2:link, .menu-mobile a.level2:visited {
  padding: 10px 10px;
  border-radius: 2px;
}

/* line 603, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {
  color: #555;
}

/* line 606, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile a.level1:hover {
  background-color: #f1f1f1;
}

/* line 609, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile .parent {
  background-color: #fff;
}

/*buttons level 01*/
/* line 613, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile .parentMenu {
  padding: 0px 0px;
  display: block;
  text-align: left;
  border-bottom: 1px solid #dadada;
}

/* line 620, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile .parentMenu a:link,
.menu-mobile .parentMenu a:visited {
  padding: 10px 0px 10px 10px;
  margin-right: 80px;
  color: #636363;
  display: block;
}

/* line 626, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile .parentMenu:hover {
  cursor: pointer;
}

/* line 629, ../../../scss/webandpeople/custommenu/custommenu.scss */
.parentMenu {
  position: relative;
}

/* line 632, ../../../scss/webandpeople/custommenu/custommenu.scss */
.parentMenu a {
  display: block;
}

/* line 635, ../../../scss/webandpeople/custommenu/custommenu.scss */
#menu-button {
  cursor: pointer;
}

/* line 638, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile div.level2 {
  margin-bottom: 0;
}

/* line 641, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile a:hover {
  text-decoration: none;
}

/* line 645, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile.level0 .parentMenu a:link,
.menu-mobile.level0 .parentMenu a:visited {
  text-transform: uppercase;
}

/* line 651, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited,
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
  text-transform: none;
}

/* line 655, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited {
  margin-left: 20px;
}

/* line 659, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
  margin-left: 40px;
}

/* line 664, ../../../scss/webandpeople/custommenu/custommenu.scss */
.menu-mobile .parentMenu a:hover,
.menu-mobile .parentMenu a.act,
.menu-mobile .parentMenu a.actParent {
  color: #3399cc;
}

/* line 667, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .button {
  cursor: pointer;
  position: absolute;
  right: 1%;
  top: 0px;
  display: block;
  width: 80px;
  height: 38px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);
}

/* line 680, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .button.open {
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 90% 50%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);
}

/* line 686, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .level1 .button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);
}

/* line 689, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .level1 .button.open {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);
}

/*BG*/
/* line 698, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .parentMenu:hover a:link,
#custommenu-mobile .parentMenu:hover a:visited,
#custommenu-mobile .parentMenu:hover,
#custommenu-mobile .parentMenu:focus a:link,
#custommenu-mobile .parentMenu:focus a:visited,
#custommenu-mobile .parentMenu:focus {
  background-color: #111;
}

/* line 701, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .level0 {
  background-color: #ededed;
}

/* line 704, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .level1 {
  background-color: #e4e4e4;
}

/* line 707, ../../../scss/webandpeople/custommenu/custommenu.scss */
#custommenu-mobile .level2 {
  background-color: #f1f1f1;
}
#magestore-bannerslider-popup{
	padding: 2px;
    position: fixed;
    z-index: 19990;
	background: #fff;
	border: 2px;
}
#magestore-bannerslider-popup-close{
	cursor: pointer;
    height: 22px;
	width:22px;
    position: absolute;
    right: 0px;
    top: -25px;   
    z-index: 19999;
	background:url(https://shark-helmets.com/skin/frontend/base/default/css/magestore/bannerslider/image/close-tiny.png) no-repeat center;
}
#bg_fade {
    background-color: #000000;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
	opacity: 0.7;
}
.mainDiv
{
	margin:10px 0px;
}
.fileTitleDiv
{
    float: left;
	margin-right:20px;
	width:150px;
}
.fileImageDiv
{
	margin-right:10px;
	float: left;
}

@font-face {
    font-family: 'icomoon';
    src:    url('https://shark-helmets.com/skin/frontend/shark/default/fonts/icomoon.eot?c2we6d');
    src:    url('https://shark-helmets.com/skin/frontend/shark/default/fonts/icomoon.eot?c2we6d#iefix') format('embedded-opentype'),
        url('https://shark-helmets.com/skin/frontend/shark/default/fonts/icomoon.ttf?c2we6d') format('truetype'),
        url('https://shark-helmets.com/skin/frontend/shark/default/fonts/icomoon.woff?c2we6d') format('woff'),
        url('https://shark-helmets.com/skin/frontend/shark/default/fonts/icomoon.svg?c2we6d#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-pinterest:before {
    content: "\e90a";
}
.icon-instagram:before {
    content: "\e90b";
}
.icon-twitter:before {
    content: "\e90c";
}
.icon-facebook:before {
    content: "\e90d";
}
.icon-chevron-up:before {
    content: "\e900";
}
.icon-chevron-right:before {
    content: "\e901";
}
.icon-chevron-left:before {
    content: "\e902";
}
.icon-chevron-down:before {
    content: "\e903";
}
.icon-file:before {
    content: "\e908";
}
.icon-mail:before {
    content: "\e90e";
}


/* line 12, ../../scss/gardenmedia/select.scss */
.dropcontainer {
  position: relative;
  font-size: 16px;
  color: #777;
}

/* line 18, ../../scss/gardenmedia/select.scss */
.trigger {
  color: #777;
  padding: 5px 10px;
  font-size: 16px;
  width: 100%;
  background: white url(https://shark-helmets.com/skin/frontend/shark/default/images/select-arrow-down-dark.png) 98% center no-repeat;
  background-size: 30px;
  display: block;
  border: 0;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 36, ../../scss/gardenmedia/select.scss */
.trigger:hover {
  color: #777;
  background: whitesmoke url(https://shark-helmets.com/skin/frontend/shark/default/images/select-arrow-down-dark.png) 98% center no-repeat;
  background-size: 30px;
}

/* line 43, ../../scss/gardenmedia/select.scss */
.activetrigger {
  color: #777;
  padding: 5px 10px;
  font-size: 16px;
  width: 100%;
  background: whitesmoke url(https://shark-helmets.com/skin/frontend/shark/default/images/select-arrow-up-dark.png) 98% center no-repeat;
  background-size: 30px;
  display: block;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 56, ../../scss/gardenmedia/select.scss */
.activetrigger:hover {
  background: whitesmoke url(https://shark-helmets.com/skin/frontend/shark/default/images/select-arrow-up-dark.png) 98% center no-repeat;
  color: #777;
  background-size: 30px;
}
/* line 62, ../../scss/gardenmedia/select.scss */
.activetrigger:active {
  background: url(https://shark-helmets.com/skin/frontend/shark/default/images/select-arrow-up-dark.png) 98% center no-repeat;
  color: #777;
  background-size: 30px;
}

/* line 71, ../../scss/gardenmedia/select.scss */
.dropcontainer ul {
  position: absolute;
  font-size: 16px;
  border: 1px solid whitesmoke;
  border-radius: 6px;
  background: #fff;
  list-style-type: none;
  padding: 10px;
  margin: 0;
  width: 100%;
  z-index: 100;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 86, ../../scss/gardenmedia/select.scss */
.dropcontainer ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 10px solid whitesmoke;
  border-bottom: none;
}
/* line 103, ../../scss/gardenmedia/select.scss */
.dropcontainer li {
  padding: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* line 110, ../../scss/gardenmedia/select.scss */
.dropcontainer li:hover {
  background: #f5f5f5;
  outline: none;
}
/* line 115, ../../scss/gardenmedia/select.scss */
.dropcontainer li:last-child {
  border-bottom: none;
}

/* line 123, ../../scss/gardenmedia/select.scss */
.block-layered-nav.sticky .dropcontainer ul {
  top: 0;
}
/* line 125, ../../scss/gardenmedia/select.scss */
.block-layered-nav.sticky .dropcontainer ul:before {
  display: none;
}
/* line 128, ../../scss/gardenmedia/select.scss */
.block-layered-nav.sticky .dropcontainer ul:after {
  content: '';
  position: absolute;
  top: -10px !important;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  display: block;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fff;
  border-top: none;
}

/* line 147, ../../scss/gardenmedia/select.scss */
.dropdownhidden {
  display: none;
}

/* line 151, ../../scss/gardenmedia/select.scss */
.dropdownvisible {
  height: auto;
}

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * 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 through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_default
 * @copyright   Copyright (c) 2014 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* line 3, ../../scss/gardenmedia/button-to-top.scss */
#gm-button-to-top {
  position: fixed;
  bottom: 10px;
  right: 10px;
  cursor: pointer;
  z-index: 999;
  width: 45px;
  height: 45px;
  line-height: 50px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  border: 3px solid rgba(51, 51, 51, 0.7);
  opacity: 0;
  -webkit-transition: opacity 300ms ease;
  -webkit-transition-delay: 0;
  -moz-transition: opacity 300ms ease 0;
  -o-transition: opacity 300ms ease 0;
  transition: opacity 300ms ease 0;
}
/* line 18, ../../scss/gardenmedia/button-to-top.scss */
#gm-button-to-top i {
  font-size: 24px;
  color: #333333;
}
/* line 22, ../../scss/gardenmedia/button-to-top.scss */
#gm-button-to-top.show {
  opacity: 0.6;
}
/* line 25, ../../scss/gardenmedia/button-to-top.scss */
#gm-button-to-top.show:hover {
  opacity: 1;
}

#narrow-by-list .filterBox{
	width:300px;
	float: left;
}
#narrow-by-list{
	clear: both;
	overflow: hidden;
}

.filterBox .search {
    display: table;
}

.filterBox .search input[type=text] {
    display: table-cell;
    width: 70%;
    height: 34px;
    border: none;
    border-radius: 5px 0 0 5px;
    vertical-align: middle;
}
.filterBox .search input[type=submit] {
    display: table-cell;
    width: 30%;
    height: 34px;
    border-radius: 0 5px 5px 0;
    vertical-align: middle;
}
/*
@media only screen and (max-width: 770px) {
    .products-list .item {
        overflow: hidden;
        .product-additional {
            position: relative;
            top: 30px;
            ul{
                padding: 2em 1em;
                position: absolute;
                width: 100%;
                h4 {
                    cursor: pointer;
                    background: #cccccc;
                }
                :not(h4) {
                    display: none;
                }
                &.active{
                    position: relative;
                    h4 {
                        background: #E8E8E8;
                    }
                    :not(h4) {
                        display: inline-block;
                    }
                    z-index: 99;
                }
                &:nth-child(2) {
                    h4 {
                        left: 120px;
                    }
                }
            }
        }
    }
    .main {
        .block-layered-nav {
            background: none;
            > div {
                width: 100%;
                padding-top: 0;
                overflow: hidden;
                background: none;
                margin-top: 0px;
                .block-subtitle{
                    cursor: pointer;
                    z-index: 99;
                    &:after{
                        border-top: 8px solid #a0a0a0;
                        border-bottom: none;
                        border-left: 8px solid transparent;
                        border-right: 8px solid transparent;
                    }
                }
                #narrow-by-list, #narrow-by-list2 {
                    transform: translateY(-100%);
                    transition: transform ease 500ms;
                    background: #333;
                    .filter-count{
                        clear: both;
                    }
                    .filterBox{
                        padding-right: 12px;
                    }
                }
                &.active {
                    #narrow-by-list, #narrow-by-list2 {
                        display: block;
                        transform: translateY(0);
                    }
                    .block-subtitle:after{
                        border-top: none;
                        border-bottom: 8px solid #a0a0a0;
                        border-left: 8px solid transparent;
                        border-right: 8px solid transparent;
                    }
                }
            }
        }
    }
}
*/
/* ============================================ *
 * Layered Navigation
 * ============================================ */
/**
.block-layered-nav {
    border-top: 4px solid darken($c-darkgray, 25%);
    background: $c-darkgray;
    
    @include animated;
    
    #narrow-by-list, #narrow-by-list2 {
        border: none;
        overflow: visible;
        float: left;
        width: 100%;
    }   
}

.block-layered-nav .block-subtitle--filter {
    // Will be shown at smaller viewports
    display: none;
    @include accordionDtBase;
    cursor: pointer;
}

.block-layered-nav .block-content {
    // Accordions are fully expanded until a smaller resolution.
    @include accordion;
}

.block-layered-nav dl dd {
    margin-bottom: $box-spacing;
    margin-top: $box-spacing;

    ol > li > span, ol > li > a {
        padding: 5px 15px;
        display: block;
    }
    ol > li > a .count {
        color: $c-text-gray;
    }
}

.filterBox {
    
    position: relative;
    select {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
           
    a {
        &:hover {
            text-decoration: none;
        }
    }
}

@include bp(min-width, $bp-medium+1) {
    
    .block-layered-nav {
        float: left;
        width: 100%;
        border-top: 4px solid darken($c-darkgray, 5%);
        background: $c-darkgray;
        
        .block-content {
            margin: 0;
        }
    
    &.sticky {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999999;
        width: 100%;
        margin: 0;
        
        .block-content {
        }
        
        .currently {
            padding: 5px 20px;
        }
        #narrow-by-list {
            padding: 5px 20px 5px;
        }
    }
        
        .currently {
            display: table;
            padding: 20px;
            background: #e8e8e8;
            color: #333;
            width: 100%;
            border: 4px solid;
            border-top:none;
            & > * {
                display: table-cell !important;
                vertical-align: top;
            }
            .block-subtitle {
                width: 20%;
            }
            ol li li {
                color: $c-action;
            }
            .btn-remove {
                background: $c-action;
                border: none;
                margin-right: 100px;
                &:after {
                    color: #e8e8e8 !important;
                }
                &:hover {
                    background: $c-action;
                }
            }
        }
        .actions {
            margin: -25px 0 0;
            padding: 0;
            background: #e8e8e8;
            float: right;
            a {
                display: inline-block;
                float: right;
                background: #333;
                padding: 2px 10px;
                color: #999;
                font-size: 12px;
                border-top-left-radius: 5px;
            }
        }
        
        #narrow-by-list {
            padding: 5px 20px 5px;
        }
    }
    
    .block-layered-nav .block-content > dl > dt {
        padding-left: 10px;

        &:after {
            display: none;
        }
    }
    
    .block-layered-nav {
        
        .filter-label {
            width: 150px;
            float: left;
            
            label {
                margin-top: -3px;
                font-size: 200%;
                font-weight: 100;
                text-transform: uppercase;
                color: #cccccc;
                @include text-shadow(1px 1px 0 rgba(0,0,0,1) );
            }  
        }
        
        .filterBox {
            width: 200px !important;
            float: left;
            margin-right: 1em;
            margin-bottom: 0 !important;
        }

        .filter-count {
            margin-top: 6px;
            float: right;
            font-size: 120%;
            font-weight: 200;
            letter-spacing: .1em;
            text-transform: uppercase;
            color: #aaaaaa;
            @include text-shadow(1px 1px 0 rgba(0,0,0,1) );
            
        }        
        
    }
}

@include bp(max-width, $bp-medium) {
    .sidebar .block.block-layered-nav {
        border-bottom: none;
    }

    // We don't want "Shop By" to show when there are no filters applied, as the "Filter" link will suffice
    .block-layered-nav--no-filters .block-title {
        display: none;
    }

    // Remove the top padding and re-add it as margin-top so that the margin will collapse with elements above it
    .block-layered-nav .block-content {
        padding-top: 0;
        @include accordionCollapse;
    }

    .block-layered-nav .block-subtitle--filter {
        background-color: $c-darkgray;
        border: 0;
        margin-bottom: 0;
        display: block;
        color: $c-subtle;
        font-size: 150%;
        font-weight: 100;

        &:after {
            @include triangle(right, 8px, $c-subtle);
            right: 10px;
            left: auto;
            top: 50%;
            margin-top: -8px;
        }

        &:hover {
            background-color: $c-button-hover;
            color: #FFFFFF;
        }

        &.active:after {
            @include triangle(down, 8px, #FFFFFF);
            right: 10px;
            top: 50%;
            margin-top: -3px;
        }
    }

    #narrow-by-list,
    #narrow-by-list2 {
        padding: $box-spacing;
        border: 1px solid $c-module-border;
        border-top: 0;
    }
    
    .filter-label {
        display: none;
    }
    
    .filterBox {
        
        margin-bottom: $gap;
        
    }

    .block-layered-nav dl ol > li > a,
    .block-layered-nav dl ol > li > span {
        padding: 7px;
        margin: 5px;
    }

    .block-layered-nav dl ol > li > a {
        @include touch-button;

        &:hover {
            text-decoration: none;
            background: shade($c-module-background, 5%);
        }
    }
}

.block-layered-nav .currently {
    .block-subtitle {
        display: block;
        @include h4;
    }

    ol {
        padding-left: $box-spacing;
        margin-bottom: $box-spacing;
    }
    ol li {
        margin-bottom: 5px;

        .label {
            font-weight: bold;
        }

        &:after {
            @include clearfix;
        }
    }
}

.block-layered-nav .actions {
    text-align: right;
}
*/