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

/**
 * 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 5, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container {
  position: relative;
  padding: 0 20px;
}
/* line 11, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .previous,
.scroll-container .bottom,
.scroll-container .top,
.scroll-container .next {
  position: absolute;
  display: block;
}
/* line 14, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .previous span,
.scroll-container .bottom span,
.scroll-container .top span,
.scroll-container .next span {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: 0;
  cursor: pointer;
  z-index: 999;
  border-radius: 50%;
  text-align: center;
  padding-top: 0px;
  color: #ffffff;
  font-size: 35px;
  font-weight: 100;
  opacity: 0;
  filter: alpha(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 37, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .previous.hide,
.scroll-container .bottom.hide,
.scroll-container .top.hide,
.scroll-container .next.hide {
  display: none;
}
/* line 39, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .previous.dark span,
.scroll-container .bottom.dark span,
.scroll-container .top.dark span,
.scroll-container .next.dark span {
  color: #696969;
}
/* line 50, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container:hover .previous span, .scroll-container:hover .next span, .scroll-container:hover .top span, .scroll-container:hover .bottom span {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* line 57, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .previous,
.scroll-container .next {
  top: 0;
  bottom: 0;
  width: 65px;
  height: 100%;
}
/* line 62, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .previous span,
.scroll-container .next span {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
/* line 67, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .previous {
  left: -20px;
}
/* line 69, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .previous span {
  left: 0;
}
/* line 73, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .next {
  right: -20px;
}
/* line 75, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .next span {
  right: 0;
}
/* line 80, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .bottom,
.scroll-container .top {
  width: 100%;
  height: 40px;
  left: 0;
  right: 0;
}
/* line 85, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .bottom span,
.scroll-container .top span {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
/* line 90, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .bottom {
  bottom: -40px;
}
/* line 92, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .bottom span {
  bottom: 0;
}
/* line 96, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .top {
  top: -40px;
}
/* line 98, ../../scss/gardenmedia/jeScroll.scss */
.scroll-container .top span {
  top: 0;
}

@media only screen and (max-width: 979px) {
  /* line 107, ../../scss/gardenmedia/jeScroll.scss */
  .scroll-container .previous span,
  .scroll-container .next span {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.scroll-container {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

/* line 1, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

/* line 6, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .threesixty_images {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 12, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .threesixty_images img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
}

/* line 20, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .threesixty_images img.previous-image {
  visibility: hidden;
  width: 0;
}

/* line 24, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .threesixty_images img.current-image {
  visibility: visible;
}

/* line 27, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .spinner {
  width: 60px;
  display: block;
  margin: 0 auto;
  height: 30px;
  background: #333;
  background: rgba(0, 0, 0, 0.7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

/* line 38, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .spinner span {
  font-family: Arial, "MS Trebuchet", sans-serif;
  font-size: 12px;
  font-weight: bolder;
  color: #FFF;
  text-align: center;
  line-height: 30px;
  display: block;
}

/* line 47, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .nav_bar {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 11;
}

/* line 53, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .nav_bar a {
  display: block;
  width: 32px;
  height: 32px;
  float: left;
  background: url(https://shark-helmets.com/skin/frontend/shark/default/css/gardenmedia/gmcatalog/images/sprites.png) no-repeat;
  text-indent: -99999px;
}

/* line 61, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .nav_bar a.nav_bar_play {
  background-position: 0 0 !important;
}

/* line 64, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .nav_bar a.nav_bar_previous {
  background-position: 0 -73px !important;
}

/* line 67, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .nav_bar a.nav_bar_stop {
  background-position: 0 -37px !important;
}

/* line 70, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty .nav_bar a.nav_bar_next {
  background-position: 0 -104px !important;
}

/* html */
/* line 74, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty:-webkit-full-screen {
  background: #ffffff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 200px;
}

/* line 81, ../../../scss/gardenmedia/gmcatalog/threesixty.scss */
.threesixty:-moz-full-screen {
  background: #ffffff;
  width: 100%;
  height: 100%;
  margin-top: 0;
  padding-top: 200px;
}