/**
 * Magento Enterprise Edition
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Magento Enterprise Edition End User License Agreement
 * that is bundled with this package in the file LICENSE_EE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://www.magento.com/license/enterprise-edition
 * 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@magento.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.magento.com for more information.
 *
 * @category    design
 * @package     enterprise_default
 * @copyright Copyright (c) 2006-2015 X.commerce, Inc. (http://www.magento.com)
 * @license http://www.magento.com/license/enterprise-edition
 */
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { margin:10px 0; }
.widget .widget-title h2 { font-size:18px; color:#d12c01; }

.widget .widget-products { margin:0 -20px 0; }
.cms-home .col1-layout .widget .widget-products,
.cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; }
.col-main > .widget { display:block; margin:40px 0 0; }
.col-main > .widget + .widget { margin-top:20px; }

/* std class reset */
.widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; }
.widget .products-grid p,
.widget .products-list p { margin-bottom:0; }
.widget .products-list { list-style:none; margin-bottom:0; padding-left:0; }
.widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; }

/* Widget Banner */
.widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; }
.widget-banner li { margin:7px 0; }

.top-container .widget-banner li { margin:0; }

.footer-before-container .widget-banner li { margin:0; }

.widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; }
.widget-banner-inline ul,
.widget-banner-inline li { display:inline; }
.widget-banner-inline li { margin:0 3px; }
.widget-banner-inline li img { vertical-align:middle; }

/* Widget New Proructs */
.widget-new-products { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; }

/* Widget Viewed Proructs */
.widget-viewed { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; }

/* Widget Compared Proructs */
.widget-compared { display:block; margin:10px 0; }
.checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; }

/* Widget CMS Static Block */
.widget-static-block {}

/* Widget Catalog Events Carousel */
.widget-events { display:block !important; }

/* Widgets Links Common Styles */
/* Style 1 */
/*.top-container .widget-product-link,
.top-container .widget-category-link,
.top-container .widget-cms-link,
.top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; }
.top-container .widget-product-link a,
.top-container .widget-category-link a,
.top-container .widget-cms-link a,
.top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; }
.top-container .widget-product-link a:hover,
.top-container .widget-category-link a:hover,
.top-container .widget-cms-link a:hover,
.top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/
/* Style 2 */
.top-container .widget-product-link,
.top-container .widget-category-link,
.top-container .widget-cms-link,
.top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; }
.top-container .widget-product-link a,
.top-container .widget-category-link a,
.top-container .widget-cms-link a,
.top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; }
.top-container .widget-product-link a:hover,
.top-container .widget-category-link a:hover,
.top-container .widget-cms-link a:hover,
.top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; }

.footer-before-container .widget-product-link,
.footer-before-container .widget-category-link,
.footer-before-container .widget-cms-link,
.footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; }
.footer-before-container .widget-product-link a,
.footer-before-container .widget-category-link a,
.footer-before-container .widget-cms-link a,
.footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; }
.footer-before-container .widget-product-link a:hover,
.footer-before-container .widget-category-link a:hover,
.footer-before-container .widget-cms-link a:hover,
.footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; }

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

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { font-size:12px; background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-product-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ }
.sidebar .widget-product-link a { font-size:12px; background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-product-link a:hover { color:#333; text-decoration:none; }

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

.top-container .widget-category-link { border-bottom:0; }
.top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-links2.gif); background-color:#f9d2c1; }
.top-container .widget-category-link a:hover { color:#fff; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { font-size:12px; background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-category-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ }
.sidebar .widget-category-link a { font-size:12px; background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-category-link a:hover { color:#333; text-decoration:none; }

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

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { font-size:12px; background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-cms-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ }
.sidebar .widget-cms-link a { font-size:12px; background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; }

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

.col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; }
.col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; }

.sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ }
.sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(http://cdn.weldenbags.com/skin/frontend/enterprise/default/images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; }
.sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; }

/* Widget SKU */
/* .widget-sku {} */
/* ======================================================================================= */

@charset "UTF-8";
/* Library Includes */
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s; }

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0); }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0); }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0); } }

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom; }

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1; }

  25%, 75% {
    opacity: 0; } }

.flash {
  -webkit-animation-name: flash;
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1); }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1); }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1); }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1); }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand; }

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

.shake {
  -webkit-animation-name: shake;
  animation-name: shake; }

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg); }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg); }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg); }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg); }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing; }

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.tada {
  -webkit-animation-name: tada;
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes slide {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }

  20% {
    opacity: 1;
    -webkit-transform: translateX(0px); }

  80% {
    opacity: 1;
    -webkit-transform: translateX(0px); }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%); } }

@-moz-keyframes slide {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }

  20% {
    opacity: 1;
    -moz-transform: translateX(0px); }

  80% {
    opacity: 1;
    -moz-transform: translateX(0px); }

  100% {
    opacity: 0;
    -moz-transform: translateX(100%); } }

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%); }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px); } }

@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%); }

  100% {
    opacity: 1;
    -moz-transform: translateX(0px); } }

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none; }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble; }

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03); }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97); }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0); }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0); }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0); }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0); }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9); }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

@keyframes fadeOutDown {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

@keyframes fadeOutDownBig {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

@keyframes fadeOutLeft {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

@keyframes fadeOutRight {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

@keyframes fadeOutRightBig {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

@keyframes fadeOutUp {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

@keyframes fadeOutUpBig {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out; }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip; }

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX; }

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); } }

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0; }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY; }

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px); }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px); }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px); }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s; }

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1; }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1; }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1; }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

@keyframes lightSpeedOut {
  0% {
    opacity: 1; }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1; }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1; }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0; } }

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0, 0, 1, 45deg);
    -ms-transform: rotate(0, 0, 1, 45deg);
    transform: rotate(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1; }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1; }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out; }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1; }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; } }

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

@keyframes rollOut {
  0% {
    opacity: 1; }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut; }

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  50% {
    opacity: 1; } }

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  50% {
    opacity: 1; } }

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  100% {
    opacity: 0; } }

@keyframes zoomOut {
  0% {
    opacity: 1; }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3); }

  100% {
    opacity: 0; } }

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center; } }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center; } }

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center; } }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }

  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center; } }

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp; }

.cms-index-index, .catalog-product-view {
  /*hide pace bar for now.*/ }
  .cms-index-index .pace, .catalog-product-view .pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /*-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    z-index: 2000;
    position: fixed;
    margin: auto;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 200px;
    height: 50px;
    overflow: hidden; }
  .cms-index-index .pace .pace-progress, .catalog-product-view .pace .pace-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    /* -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; */
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: block;
    position: absolute;
    right: 100%;
    margin-right: -7px;
    width: 93%;
    top: 7px;
    height: 14px;
    font-size: 12px;
    background: #d4dcd6;
    color: #d4dcd6;
    line-height: 60px;
    font-weight: bold;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    -webkit-box-shadow: 120px 0 #fff, 240px 0 #fff;
    -ms-box-shadow: 120px 0 #fff, 240px 0 #fff;
    box-shadow: 120px 0 #fff, 240px 0 #fff; }
  .cms-index-index .pace .pace-progress:after, .catalog-product-view .pace .pace-progress:after {
    content: attr(data-progress-text);
    display: inline-block;
    position: fixed;
    width: 45px;
    text-align: right;
    right: 0;
    padding-right: 16px;
    top: 4px; }
  .cms-index-index .pace .pace-progress[data-progress-text="0%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="0%"]:after {
    right: -200px; }
  .cms-index-index .pace .pace-progress[data-progress-text="1%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="1%"]:after {
    right: -198.14px; }
  .cms-index-index .pace .pace-progress[data-progress-text="2%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="2%"]:after {
    right: -196.28px; }
  .cms-index-index .pace .pace-progress[data-progress-text="3%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="3%"]:after {
    right: -194.42px; }
  .cms-index-index .pace .pace-progress[data-progress-text="4%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="4%"]:after {
    right: -192.56px; }
  .cms-index-index .pace .pace-progress[data-progress-text="5%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="5%"]:after {
    right: -190.7px; }
  .cms-index-index .pace .pace-progress[data-progress-text="6%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="6%"]:after {
    right: -188.84px; }
  .cms-index-index .pace .pace-progress[data-progress-text="7%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="7%"]:after {
    right: -186.98px; }
  .cms-index-index .pace .pace-progress[data-progress-text="8%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="8%"]:after {
    right: -185.12px; }
  .cms-index-index .pace .pace-progress[data-progress-text="9%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="9%"]:after {
    right: -183.26px; }
  .cms-index-index .pace .pace-progress[data-progress-text="10%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="10%"]:after {
    right: -181.4px; }
  .cms-index-index .pace .pace-progress[data-progress-text="11%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="11%"]:after {
    right: -179.54px; }
  .cms-index-index .pace .pace-progress[data-progress-text="12%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="12%"]:after {
    right: -177.68px; }
  .cms-index-index .pace .pace-progress[data-progress-text="13%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="13%"]:after {
    right: -175.82px; }
  .cms-index-index .pace .pace-progress[data-progress-text="14%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="14%"]:after {
    right: -173.96px; }
  .cms-index-index .pace .pace-progress[data-progress-text="15%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="15%"]:after {
    right: -172.1px; }
  .cms-index-index .pace .pace-progress[data-progress-text="16%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="16%"]:after {
    right: -170.24px; }
  .cms-index-index .pace .pace-progress[data-progress-text="17%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="17%"]:after {
    right: -168.38px; }
  .cms-index-index .pace .pace-progress[data-progress-text="18%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="18%"]:after {
    right: -166.52px; }
  .cms-index-index .pace .pace-progress[data-progress-text="19%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="19%"]:after {
    right: -164.66px; }
  .cms-index-index .pace .pace-progress[data-progress-text="20%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="20%"]:after {
    right: -162.8px; }
  .cms-index-index .pace .pace-progress[data-progress-text="21%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="21%"]:after {
    right: -160.94px; }
  .cms-index-index .pace .pace-progress[data-progress-text="22%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="22%"]:after {
    right: -159.08px; }
  .cms-index-index .pace .pace-progress[data-progress-text="23%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="23%"]:after {
    right: -157.22px; }
  .cms-index-index .pace .pace-progress[data-progress-text="24%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="24%"]:after {
    right: -155.36px; }
  .cms-index-index .pace .pace-progress[data-progress-text="25%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="25%"]:after {
    right: -153.5px; }
  .cms-index-index .pace .pace-progress[data-progress-text="26%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="26%"]:after {
    right: -151.64px; }
  .cms-index-index .pace .pace-progress[data-progress-text="27%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="27%"]:after {
    right: -149.78px; }
  .cms-index-index .pace .pace-progress[data-progress-text="28%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="28%"]:after {
    right: -147.92px; }
  .cms-index-index .pace .pace-progress[data-progress-text="29%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="29%"]:after {
    right: -146.06px; }
  .cms-index-index .pace .pace-progress[data-progress-text="30%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="30%"]:after {
    right: -144.2px; }
  .cms-index-index .pace .pace-progress[data-progress-text="31%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="31%"]:after {
    right: -142.34px; }
  .cms-index-index .pace .pace-progress[data-progress-text="32%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="32%"]:after {
    right: -140.48px; }
  .cms-index-index .pace .pace-progress[data-progress-text="33%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="33%"]:after {
    right: -138.62px; }
  .cms-index-index .pace .pace-progress[data-progress-text="34%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="34%"]:after {
    right: -136.76px; }
  .cms-index-index .pace .pace-progress[data-progress-text="35%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="35%"]:after {
    right: -134.9px; }
  .cms-index-index .pace .pace-progress[data-progress-text="36%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="36%"]:after {
    right: -133.04px; }
  .cms-index-index .pace .pace-progress[data-progress-text="37%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="37%"]:after {
    right: -131.18px; }
  .cms-index-index .pace .pace-progress[data-progress-text="38%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="38%"]:after {
    right: -129.32px; }
  .cms-index-index .pace .pace-progress[data-progress-text="39%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="39%"]:after {
    right: -127.46px; }
  .cms-index-index .pace .pace-progress[data-progress-text="40%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="40%"]:after {
    right: -125.6px; }
  .cms-index-index .pace .pace-progress[data-progress-text="41%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="41%"]:after {
    right: -123.74px; }
  .cms-index-index .pace .pace-progress[data-progress-text="42%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="42%"]:after {
    right: -121.88px; }
  .cms-index-index .pace .pace-progress[data-progress-text="43%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="43%"]:after {
    right: -120.02px; }
  .cms-index-index .pace .pace-progress[data-progress-text="44%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="44%"]:after {
    right: -118.16px; }
  .cms-index-index .pace .pace-progress[data-progress-text="45%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="45%"]:after {
    right: -116.3px; }
  .cms-index-index .pace .pace-progress[data-progress-text="46%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="46%"]:after {
    right: -114.44px; }
  .cms-index-index .pace .pace-progress[data-progress-text="47%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="47%"]:after {
    right: -112.58px; }
  .cms-index-index .pace .pace-progress[data-progress-text="48%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="48%"]:after {
    right: -110.72px; }
  .cms-index-index .pace .pace-progress[data-progress-text="49%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="49%"]:after {
    right: -108.86px; }
  .cms-index-index .pace .pace-progress[data-progress-text="50%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="50%"]:after {
    right: -107px; }
  .cms-index-index .pace .pace-progress[data-progress-text="51%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="51%"]:after {
    right: -105.14px; }
  .cms-index-index .pace .pace-progress[data-progress-text="52%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="52%"]:after {
    right: -103.28px; }
  .cms-index-index .pace .pace-progress[data-progress-text="53%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="53%"]:after {
    right: -101.42px; }
  .cms-index-index .pace .pace-progress[data-progress-text="54%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="54%"]:after {
    right: -99.56px; }
  .cms-index-index .pace .pace-progress[data-progress-text="55%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="55%"]:after {
    right: -97.7px; }
  .cms-index-index .pace .pace-progress[data-progress-text="56%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="56%"]:after {
    right: -95.84px; }
  .cms-index-index .pace .pace-progress[data-progress-text="57%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="57%"]:after {
    right: -93.98px; }
  .cms-index-index .pace .pace-progress[data-progress-text="58%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="58%"]:after {
    right: -92.12px; }
  .cms-index-index .pace .pace-progress[data-progress-text="59%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="59%"]:after {
    right: -90.26px; }
  .cms-index-index .pace .pace-progress[data-progress-text="60%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="60%"]:after {
    right: -88.4px; }
  .cms-index-index .pace .pace-progress[data-progress-text="61%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="61%"]:after {
    right: -86.54px; }
  .cms-index-index .pace .pace-progress[data-progress-text="62%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="62%"]:after {
    right: -84.68px; }
  .cms-index-index .pace .pace-progress[data-progress-text="63%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="63%"]:after {
    right: -82.82px; }
  .cms-index-index .pace .pace-progress[data-progress-text="64%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="64%"]:after {
    right: -80.96px; }
  .cms-index-index .pace .pace-progress[data-progress-text="65%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="65%"]:after {
    right: -79.1px; }
  .cms-index-index .pace .pace-progress[data-progress-text="66%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="66%"]:after {
    right: -77.24px; }
  .cms-index-index .pace .pace-progress[data-progress-text="67%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="67%"]:after {
    right: -75.38px; }
  .cms-index-index .pace .pace-progress[data-progress-text="68%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="68%"]:after {
    right: -73.52px; }
  .cms-index-index .pace .pace-progress[data-progress-text="69%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="69%"]:after {
    right: -71.66px; }
  .cms-index-index .pace .pace-progress[data-progress-text="70%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="70%"]:after {
    right: -69.8px; }
  .cms-index-index .pace .pace-progress[data-progress-text="71%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="71%"]:after {
    right: -67.94px; }
  .cms-index-index .pace .pace-progress[data-progress-text="72%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="72%"]:after {
    right: -66.08px; }
  .cms-index-index .pace .pace-progress[data-progress-text="73%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="73%"]:after {
    right: -64.22px; }
  .cms-index-index .pace .pace-progress[data-progress-text="74%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="74%"]:after {
    right: -62.36px; }
  .cms-index-index .pace .pace-progress[data-progress-text="75%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="75%"]:after {
    right: -60.5px; }
  .cms-index-index .pace .pace-progress[data-progress-text="76%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="76%"]:after {
    right: -58.64px; }
  .cms-index-index .pace .pace-progress[data-progress-text="77%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="77%"]:after {
    right: -56.78px; }
  .cms-index-index .pace .pace-progress[data-progress-text="78%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="78%"]:after {
    right: -54.92px; }
  .cms-index-index .pace .pace-progress[data-progress-text="79%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="79%"]:after {
    right: -53.06px; }
  .cms-index-index .pace .pace-progress[data-progress-text="80%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="80%"]:after {
    right: -51.2px; }
  .cms-index-index .pace .pace-progress[data-progress-text="81%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="81%"]:after {
    right: -49.34px; }
  .cms-index-index .pace .pace-progress[data-progress-text="82%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="82%"]:after {
    right: -47.48px; }
  .cms-index-index .pace .pace-progress[data-progress-text="83%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="83%"]:after {
    right: -45.62px; }
  .cms-index-index .pace .pace-progress[data-progress-text="84%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="84%"]:after {
    right: -43.76px; }
  .cms-index-index .pace .pace-progress[data-progress-text="85%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="85%"]:after {
    right: -41.9px; }
  .cms-index-index .pace .pace-progress[data-progress-text="86%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="86%"]:after {
    right: -40.04px; }
  .cms-index-index .pace .pace-progress[data-progress-text="87%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="87%"]:after {
    right: -38.18px; }
  .cms-index-index .pace .pace-progress[data-progress-text="88%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="88%"]:after {
    right: -36.32px; }
  .cms-index-index .pace .pace-progress[data-progress-text="89%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="89%"]:after {
    right: -34.46px; }
  .cms-index-index .pace .pace-progress[data-progress-text="90%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="90%"]:after {
    right: -32.6px; }
  .cms-index-index .pace .pace-progress[data-progress-text="91%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="91%"]:after {
    right: -30.74px; }
  .cms-index-index .pace .pace-progress[data-progress-text="92%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="92%"]:after {
    right: -28.88px; }
  .cms-index-index .pace .pace-progress[data-progress-text="93%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="93%"]:after {
    right: -27.02px; }
  .cms-index-index .pace .pace-progress[data-progress-text="94%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="94%"]:after {
    right: -25.16px; }
  .cms-index-index .pace .pace-progress[data-progress-text="95%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="95%"]:after {
    right: -23.3px; }
  .cms-index-index .pace .pace-progress[data-progress-text="96%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="96%"]:after {
    right: -21.44px; }
  .cms-index-index .pace .pace-progress[data-progress-text="97%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="97%"]:after {
    right: -19.58px; }
  .cms-index-index .pace .pace-progress[data-progress-text="98%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="98%"]:after {
    right: -17.72px; }
  .cms-index-index .pace .pace-progress[data-progress-text="99%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="99%"]:after {
    right: -15.86px; }
  .cms-index-index .pace .pace-progress[data-progress-text="100%"]:after, .catalog-product-view .pace .pace-progress[data-progress-text="100%"]:after {
    right: -14px; }
  .cms-index-index .pace .pace-activity, .catalog-product-view .pace .pace-activity {
    position: absolute;
    width: 100%;
    height: 28px;
    z-index: 2001;
    box-shadow: inset 0 0 0 2px #d4dcd6, inset 0 0 0 7px #FFF;
    /* border-radius: 10px; */ }
  .cms-index-index .pace.pace-inactive, .catalog-product-view .pace.pace-inactive {
    display: none; }
  .cms-index-index .pace.pace-inactive, .catalog-product-view .pace.pace-inactive {
    display: none; }
  .cms-index-index .pace-active, .catalog-product-view .pace-active {
    display: none; }

/*
To have this line is dangerous when pace not work. 
But without this line there will be 0.3 second of broken page showing up at PDP.
That is what the project management's decision. I am not very recommend though. (Ed)  */
.catalog-product-view #container {
  opacity: 0; }

.cms-index-index.pace-running > #container, .catalog-product-view.pace-running > #container {
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0; }
.cms-index-index.pace-done #container, .catalog-product-view.pace-done #container {
  zoom: 1;
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  -o-transition: opacity 1s linear;
  transition: opacity 1s linear; }

/* Helper and Inits */
/* Variable */
/* Dimensions */
/* Colors */
/*Grey*/
/*brown*/
/*blue*/
/*red*/
/*borders*/
/* CTAs */
/* Image Path*/
/* Speeds */
/*Use for specific px (no break point) you want to have respond view*/
/* respond to example
@include respond-to(max-width,600px) {
  float:right;
  width:30%;
}*/
/* retina example
@include retina() {
  .logo {
    background-image: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/css/logo@2x.png);
    -webkit-background-size: 12px 16px;
    background-size: 12px 16px;
  }
}*/
/* Animations */
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(359deg); } }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(359deg); } }

@-o-keyframes spin {
  100% {
    -moz-transform: rotate(359deg); } }

@keyframes spin {
  100% {
    transform: rotate(359deg); } }

@-webkit-keyframes cwSpin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@-moz-keyframes cwSpin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(360deg); } }

@-ms-keyframes cwSpin {
  0% {
    -ms-transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(360deg); } }

@-o-keyframes cwSpin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(360deg); } }

@keyframes cwSpin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin2 {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(360deg); } }

@-moz-keyframes spin2off {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(-360deg); } }

@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@-webkit-keyframes spin2off {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(-360deg); } }

@-o-keyframes spin2 {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(360deg); } }

@-o-keyframes spin2off {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(-360deg); } }

@keyframes spin2 {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin2off {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(-360deg); } }

@-moz-keyframes spinPulse {
  0% {
    -moz-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #2187e7; }

  50% {
    -moz-transform: rotate(145deg);
    opacity: 1; }

  100% {
    -moz-transform: rotate(-320deg);
    opacity: 0; } }

@-moz-keyframes spinoffPulse {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spinPulse {
  0% {
    -webkit-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #999; }

  50% {
    -webkit-transform: rotate(145deg);
    opacity: 1; }

  100% {
    -webkit-transform: rotate(-320deg);
    opacity: 0; } }

@-webkit-keyframes spinoffPulse {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@-o-keyframes spinPulse {
  0% {
    -o-transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #999; }

  50% {
    -o-transform: rotate(145deg);
    opacity: 1; }

  100% {
    -o-transform: rotate(-320deg);
    opacity: 0; } }

@-o-keyframes spinoffPulse {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(360deg); } }

@keyframes spinPulse {
  0% {
    transform: rotate(160deg);
    opacity: 0;
    box-shadow: 0 0 1px #999; }

  50% {
    transform: rotate(145deg);
    opacity: 1; }

  100% {
    transform: rotate(-320deg);
    opacity: 0; } }

@keyframes spinoffPulse {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }

/*Rotate-loading Start*/
@-moz-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg); } }

@-o-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg); } }

@keyframes rotate-loading {
  0% {
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg); }

  100% {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg); } }

@-moz-keyframes loading-text-opacity {
  0% {
    opacity: 0; }

  20% {
    opacity: 0; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes loading-text-opacity {
  0% {
    opacity: 0; }

  20% {
    opacity: 0; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-webkit-keyframes loading-text-opacity {
  0% {
    opacity: 0; }

  20% {
    opacity: 0; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes loading-text-opacity {
  0% {
    opacity: 0; }

  20% {
    opacity: 0; }

  50% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/*Rotate-loading End*/
/* Shapes */
/* Checkout */
/* Base Fonts -------------------------------------------------------------------------- */
/* Reed Special Fonts */
/* Wd Special Fonts */
/* Wd Icon Fonts */
[data-icon]:before {
  content: attr(data-icon);
  speak: none;
  font-family: "Welden Icon Font";
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Main Font Style */
.style-a {
  font-family: "Freight Big Pro Book", Georgia, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 36px;
  color: #333333;
  letter-spacing: 1px; }
  @media (max-width: 640px) {
    .style-a {
      font-size: 30px; } }

.style-b {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 15px;
  color: #999999;
  letter-spacing: 0.05em; }
  @media (max-width: 640px) {
    .style-b {
      font-size: 14px; } }

.style-c {
  font-family: "Freight Big Pro Book", Georgia, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 40px;
  line-height: 36px;
  color: #333333;
  letter-spacing: 1px; }
  @media (max-width: 640px) {
    .style-c {
      font-size: 40px; } }

.style-d {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    .style-d {
      font-size: 15px;
      line-height: 20px; } }

.style-e {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 12px;
  color: #333333;
  letter-spacing: 0.05em; }
  @media (max-width: 640px) {
    .style-e {
      font-size: 12px;
      color: #999999; } }

.style-f {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 12px;
  color: #999999;
  letter-spacing: 0.05em; }
  @media (max-width: 640px) {
    .style-f {
      font-size: 12px;
      color: #999999; } }

/* 1R Site Fonts -------------------------------------------------------------------------- */
/* Titles (For H1 - H6) */
/* Content */
/* CTAs, Links and Navs */
/* Inputs and Forms */
/* Special Fonts Blocks -------------------------------------------------------------------------- */
/* Plugin/extension Includes */
.product-view .main-image {
  position: relative;
  display: block;
  overflow: hidden; }

.product-view .main-image .top-layer-container {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  /* Safari */ }

.product-view .main-image .top-layer {
  position: absolute;
  opacity: 1;
  display: block;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  /* Safari */ }

.product-view .more-views {
  position: relative;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  /* Safari */ }
  .product-view .more-views .more-view-inner {
    position: relative;
    /* margin: 20px 0 40px; */ }
  .product-view .more-views.initialized {
    opacity: 1; }
  .product-view .more-views .up {
    cursor: pointer;
    width: 100%;
    height: 20px;
    background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1768px transparent;
    position: absolute;
    display: block;
    top: -20px;
    left: 0; }
  .product-view .more-views .down {
    cursor: pointer;
    width: 100%;
    height: 20px;
    background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1703px transparent;
    position: absolute;
    display: block;
    bottom: -40px;
    left: 0; }
  .product-view .more-views .slider-moreview-container {
    overflow: hidden;
    position: relative;
    height: 100%; }
    .product-view .more-views .slider-moreview-container ul {
      top: 0;
      position: relative;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      /* Safari */ }
      .product-view .more-views .slider-moreview-container ul li {
        opacity: 0.8;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        /* Safari */ }
        .product-view .more-views .slider-moreview-container ul li.viewing, .product-view .more-views .slider-moreview-container ul li:hover {
          opacity: 1; }

.zoom-scoper {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
  display: block;
  height: 25%;
  position: absolute;
  width: 25%;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  border: 1px solid transparent;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  /* Safari */
  transition: background 0.3s ease;
  -webkit-transition: background 0.3s ease;
  /* Safari */
  transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  /* Safari */ }
  .zoom-scoper .cta {
    width: 100px;
    line-height: 28px;
    font-size: 0.91em;
    position: absolute;
    left: 60%;
    top: 60%; }
    .zoom-scoper .cta span {
      color: #888888; }
  .zoom-scoper.active {
    opacity: 1; }
  .zoom-scoper.engage {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
    cursor: crosshair;
    border: 1px solid #b6b6b6; }
    .zoom-scoper.engage .cta {
      display: none; }

.adjust-window {
  background: none repeat scroll 0 0 transparent;
  display: block;
  height: 76%;
  left: 100%;
  position: absolute;
  top: 0;
  width: 76%;
  z-index: -1;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease;
  border: 1px solid transparent;
  -webkit-transition: opacity 0.3s ease;
  /* Safari */
  transition: border 0.3s ease;
  -webkit-transition: border 0.3s ease;
  /* Safari */ }
  .adjust-window.active {
    z-index: 10;
    opacity: 1;
    border: 1px solid #b6b6b6; }

.adjust-window .top-layer-container {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  /* Safari */ }

.adjust-window .top-layer {
  position: absolute;
  opacity: 1;
  display: block;
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
  /* Safari */ }

.one-validation-notice {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  display: none; }
  .one-validation-notice * {
    text-transform: none !important;
    font-size: 1em !important; }
  .one-validation-notice.validation-error {
    color: #cc3333; }

.tab-expand {
  height: 4.5em;
  overflow-y: hidden;
  border-bottom: 1px solid #dedede; }
  .tab-expand .expand-title {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 4.5em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    color: #999;
    margin-bottom: 16px; }
    @media (max-width: 640px) {
      .tab-expand .expand-title {
        font-size: 15px; } }
    .tab-expand .expand-title:after {
      /*
      content: "";
      display: block;
      position: absolute;
      width: 25px;
      height: 25px;
      right: 0;
      top: 50%;
      margin-top: -12.5px;
      background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1631px white;
      */
      font-family: "Welden Icon Font";
      font-weight: normal;
      font-style: normal;
      content: '\e645';
      color: #999999;
      font-size: 16px;
      float: right;
      			/* @include respond-to(max-width, $resMobileWidth) {
                  	background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -1865px white;
          			background-size: 50px auto;
                  } */ }
  .tab-expand .expand-content {
    padding-right: 20px;
    padding-bottom: 25px;
    font-family: 'Times New Roman',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.083em;
    line-height: 18px;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    letter-spacing: 0; }
    @media (max-width: 640px) {
      .tab-expand .expand-content {
        font-size: 15px;
        line-height: 20px; } }
  .tab-expand.active .expand-title {
    border-bottom: 1px solid #dedede; }
    .tab-expand.active .expand-title:after {
      font-family: "Welden Icon Font";
      font-weight: normal;
      font-style: normal;
      content: '\e643';
      color: #999999;
      font-size: 16px;
      /* background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1496px white; */ }
      @media (max-width: 640px) {
        .tab-expand.active .expand-title:after {
        	/* background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -1795px white;
			background-size: 50px auto; */ } }
  .tab-expand .expand-description {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0; }
    @media (max-width: 640px) {
      .tab-expand .expand-description {
        font-size: 15px;
        line-height: 20px; } }

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em !important;
  text-transform: uppercase;
  color: #212121;
  line-height: 2.916em;
  letter-spacing: 0.05em;
  text-indent: 7px; }
  @media (max-width: 640px) {
    .chosen-container {
      font-size: 14px !important; } }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dedede;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a {
  cursor: pointer; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  height: 35px;
  line-height: 32px;
  border: 1px solid #dedede;
  border-radius: 0;
  background-color: #fff;
  background-clip: padding-box;
  color: #999999;
  text-decoration: none;
  white-space: nowrap; }
  .chosen-container-single .chosen-single > span > img {
    display: none; }
  .chosen-container-single .chosen-single > span {
    padding-left: 8px; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/chosen/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 35px;
  height: 100%;
  /* background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1492px white; */ }
  @media (max-width: 640px) {
    .chosen-container-single .chosen-single div {
      /*background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll -14px -1791px white;
      background-size: 50px auto;*/ } }
  .chosen-container-single .chosen-single div:after {
    font-family: "Welden Icon Font";
    font-weight: normal;
    font-style: normal;
    content: '\e63b';
    font-size: 20px;
    line-height: 35px;
    color: #999999; }

.chosen-container-single .chosen-search {
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
  left: -9999em;
  position: absolute; }

.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #dedede;
  background: white url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/chosen/chosen-sprite.png") no-repeat 100% -20px;
  background: url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/chosen/chosen-sprite.png") no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-single .chosen-drop {
  padding-top: 8px;
  padding-bottom: 8px; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  margin: 0 8px;
  padding: 0 8px;
  list-style: none;
  line-height: 35px;
  text-indent: 0;
  -webkit-touch-callout: none;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.08333333333em !important;
  text-transform: inherit;
  color: #949494;
  color: #999; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  color: #212121;
  background: #eff0f3; }

.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #dedede;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background-image: -webkit-linear-gradient(#eeeeee 1%, white 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, white 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, white 15%);
  background-image: linear-gradient(#eeeeee 1%, white 15%);
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0; }

.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #dedede;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/chosen/chosen-sprite.png") -42px 1px no-repeat;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chosen-drop li span, .chosen-drop li span {
  color: #999; }

.chosen-drop li.result-selected span, .chosen-drop li:hover span {
  color: #000; }

.chosen-results img {
  border: 1px solid #dedede; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
  background: #eff0f3; }

/* @end */
/* @group Active  */
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/chosen/chosen-sprite.png") no-repeat -30px -20px;
  background: url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/chosen/chosen-sprite.png") no-repeat -30px -20px;
  direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

.chosen-container:not(.swatch-container) .chosen-single > span {
  padding-left: 8px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/chosen/chosen-sprite@2x.png") !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important; } }
/* @end */
.onemodal {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  .onemodal .box-content {
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 102;
    box-shadow: 0;
    background: white;
    overflow: hidden;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0); }
    .onemodal .box-content .box-inner {
      display: inline-block; }
    .onemodal .box-content .box-inner, .onemodal .box-content .inner-loading-container {
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); }
      .onemodal .box-content .box-inner .loading, .onemodal .box-content .inner-loading-container .loading {
        display: block; }
      .onemodal .box-content .box-inner .loading-container, .onemodal .box-content .box-inner .loading-container-inner, .onemodal .box-content .inner-loading-container .loading-container, .onemodal .box-content .inner-loading-container .loading-container-inner {
        height: 100px;
        position: relative;
        width: 100px;
        border-radius: 100%;
        margin: 40px auto; }
        .onemodal .box-content .box-inner .loading-container .loading-new, .onemodal .box-content .box-inner .loading-container-inner .loading-new, .onemodal .box-content .inner-loading-container .loading-container .loading-new, .onemodal .box-content .inner-loading-container .loading-container-inner .loading-new {
          height: 100px;
          position: relative;
          width: 100px;
          border-radius: 100%;
          border: 2px solid transparent;
          border-color: transparent #333 transparent #333;
          -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
          -moz-transform-origin: 50% 50%;
          -o-animation: rotate-loading 1.5s linear 0s infinite normal;
          -o-transform-origin: 50% 50%;
          -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
          -webkit-transform-origin: 50% 50%;
          animation: rotate-loading 1.5s linear 0s infinite normal;
          transform-origin: 50% 50%; }
        .onemodal .box-content .box-inner .loading-container:hover .loading-new, .onemodal .box-content .box-inner .loading-container-inner:hover .loading-new, .onemodal .box-content .inner-loading-container .loading-container:hover .loading-new, .onemodal .box-content .inner-loading-container .loading-container-inner:hover .loading-new {
          border-color: transparent #E45635 transparent #E45635; }
        .onemodal .box-content .box-inner .loading-container:hover .loading-new,
        .onemodal .box-content .box-inner .loading-container .loading-new, .onemodal .box-content .box-inner .loading-container-inner:hover .loading-new,
        .onemodal .box-content .box-inner .loading-container-inner .loading-new, .onemodal .box-content .inner-loading-container .loading-container:hover .loading-new,
        .onemodal .box-content .inner-loading-container .loading-container .loading-new, .onemodal .box-content .inner-loading-container .loading-container-inner:hover .loading-new,
        .onemodal .box-content .inner-loading-container .loading-container-inner .loading-new {
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;
          transition: all 0.5s ease-in-out; }
        .onemodal .box-content .box-inner .loading-container #loading-text, .onemodal .box-content .box-inner .loading-container-inner #loading-text, .onemodal .box-content .inner-loading-container .loading-container #loading-text, .onemodal .box-content .inner-loading-container .loading-container-inner #loading-text {
          -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
          -o-animation: loading-text-opacity 2s linear 0s infinite normal;
          -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
          animation: loading-text-opacity 2s linear 0s infinite normal;
          color: #333;
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 10px;
          font-weight: bold;
          margin-top: 40px;
          opacity: 0;
          position: absolute;
          text-align: center;
          text-transform: uppercase;
          top: 0;
          width: 100px; }
      .onemodal .box-content .box-inner .loadingtext, .onemodal .box-content .inner-loading-container .loadingtext {
        position: absolute;
        text-align: center;
        top: 75%;
        width: 100%;
        margin-top: -6px;
        color: #9b7f6c;
        text-transform: uppercase; }
      .onemodal .box-content .box-inner .alert-message, .onemodal .box-content .inner-loading-container .alert-message {
        display: block;
        min-width: 300px;
        position: relative; }
        .onemodal .box-content .box-inner .alert-message p, .onemodal .box-content .inner-loading-container .alert-message p {
          white-space: pre-wrap;
          display: block; }
        .onemodal .box-content .box-inner .alert-message.success, .onemodal .box-content .inner-loading-container .alert-message.success {
          text-align: center; }
          .onemodal .box-content .box-inner .alert-message.success strong, .onemodal .box-content .inner-loading-container .alert-message.success strong {
            font-family: "Freight Big Pro Book", Georgia, sans-serif;
            font-weight: normal;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            color: #333333;
            font-size: 36px;
            line-height: 36px; }
          .onemodal .box-content .box-inner .alert-message.success p, .onemodal .box-content .inner-loading-container .alert-message.success p {
            font-family: "Neuzeit Grot Regular", Arial, serif;
            font-weight: normal;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.083em;
            margin-top: 15px;
            margin-bottom: 30px;
            padding: 0 20px;
            line-height: 1.3em;
            width: auto; }
        .onemodal .box-content .box-inner .alert-message.error, .onemodal .box-content .box-inner .alert-message.Error, .onemodal .box-content .box-inner .alert-message.success, .onemodal .box-content .inner-loading-container .alert-message.error, .onemodal .box-content .inner-loading-container .alert-message.Error, .onemodal .box-content .inner-loading-container .alert-message.success {
          min-width: 425px;
          padding: 38px 25px 37px; }
          .onemodal .box-content .box-inner .alert-message.error a, .onemodal .box-content .box-inner .alert-message.Error a, .onemodal .box-content .box-inner .alert-message.success a, .onemodal .box-content .inner-loading-container .alert-message.error a, .onemodal .box-content .inner-loading-container .alert-message.Error a, .onemodal .box-content .inner-loading-container .alert-message.success a {
            text-decoration: underline; }
          .onemodal .box-content .box-inner .alert-message.error strong, .onemodal .box-content .box-inner .alert-message.Error strong, .onemodal .box-content .box-inner .alert-message.success strong, .onemodal .box-content .inner-loading-container .alert-message.error strong, .onemodal .box-content .inner-loading-container .alert-message.Error strong, .onemodal .box-content .inner-loading-container .alert-message.success strong {
            text-transform: capitalize;
            display: block;
            border-bottom: 1px solid #eff0f3;
            margin-bottom: 15px;
            padding-bottom: 5px; }
        .onemodal .box-content .box-inner .alert-message.quickshopbox, .onemodal .box-content .inner-loading-container .alert-message.quickshopbox {
          padding: 40px;
          position: relative; }
      .onemodal .box-content .box-inner .video, .onemodal .box-content .inner-loading-container .video {
        padding: 0;
        max-width: 930px;
        width: 100%;
        height: 100%; }
  .onemodal > .close {
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1423px transparent;
    position: absolute;
    z-index: 102;
    cursor: pointer;
    border: 1px solid transparent;
    box-shadow: none;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0); }
    .onemodal > .close:after {
      content: "";
      color: #605f5c;
      font-size: 15px;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      line-height: 30px;
      text-align: center;
      box-shadow: none; }
  .onemodal.loader > .close {
    display: none !important;
    background: none;
    border: none; }
  .onemodal.loader .box-content {
    background: transparent;
    box-shadow: none; }
  .onemodal .overlay {
    background-color: rgba(255, 255, 255, 0.9);
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 101;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0); }
  .onemodal.dark .box-content {
    box-shadow: none;
    background: black; }
  .onemodal.dark .overlay {
    background: black; }

.inner-loading-container {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  .inner-loading-container .loading {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    box-shadow: none;
    opacity: 1;
    -moz-opacity: 1;
    /* do nothing */
    /*!!! Obsoleted, check loading-container under _onemodal.scss instead!!!*/
    width: 60px;
    height: 60px; }
    .inner-loading-container .loading:before {
      content: '';
      display: block;
      position: absolute;
      top: 25px;
      left: 25px;
      margin-top: -30px;
      margin-left: -30px;
      background-color: rgba(0, 0, 0, 0);
      border: 5px solid rgba(128, 128, 128, 0.9);
      opacity: 1;
      border-top: 5px solid rgba(0, 0, 0, 0);
      border-left: 5px solid rgba(0, 0, 0, 0);
      border-radius: 50px;
      box-shadow: 0 0 35px gray;
      width: 50px;
      height: 50px;
      margin: 0 auto;
      -moz-animation: spinPulse 2s infinite ease-in-out;
      -webkit-animation: spinPulse 2s infinite linear; }
    .inner-loading-container .loading:after {
      content: '';
      display: block;
      left: 0px;
      margin-top: -30px;
      margin-left: -30px;
      background-color: rgba(0, 0, 0, 0);
      border: 5px solid rgba(128, 128, 128, 0.9);
      opacity: .9;
      border-top: 5px solid rgba(0, 0, 0, 0);
      border-left: 5px solid rgba(0, 0, 0, 0);
      border-radius: 50px;
      box-shadow: 0 0 15px gray;
      width: 30px;
      height: 30px;
      margin: 0 auto;
      position: relative;
      top: 35px;
      -moz-animation: spinoffPulse 1s infinite linear;
      -webkit-animation: spinoffPulse 1s infinite linear;
      color: gray; }
  .inner-loading-container .message {
    height: 0;
    left: 0;
    margin-left: auto;
    margin-top: 0px !important;
    padding: 40px 0 40px 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0); }
    .inner-loading-container .message .title {
      text-transform: capitalize;
      display: block;
      border-bottom: 1px solid #eff0f3;
      margin-bottom: 30px; }
    .inner-loading-container .message a {
      text-decoration: underline; }
    .inner-loading-container .message .inner-close {
      width: 30px;
      height: 30px;
      top: 5px;
      right: 5px;
      background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1423px transparent;
      position: absolute;
      z-index: 102;
      cursor: pointer;
      border: 1px solid transparent;
      box-shadow: none;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ }
      .inner-loading-container .message .inner-close:after {
        display: none; }

.onemodal .box-content .inner-loading-container div.loading-container-inner {
  margin: 32% auto; }

.product-image .alt-images {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background: white; }
  .product-image .alt-images .inner {
    height: 100%; }
  .product-image .alt-images .inner {
    width: 1000%;
    position: relative;
    left: 0; }
    .product-image .alt-images .inner:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .product-image .alt-images .inner img {
      width: 10%;
      height: 100%;
      float: left;
      display: block;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); }
      .product-image .alt-images .inner img.current {
        opacity: 1;
        -moz-opacity: 1;
        /* do nothing */ }
  @media (max-width: 640px) {
    .product-image .alt-images.has-arrow:before {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      left: 0;
      top: 50%;
      margin-top: -10px;
      background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -2959px transparent;
      background-size: 50px auto;
      z-index: 1; }
    .product-image .alt-images.has-arrow:after {
      content: "";
      position: absolute;
      width: 20px;
      height: 20px;
      right: 0;
      top: 50%;
      margin-top: -10px;
      background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -1868px transparent;
      background-size: 50px auto;
      z-index: 1; } }

.social .share-list .sb {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat center -57px transparent;
  cursor: pointer; }
  .social .share-list .sb:last-child {
    margin-right: 0; }
  .social .share-list .sb.share-mail {
    background-position: center -2218px;
    position: relative; }
    .social .share-list .sb.share-mail a {
      display: block;
      width: 100%;
      height: 100%;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); }
  .social .share-list .sb.share-fb {
    background-position: center -57px; }
  .social .share-list .sb.share-tw {
    background-position: center -129px; }
  .social .share-list .sb.share-pin {
    background-position: center -202px; }
  @media (max-width: 640px) {
    .social .share-list .sb {
      background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -378px white;
      background-size: 50px auto; }
      .social .share-list .sb.share-mail {
        background-position: center -452px; }
      .social .share-list .sb.share-fb {
        background-position: center -378px; }
      .social .share-list .sb.share-tw {
        background-position: center -304px; }
      .social .share-list .sb.share-pin {
        background-position: center -526px; } }
.social.plugin-social-box {
  display: none;
  position: absolute; }
  .social.plugin-social-box p {
    text-align: center;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    letter-spacing: 0.01em; }

.share-button.share-pin {
  padding: 0 0px 0 3px; }

.share-fb.share-button {
  padding: 0 3px 0 5px;
  width: 30px; }

.custom-dropdown select {
  font-size: inherit;
  /* inherit size from .custom-dropdown */
  padding: .5em;
  /* add some space*/
  margin: 0;
  /* remove default margins */
  padding-right: 18%; }

.custom-dropdown select {
  background-color: #fff;
  color: #444; }

select.choosen-exception,
.custom-dropdown select {
  line-height: 1em;
  text-indent: 0.5em;
  color: #999999;
  background-color: #fefefe; }

.safari .choosen-exception {
  -webkit-appearance: none; }
.safari .sample-dropdown {
  position: relative; }
.safari .custom-dropdown::after {
  /*  Custom dropdown arrow */
  font-family: "Welden Icon Font";
  font-weight: normal;
  font-style: normal;
  content: '\e63b';
  height: 1em;
  font-size: 20px;
  line-height: 1;
  right: 0.5em;
  top: 50%;
  margin-top: -.5em;
  position: absolute;
  color: #999;
  z-index: -10; }
.safari .custom-dropdown {
  position: relative;
  display: inline-block; }
.safari .custom-dropdown > select {
  -webkit-appearance: none;
  background-color: transparent; }

@supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) {
  .custom-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #dedede; }

  .custom-dropdown select {
    border: 0;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }

  .custom-dropdown::before,
  .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none; }

  .custom-dropdown::after {
    /*  Custom dropdown arrow */
    font-family: "Welden Icon Font";
    font-weight: normal;
    font-style: normal;
    content: '\e63b';
    height: 1em;
    font-size: 20px;
    line-height: 1;
    right: 0.5em;
    top: 50%;
    margin-top: -.5em;
    color: #999; }

  .custom-dropdown::before {
    /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0; }

  .custom-dropdown__select[disabled] {
    color: rgba(0, 0, 0, 0.3); }

  .custom-dropdown.custom-dropdown--disabled::after {
    color: rgba(0, 0, 0, 0.1); }

  /* White dropdown style */
  .custom-dropdown select::before {
    background-color: #fff; }

  .custom-dropdown select::after {
    color: #999999; }

  /* FF only temp fix */
  @-moz-document url-prefix() {
    .custom-dropdown select {
      padding-right: 18%; }

    .custom-dropdown--large .custom-dropdown select {
      padding-right: 1.3em; }

    .custom-dropdown--small .custom-dropdown select {
      padding-right: 0.5em; } } }
.fieldset .input-box :not(.custom-dropdown) select, fieldset .input-box :not(.custom-dropdown) select {
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  position: relative;
  direction: ltr; }

.royalSlider > * {
  float: left; }

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0); }

.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink {
  -webkit-backface-visibility: hidden; }

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none; }

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0; }

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsArrow,
.rsThumbsArrow {
  cursor: pointer; }

.rsThumb {
  float: left;
  position: relative; }

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }

.rsHidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear; }

.rsNav.rsBullets .rsBullet {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  width: 8px;
  height: 8px;
  background: #bebcbb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  .rsNav.rsBullets .rsBullet.rsNavSelected {
    background: white; }

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center; }

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important; }

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  display: none; }

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%; }

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto; }

.rsContent {
  width: 100%;
  height: 100%;
  position: relative; }

.rsPreloader {
  position: absolute;
  z-index: 0; }

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none; }

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); }

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22; }

.rsTabs {
  float: left;
  background: none !important; }

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rsVideoContainer {
  /*left: 0;
  top: 0;
  position: absolute;*/
  /*width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative; }

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s; }

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1; }

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 44px; }

.rsABlock {
  left: 0;
  top: 0;
  position: relative;
  z-index: 15; }

img.rsImg {
  max-width: none; }

.rsNoDrag {
  cursor: auto; }

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/blank.gif); }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block;
    width: 92%; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block;
    text-align: center; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* Theme */
/* Slider */
.slick-loading .slick-list {
  background: white image-url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/ajax-loader.gif") center center no-repeat; }

/* Icons */
/* Has been moved to fonts.phtml*/
/* Arrows */
.ie .slick-prev,
.ie .slick-next, .ie11 .slick-prev,
.ie11 .slick-next, .ie12 .slick-prev,
.ie12 .slick-next, .ie13 .slick-prev,
.ie13 .slick-next, .ie14 .slick-prev,
.ie14 .slick-next {
  height: 30px; }

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 0.75; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "Welden Icon Font";
  font-size: 20px;
  line-height: 0;
  color: black;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\e642"; }
    [dir="rtl"] .slick-prev:before {
      content: "\e645"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\e645"; }
    [dir="rtl"] .slick-next:before {
      content: "\e642"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 0.75; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "Welden Icon Font";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.slick-slider .plp-product-list .plp-product-name {
  text-align: left; }

.slick-slider .plp-product-list .pdp-product-price {
  text-align: left; }

.slide-product .plp-product-name-text {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  text-align: left; }

.thumb-scroller {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  color: #333;
  background-color: #fff;
  overflow: hidden;
  zoom: 1; }

.thumb-scroller img {
  max-width: none !important;
  max-height: none !important; }

.ts-border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ts-container {
  position: relative;
  width: 100%;
  overflow: hidden; }

.thumb-scroller > ul {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none; }

.ts-list {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none; }

.ts-vertical .ts-list {
  float: left; }

.ts-slide {
  display: block;
  float: left;
  padding: 0;
  margin: 0;
  overflow: hidden; }

.ts-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border: 0 solid #333;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ts-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

div.ts-content {
  background-color: #fff; }

img.ts-content {
  width: auto;
  height: auto;
  border: 0; }

.ts-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

.ts-wrapper:hover .ts-overlay {
  filter: alpha(opacity=15);
  -moz-opacity: .15;
  opacity: .15; }

/* captions */
.ts-caption {
  display: block;
  font-size: 14px;
  width: 100%;
  padding: 5px;
  line-height: normal;
  margin: 0;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ts-outside .ts-caption {
  position: relative; }

.ts-inside .ts-caption {
  position: absolute;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  max-height: 100%;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -ms-transition: -ms-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  transition: transform 0.4s; }

.ts-slide-up {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }

.ts-slide-down {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%); }

.ts-caption-button {
  position: absolute;
  right: 0;
  width: 22px;
  height: 22px;
  margin: 4px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

.ts-caption-button div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  margin-left: -5px;
  font-size: 0;
  background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/scroller-assets.png) no-repeat -54px 0;
  filter: inherit; }

.ts-collapse div {
  background-position: center -10px; }

.ts-wrapper:hover .ts-caption-button {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

/* buttons */
.ts-prev,
.ts-next {
  position: absolute;
  background-color: #fff;
  cursor: pointer; }

.ts-horizontal .ts-prev,
.ts-horizontal .ts-next {
  top: 0;
  width: 35px;
  height: 100%; }

.ts-vertical .ts-prev,
.ts-vertical .ts-next {
  left: 0;
  width: 100%;
  height: 35px; }

.ts-prev div,
.ts-next div,
.ts-play-button div,
.ts-small-prev div,
.ts-small-next div {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 0;
  background-image: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/ce_sprit_org.png);
  background-repeat: no-repeat;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75; }

.ts-prev:hover div,
.ts-next:hover div,
.ts-play-button:hover div,
.ts-small-prev:hover div,
.ts-small-next:hover div {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.ts-horizontal .ts-prev div,
.ts-horizontal .ts-next div {
  width: 16px;
  height: 18px;
  margin-top: -36px;
  margin-left: -8px; }

.ts-horizontal .ts-prev div {
  background-position: center -574px; }

.ts-horizontal .ts-next div {
  background-position: center -611px; }

.ts-vertical .ts-prev div,
.ts-vertical .ts-next div {
  width: 30px;
  height: 16px;
  margin-top: -8px;
  margin-left: -15px; }

.ts-vertical .ts-prev div {
  background-position: 0 0; }

.ts-vertical .ts-next div {
  background-position: 0 -16px; }

.ts-disabled {
  cursor: default !important; }

.ts-prev.ts-disabled div,
.ts-next.ts-disabled div {
  display: none; }

/* mouseover buttons */
.ts-hover-prev,
.ts-hover-next {
  position: absolute;
  width: 40px;
  height: 40px;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0; }

.ts-container:hover .ts-css-hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.ts-horizontal .ts-hover-prev {
  top: 50%;
  margin-top: -20px;
  left: 8px; }

.ts-horizontal .ts-hover-next {
  top: 50%;
  margin-top: -20px;
  right: 8px; }

.ts-horizontal .ts-hover-prev div,
.ts-horizontal .ts-hover-next div {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 0;
  background-image: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/scroller-assets.png);
  background-repeat: no-repeat;
  width: 12px;
  height: 20px;
  margin-top: -10px;
  margin-left: -6px;
  filter: inherit; }

.ts-horizontal .ts-hover-prev div {
  background-position: -30px 0; }

.ts-horizontal .ts-hover-next div {
  background-position: -42px 0; }

.ts-vertical .ts-hover-prev {
  left: 50%;
  margin-left: -20px;
  top: 8px; }

.ts-vertical .ts-hover-next {
  left: 50%;
  margin-left: -20px;
  bottom: 8px; }

.ts-vertical .ts-hover-prev div,
.ts-vertical .ts-hover-next div {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 0;
  background-image: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/scroller-assets.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 12px;
  margin-top: -6px;
  margin-left: -10px;
  filter: inherit; }

.ts-vertical .ts-hover-prev div {
  background-position: -32px -20px; }

.ts-vertical .ts-hover-next div {
  background-position: -32px -32px; }

.ts-hover-prev.ts-disabled,
.ts-hover-next.ts-disabled {
  display: none; }

/* controls */
.ts-header,
.ts-control {
  position: relative;
  width: 100%;
  height: 30px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ts-title {
  position: relative;
  float: left;
  font-size: 18px;
  line-height: 30px;
  padding-left: 5px;
  white-space: nowrap;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.01); }

.ts-page-info {
  position: relative;
  float: right;
  font-size: 14px;
  line-height: 30px;
  padding-right: 5px;
  white-space: nowrap; }

.ts-play-button,
.ts-small-prev,
.ts-small-next {
  position: relative;
  float: right;
  width: 22px;
  height: 24px;
  margin: 3px 0px 3px 0;
  cursor: pointer; }

.ts-small-prev div,
.ts-small-next div {
  width: 8px;
  height: 12px;
  margin-top: -6px;
  margin-left: -4px; }

.ts-small-prev div {
  background-position: -52px -48px; }

.ts-small-next div {
  background-position: -60px -48px; }

.ts-small-next.ts-disabled div,
.ts-small-prev.ts-disabled div {
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  opacity: 0.25; }

.ts-play-button div {
  width: 10px;
  height: 12px;
  margin-top: -6px;
  margin-left: -5px;
  background-position: -42px -44px; }

.ts-pause div {
  background-position: -32px -44px; }

/* scrollbar */
.ts-scrollbar {
  position: relative;
  width: 100%;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #999;
  cursor: pointer;
  overflow: hidden;
  margin: 12px 0; }

.ts-scrubber {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #ddd;
  cursor: default; }

.ts-scrubber:hover,
.ts-scrollbar:hover .ts-scrubber {
  background-color: #eee; }

/* nav thumbs */
ul.ts-nav {
  position: relative;
  display: block;
  padding: 0;
  margin: 10px auto;
  list-style: none; }

ul.ts-nav li {
  position: relative;
  display: inline;
  float: left;
  font-size: 0;
  width: 8px;
  height: 8px;
  padding: 0;
  margin: 0 6px;
  border: 1px solid #333;
  background-color: #ccc;
  cursor: pointer;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

ul.ts-nav li:hover {
  background-color: #666; }

ul.ts-nav li.ts-active {
  background-color: #666;
  cursor: default; }

.ts-scrubber,
ul.ts-nav li {
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -ms-transition: background-color 0.4s;
  -o-transition: background-color 0.4s;
  transition: background-color 0.4s; }

.ts-content,
.ts-overlay,
.ts-css-hover,
.ts-caption-button,
.ts-link-button,
.ts-prev div,
.ts-next div,
.ts-play-button div,
.ts-small-prev div,
.ts-small-next div,
.ts-zoom-button {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  transition: opacity 0.4s; }

/* icons */
.ts-zoom-button,
.ts-link-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  cursor: pointer; }

.ts-zoom-button div,
.ts-link-button div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
  font-size: 0;
  background-image: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/scroller-assets.png);
  background-repeat: no-repeat;
  filter: inherit; }

.ts-zoom-button div {
  background-position: -52px -24px; }

.ts-link-button div {
  background-position: -64px 0px; }

.ts-wrapper:hover .ts-zoom-button,
.ts-wrapper:hover .ts-link-button {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

.ts-zoom-button:hover,
.ts-caption-button:hover,
.ts-link-button:hover,
.ts-hover-prev:hover,
.ts-hover-next:hover {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.ts-button-align-left {
  margin-left: -50px; }

.ts-button-align-right {
  margin-left: 10px; }

#topCartContent {
  right: 0;
  width: 0;
  height: 3px;
  display: none;
  width: 100%;
  /*@include respond-to(max-width, $resMobileWidth) {
      width:100%;
  }*/
  background: white;
  position: absolute;
  z-index: 35;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  border: 1px solid #cccccc; }
  @media (min-width: 966px) {
    #topCartContent {
      width: 350px; } }
  .search-active-mode #topCartContent:before {
    right: 0px; }
  #topCartContent:before {
    content: "";
    width: 135px;
    height: 1px;
    background: white;
    display: block;
    position: absolute;
    right: 57px;
    top: -1px; }
    @media (max-width: 966px) {
      #topCartContent:before {
        width: 10px; } }
  @media (max-width: 966px) {
    #topCartContent {
      /*right: -63px;
      margin-top: -1px;*/
      border: none;
      -webkit-box-shadow: 0px 6px 13px -4px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 6px 13px -4px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 6px 13px -4px rgba(0, 0, 0, 0.4); }
      #topCartContent:before {
        content: "";
        width: 37px;
        height: 1px;
        background: white;
        display: block;
        position: absolute;
        right: 60px;
        top: -1px; } }
  @media (max-width: 640px) {
    #topCartContent {
      /*right: -63px; */
      border-bottom: 1px solid #999999;
      margin-top: 0px;
      -webkit-box-shadow: 0px 6px 13px -4px rgba(0, 0, 0, 0);
      -moz-box-shadow: 0px 6px 13px -4px rgba(0, 0, 0, 0);
      box-shadow: 0px 6px 13px -4px rgba(0, 0, 0, 0); }
      #topCartContent:before {
        display: none; }
      #topCartContent:after {
        display: block;
        content: "";
        position: fixed;
        width: 100%;
        height: 1414px;
        background: rgba(255, 255, 255, 0.6); } }
  #topCartContent .inner-wrapper {
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    display: block;
    color: black; }
    #topCartContent .inner-wrapper .cart-message {
      padding: 20px 0;
      margin: 0 15px;
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      line-height: 17px;
      color: #999999;
      letter-spacing: 0;
      color: #777777;
      text-transform: capitalize;
      border-bottom: 1px solid #d2d2d2; }
      @media (max-width: 640px) {
        #topCartContent .inner-wrapper .cart-message {
          font-size: 15px;
          line-height: 20px; } }
    #topCartContent .inner-wrapper .cart-empty {
      padding: 15px;
      text-align: center; }
    #topCartContent .inner-wrapper .mini-products-list {
      padding: 0px 20px;
      max-height: 380px;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      @media (max-width: 640px) {
        #topCartContent .inner-wrapper .mini-products-list {
          max-height: 250px;
          overflow-y: auto;
          /*overflow-y: scroll;*/ } }
      #topCartContent .inner-wrapper .mini-products-list .item {
        height: 100%;
        width: 100%;
        overflow: auto;
        overflow-x: hidden;
        padding: 15px 0;
        border-bottom: 1px solid #d2d2d2; }
        #topCartContent .inner-wrapper .mini-products-list .item:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        #topCartContent .inner-wrapper .mini-products-list .item .product-image {
          max-width: 120px;
          width: 42.413793%;
          margin-right: 6.1724138%; }
        #topCartContent .inner-wrapper .mini-products-list .item .product-details {
          width: 42.413793%;
          padding-bottom: 30px; }
          #topCartContent .inner-wrapper .mini-products-list .item .product-details * {
            font-family: "Neuzeit Grot Regular", Arial, serif;
            font-weight: normal;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 13px;
            line-height: 12px;
            color: #787878;
            letter-spacing: 0.05em;
            line-height: 15px;
            text-transform: capitalize; }
            @media (max-width: 640px) {
              #topCartContent .inner-wrapper .mini-products-list .item .product-details * {
                font-size: 12px;
                color: #787878; } }
          #topCartContent .inner-wrapper .mini-products-list .item .product-details .product-name {
            line-height: 15px;
            margin-bottom: 3px; }
          #topCartContent .inner-wrapper .mini-products-list .item .product-details table {
            margin-bottom: 5px;
            /*.price {
                color: $dark;
            }*/ }
            #topCartContent .inner-wrapper .mini-products-list .item .product-details table th {
              display: none; }
          #topCartContent .inner-wrapper .mini-products-list .item .product-details .item-options {
            margin-top: 15px; }
            #topCartContent .inner-wrapper .mini-products-list .item .product-details .item-options li {
              overflow-x: hidden; }
              #topCartContent .inner-wrapper .mini-products-list .item .product-details .item-options li span {
                display: inline-block;
                vertical-align: top; }
          #topCartContent .inner-wrapper .mini-products-list .item .product-details .btn-remove {
            /*position: absolute;
            bottom: 15px;*/
            text-decoration: underline;
            color: #777777;
            margin-top: 20px; }
    #topCartContent .inner-wrapper .subtotal {
      height: 100%;
      overflow: auto;
      border-bottom: 1px solid #d2d2d2;
      margin: 0 15px; }
      #topCartContent .inner-wrapper .subtotal * {
        text-transform: capitalize;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.2em;
        line-height: 12px;
        color: #999999;
        letter-spacing: 0.05em; }
        @media (max-width: 640px) {
          #topCartContent .inner-wrapper .subtotal * {
            font-size: 12px;
            color: #999999; } }
      #topCartContent .inner-wrapper .subtotal .label {
        float: left;
        line-height: 54px;
        color: #777777; }
      #topCartContent .inner-wrapper .subtotal .price {
        float: right;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #333333;
        letter-spacing: 0;
        line-height: 54px;
        font-size: 1.2em; }
        @media (max-width: 640px) {
          #topCartContent .inner-wrapper .subtotal .price {
            font-size: 15px;
            line-height: 54px; } }
    #topCartContent .inner-wrapper .actions {
      float: right;
      padding: 15px; }
      @media (max-width: 640px) {
        #topCartContent .inner-wrapper .actions {
          width: 100%;
          float: none; } }
      #topCartContent .inner-wrapper .actions .cta {
        padding: 0 15px;
        width: 100%; }
        #topCartContent .inner-wrapper .actions .cta span {
          letter-spacing: 0; }
    @media (max-width: 966px) {
      #topCartContent .inner-wrapper {
        padding: 0 64px;
        /*
        .actions {
            .cta {
                width: 50%;
                margin-left: 50%;
            }
        }*/ } }
    @media (max-width: 640px) {
      #topCartContent .inner-wrapper {
        padding: 0; }
        #topCartContent .inner-wrapper .actions .cta {
          width: 100%;
          margin-left: 0; } }

#topCartContent .inner-wrapper .actions {
  width: 100%; }

@media (max-width: 966px) {
  header div.header-container .header-panel > .wrapper .utility-links .top-cart .block-title a:hover {
    color: rgba(0, 0, 0, 0) !important; } }

.tablet-zero {
  display: none; }
  @media (max-width: 966px) {
    .tablet-zero {
      display: inline; } }

#quickshop {
  width: 908px;
  min-height: 550px; }
  #quickshop.quickshop-configurable .product-view .look-top-container {
    display: none; }
  #quickshop.quickshop-configurable .product-view .product-essential {
    padding: 0; }
    #quickshop.quickshop-configurable .product-view .product-essential .price-box > * {
      display: inline-block;
      white-space: initial; }
    #quickshop.quickshop-configurable .product-view .product-essential .product-shop {
      width: 100%;
      padding-left: 0; }
      #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-left {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: 65%; }
        #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-left .product-img-box > .product-image {
          width: 100%; }
      #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-right {
        width: 30%;
        max-width: 300px;
        float: none;
        display: inline-block;
        vertical-align: middle; }
        #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-right .product-actions-container {
          border: none; }
        #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-right .product-actions-container .product-options-bottom .add-to-links a.link-size-chart,
        #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-right p.required {
          display: none; }
        #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-right .product-bottom:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-right .product-bottom > * {
          display: block; }
        #quickshop.quickshop-configurable .product-view .product-essential .product-shop .product-right .full-product-view {
          margin-top: 15px;
          color: #888888; }
  #quickshop.quickshop-grouped, #quickshop.quickshop-slidedown {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 308%;
    min-height: 0;
    background: white;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
    @media (max-width: 640px) {
      #quickshop.quickshop-grouped, #quickshop.quickshop-slidedown {
        width: 205%; } }
    #quickshop.quickshop-grouped.opened, #quickshop.quickshop-slidedown.opened {
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ }
    #quickshop.quickshop-grouped.grouped-nonshoppable .product-essential, #quickshop.quickshop-slidedown.grouped-nonshoppable .product-essential {
      min-height: 100px; }
    #quickshop.quickshop-grouped .product-view, #quickshop.quickshop-slidedown .product-view {
      padding: 0;
      border-top: 1px solid #dedede;
      border-bottom: 1px solid #dedede; }
      #quickshop.quickshop-grouped .product-view .look-top-container:after, #quickshop.quickshop-slidedown .product-view .look-top-container:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      #quickshop.quickshop-grouped .product-view .look-top-container .product-name, #quickshop.quickshop-slidedown .product-view .look-top-container .product-name {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -17.5px; }
        #quickshop.quickshop-grouped .product-view .look-top-container .product-name h1, #quickshop.quickshop-slidedown .product-view .look-top-container .product-name h1 {
          font-family: 'Times New Roman',sans-serif;
          font-weight: normal;
          font-style: normal;
          text-transform: capitalize;
          font-size: 2.5em;
          letter-spacing: 0; }
        @media (max-width: 970px) {
          #quickshop.quickshop-grouped .product-view .look-top-container .product-name, #quickshop.quickshop-slidedown .product-view .look-top-container .product-name {
            top: 20px;
            margin-top: 0;
            left: 40%;
            text-align: left;
            text-indent: 131px; } }
      #quickshop.quickshop-grouped .product-view .look-top-container .look-close, #quickshop.quickshop-slidedown .product-view .look-top-container .look-close {
        width: 50px;
        height: 50px;
        display: block;
        background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1423px transparent;
        position: absolute;
        top: 20px;
        right: 0;
        cursor: pointer; }
      #quickshop.quickshop-grouped .product-view form, #quickshop.quickshop-slidedown .product-view form {
        display: block;
        padding: 20px 0; }
      @media (max-width: 640px) {
        #quickshop.quickshop-grouped .product-view .look-top-container, #quickshop.quickshop-slidedown .product-view .look-top-container {
          display: block;
          height: 70px;
          padding-top: 20px; }
          #quickshop.quickshop-grouped .product-view .look-top-container .product-name, #quickshop.quickshop-slidedown .product-view .look-top-container .product-name {
            display: block;
            position: absolute;
            width: 100%;
            text-align: center;
            left: 0;
            right: 0;
            text-indent: 0;
            text-align: center; }
            #quickshop.quickshop-grouped .product-view .look-top-container .product-name h1, #quickshop.quickshop-slidedown .product-view .look-top-container .product-name h1 {
              font-family: 'Times New Roman',sans-serif;
              font-weight: normal;
              font-style: normal;
              font-size: 2.5em;
              letter-spacing: 0.05em;
              color: #212121;
              letter-spacing: 0;
              line-height: 50px; }
          #quickshop.quickshop-grouped .product-view .look-top-container .look-close, #quickshop.quickshop-slidedown .product-view .look-top-container .look-close {
            position: relative;
            background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1412px transparent;
            float: right;
            top: 0;
            right: -20px; } }
      #quickshop.quickshop-grouped .product-view .product-shop .product-left, #quickshop.quickshop-slidedown .product-view .product-shop .product-left {
        float: none;
        display: inline-block;
        vertical-align: middle; }
        #quickshop.quickshop-grouped .product-view .product-shop .product-left .product-image .main-image, #quickshop.quickshop-slidedown .product-view .product-shop .product-left .product-image .main-image {
          position: relative; }
      #quickshop.quickshop-grouped .product-view .product-shop .product-right, #quickshop.quickshop-slidedown .product-view .product-shop .product-right {
        float: none;
        display: inline-block;
        vertical-align: middle;
        margin-right: 23.208191%; }
        #quickshop.quickshop-grouped .product-view .product-shop .product-right.view-lookbook-content, #quickshop.quickshop-slidedown .product-view .product-shop .product-right.view-lookbook-content {
          text-align: left;
          font-size: 1.16666667em; }
      @media (max-width: 970px) {
        #quickshop.quickshop-grouped .product-view .product-shop .product-right, #quickshop.quickshop-slidedown .product-view .product-shop .product-right {
          margin-right: 0;
          padding-top: 35px; } }
      @media (max-width: 966px) {
        #quickshop.quickshop-grouped .product-view .product-shop, #quickshop.quickshop-slidedown .product-view .product-shop {
          padding: 0; }
          #quickshop.quickshop-grouped .product-view .product-shop .product-left .product-img-box > *.product-image, #quickshop.quickshop-slidedown .product-view .product-shop .product-left .product-img-box > *.product-image {
            width: 100%;
            padding: 0; } }
      @media (max-width: 640px) {
        #quickshop.quickshop-grouped .product-view .product-shop .product-left, #quickshop.quickshop-slidedown .product-view .product-shop .product-left {
          display: block;
          float: none;
          width: 100%;
          margin: 0; }
          #quickshop.quickshop-grouped .product-view .product-shop .product-left .product-img-box, #quickshop.quickshop-slidedown .product-view .product-shop .product-left .product-img-box {
            max-height: 500px; }
        #quickshop.quickshop-grouped .product-view .product-shop .product-right, #quickshop.quickshop-slidedown .product-view .product-shop .product-right {
          display: block;
          float: none;
          width: 100%;
          margin: 0;
          padding: 0;
          border: none; } }

.wt-scroller {
  position: relative;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  width: 970px;
  height: 220px;
  padding-top: 10px; }

.wt-scroller .slides {
  position: relative;
  height: 200px;
  float: left;
  overflow: hidden;
  z-index: 1; }

.cms-home .wt-scroller .slides {
  width: 1500px !important; }

.cms-home .wt-scroller {
  margin: auto; }

.cms-home .main-inner-container {
  max-width: none; }

.cms-home .lower-panel {
  margin: auto; }

.cms-home .wt-scroller {
  overflow: hidden; }

.cms-home .home-container .wt-scroller {
  background-color: #f8f6f4;
  min-width: 1020px; }

.cms-home .home-slider .wt-scroller {
  overflow: auto;
  min-width: none;
  min-width: 820px;
  max-width: 820px; }

.wt-scroller .slides ul {
  list-style: none;
  position: relative;
  width: 99999px;
  margin: 0;
  padding: 0;
  z-index: 0;
  overflow: hidden; }

.wt-scroller .slides li {
  position: relative;
  display: block;
  float: left;
  overflow: hidden;
  width: 300px;
  height: 200px;
  text-align: center; }

.wt-scroller .slides li .text-heading {
  z-index: 5;
  position: absolute;
  top: 227px; }

.wt-scroller .slides li .text-heading h1 {
  position: relative;
  font-size: 32px;
  font-weight: lighter;
  font-family: "Baskerville Light";
  line-height: 39px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased; }

.wt-scroller .slides li .text-heading p {
  position: relative;
  visibility: visible;
  margin-top: 5px;
  font-size: 10px;
  font-family: 'Futura Bold';
  line-height: 18px;
  letter-spacing: 2px;
  -webkit-font-smoothing: antialiased; }

.wt-scroller .slides li .left {
  left: 88px; }

.wt-scroller .slides li .right {
  right: 88px; }

.wt-scroller .slides li .black h1, .wt-scroller .slides li .black p {
  color: #333; }

.wt-scroller .slides li .white h1, .wt-scroller .slides li .white p {
  color: #FFF; }

/*Home page hero slider if vertical use the following */
/*.home-container .wt-scroller .slides li{
float:none;
}*/
/*Home page hero slider if horizon use the following */
.home-container .wt-scroller .slides li {
  overflow: visible; }

.home-container .wt-scroller .slides li.videoli #video {
  min-width: 1539px; }

.wt-scroller .slides li img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  border: 0; }

.wt-scroller .slides li p {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: #FFF;
  font-size: 12px;
  width: 290px;
  padding: 5px;
  margin: 0;
  visibility: hidden; }

.wt-scroller .slides li .relate-banner p {
  color: inherit;
  position: static;
  visibility: visible;
  width: auto; }

.wt-scroller .outside {
  background-color: #222; }

.wt-scroller .inside {
  background: #000;
  background: rgba(0, 0, 0, 0.75); }

.wt-scroller .ie-inside {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000); }

.wt-scroller .prev-btn,
.wt-scroller .next-btn {
  float: left;
  position: relative;
  width: 35px;
  height: 200px;
  cursor: pointer; }

.wt-scroller .prev-btn {
  background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/css/assets/scroller-icons.png) 10px center no-repeat; }

.wt-scroller .next-btn {
  background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/css/assets/scroller-icons.png) -46px center no-repeat; }

.wt-scroller .prev-btn.off,
.wt-scroller .next-btn.off {
  -moz-opacity: .5;
  opacity: .5;
  filter: alpha(opacity=50);
  cursor: default; }

.wt-scroller .lower-panel {
  display: block;
  position: relative;
  clear: both;
  text-align: center;
  font-size: 0; }

.wt-scroller .right-panel {
  position: absolute;
  z-index: 5;
  right: 41px;
  bottom: 18px; }

.wt-scroller .scroll-bar {
  position: relative;
  background-color: #FFF;
  width: 100%;
  height: 20px;
  cursor: pointer;
  overflow: hidden; }

.wt-scroller .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 20px;
  background-color: #404041; }

.home-container .wt-scroller .scroll-bar {
  position: relative;
  background-color: #FFF;
  width: 100%;
  height: 25px;
  cursor: pointer;
  overflow: hidden; }

.home-container .wt-scroller .thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 25px;
  background-color: #404041; }

.home-container .wt-scroller .thumb:hover {
  background-color: #2f2f2f; }

.home-container .wt-scroller .thumb:active {
  background-color: #303030; }

.wt-scroller .thumb:active {
  background-color: #EEE; }

.wt-scroller .index,
.wt-scroller .index-hl {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 7px;
  background-image: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/css/assets/scroller-icons.png);
  background-repeat: no-repeat; }

.wt-scroller .indexRight,
.wt-scroller .indexRight-hl {
  position: relative;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 0 6px;
  opacity: 0.5;
  border-radius: 50%;
  background-color: #999999;
  cursor: pointer; }

.wt-scroller .indexRight-hl {
  opacity: 1.0; }

.wt-scroller .index {
  background-position: -25px 0;
  cursor: pointer; }

.wt-scroller .index:active {
  background-position: -39px 0; }

.wt-scroller .index-hl {
  background-position: -32px 0 !important;
  cursor: default; }

.wt-scroller .m-prev,
.wt-scroller .m-next {
  position: absolute;
  width: 30px;
  height: 80px;
  top: 50%;
  margin-top: -40px;
  line-height: 80px;
  font-size: 26px;
  text-align: center;
  color: #DDD;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
  z-index: 5; }

.wt-scroller .m-prev:hover,
.wt-scroller .m-next:hover {
  color: #FFF; }

.wt-scroller .slides li img.exc {
  position: static; }

.wt-scroller .m-prev.off,
.wt-scroller .m-next.off {
  -moz-opacity: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: default; }

.slides a {
  text-decoration: none; }

.wt-scroller .m-prev {
  left: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px; }

.wt-scroller .m-next {
  left: 100%;
  margin-left: -30px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px; }

/* One Rockwell Includes */
.safari .cms-home .center-table-text {
  height: auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
  .safari .cms-home .center-table-text .inner-helper {
    display: block; }

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, cite, code, em, img,
small, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label, input, textarea, select, button,
table, caption, thead, tbody, tfoot, tr, th, td {
  border: none;
  margin: 0;
  outline: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, audio, canvas, video {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  line-height: normal;
  font-weight: normal; }

address, cite, code, em, strong {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

input, textarea, select, button {
  display: block;
  resize: none; }

img {
  display: block;
  max-width: 100%; }

html {
  height: 100%; }

/* clearfixes */
.clear:after,
.wrapper:after,
nav ul:after,
.fields:after,
.cols:after,
.slides:after,
.products-grid:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body {
  font-family: arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
  background: #fff;
  color: #212121;
  line-height: 21px;
  height: 100%;
  min-width: 320px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }
  @media (max-width: 640px) {
    body {
      font-size: 15px; } }

a {
  text-decoration: none;
  color: #212121;
  transition: color 0.45s;
  -moz-transition: color 0.45s;
  /*  Firefox */
  -webkit-transition: color 0.45s;
  /*  Safari and Chrome */
  -ms-transition: color 0.45s;
  /*  ie */
  -o-transition: color 0.45s;
  /*  Opera */ }
  a:hover {
    text-decoration: none; }

strong {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: bold;
  font-style: normal; }

.hide, .no-display {
  display: none; }

.left {
  float: left; }

.right {
  float: right; }

.clear-conatiner:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: relative;
  background: transparent;
  clear: both; }

html, body {
  height: 100%;
  width: 100%; }

.underline {
  text-decoration: underline; }

.bold {
  font-weight: bold; }

button, a, .cta {
  cursor: pointer; }

html, input {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

button, input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto; }

body {
  overflow-x: hidden;
  min-width: 320px; }
  body #page header .header-callout.mt-elem {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
  body.tab-open #page header .header-panel > .wrapper, body.tab-open #container header .header-panel > .wrapper {
    transform: translate(50%);
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -ms-transform: translate(50%);
    -o-transform: translate(50%); }
    @media (max-width: 640px) {
      body.tab-open #page header .header-panel > .wrapper, body.tab-open #container header .header-panel > .wrapper {
        transform: translate(260px);
        -webkit-transform: translate(260px);
        -moz-transform: translate(260px);
        -ms-transform: translate(260px);
        -o-transform: translate(260px); } }
  body.tab-open #page header .header-callout.mt-elem, body.tab-open #container header .header-callout.mt-elem {
    transform: translate(50%);
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -ms-transform: translate(50%);
    -o-transform: translate(50%); }
    @media (max-width: 640px) {
      body.tab-open #page header .header-callout.mt-elem, body.tab-open #container header .header-callout.mt-elem {
        transform: translate(260px);
        -webkit-transform: translate(260px);
        -moz-transform: translate(260px);
        -ms-transform: translate(260px);
        -o-transform: translate(260px); } }
  body.tab-open #page header .header .branding .logo-conatiner, body.tab-open #container header .header .branding .logo-conatiner {
    margin-left: 25%; }
    @media (max-width: 640px) {
      body.tab-open #page header .header .branding .logo-conatiner, body.tab-open #container header .header .branding .logo-conatiner {
        margin-left: 130px; } }
  body.tab-open #page #content, body.tab-open #container #content {
    overflow-x: hidden;
    max-width: 970px;
    transform: translate(50%);
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -ms-transform: translate(50%);
    -o-transform: translate(50%); }
    @media (max-width: 640px) {
      body.tab-open #page #content, body.tab-open #container #content {
        transform: translate(260px);
        -webkit-transform: translate(260px);
        -moz-transform: translate(260px);
        -ms-transform: translate(260px);
        -o-transform: translate(260px); } }
  body.tab-open footer {
    transform: translate(50%);
    -webkit-transform: translate(50%);
    -moz-transform: translate(50%);
    -ms-transform: translate(50%);
    -o-transform: translate(50%); }
    @media (max-width: 640px) {
      body.tab-open footer {
        transform: translate(260px);
        -webkit-transform: translate(260px);
        -moz-transform: translate(260px);
        -ms-transform: translate(260px);
        -o-transform: translate(260px); } }
  body.tab-open:after {
    overflow: hidden;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
    content: "";
    display: block;
    height: 100%;
    position: fixed;
    top: 65px;
    width: 100%; }
    @media (max-width: 640px) {
      body.tab-open:after {
        top: 55px; } }

.p-overflow-x.webkit {
  overflow: hidden; }
  .p-overflow-x.webkit body.tab-open {
    overflow: hidden; }
  .p-overflow-x.webkit #container {
    overflow: hidden; }
    .p-overflow-x.webkit #container #page {
      overflow: hidden; }
      .p-overflow-x.webkit #container #page #content {
        overflow: hidden; }

.wrapper {
  min-width: 320px;
  max-width: 970px;
  margin: 0 auto;
  /* @include transition(padding $slow); */ }
  @media (max-width: 970px) {
    .wrapper {
      padding-left: 2%;
      padding-right: 2%; } }
  @media (max-width: 966px) {
    .wrapper {
      padding-left: 0;
      padding-right: 0; } }
  @media (max-width: 640px) {
    .wrapper.padding-wrapper {
      padding-left: 3% !important;
      padding-right: 3% !important; } }

#container {
  min-height: 100%; }
  @media (max-width: 640px) {
    #container {
      min-height: 0; } }

#page {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 293px;
  transition: padding 0.45s;
  -moz-transition: padding 0.45s;
  /*  Firefox */
  -webkit-transition: padding 0.45s;
  /*  Safari and Chrome */
  -ms-transition: padding 0.45s;
  /*  ie */
  -o-transition: padding 0.45s;
  /*  Opera */ }
  @media (max-width: 640px) {
    #page {
      padding-bottom: 0; } }
  #page #content {
    width: 100%;
    padding-left: 0;
    /* @include transition(all $slow); */ }

.header-container {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }

footer {
  position: relative;
  margin-top: -293px;
  height: 293px;
  clear: both;
  overflow-x: hidden;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  @media (max-width: 640px) {
    footer {
      margin-top: 0;
      height: auto; } }

input {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  text-indent: 1em; }

input.input-text {
  height: 35px;
  border: 1px solid #dedede;
  padding: 4px;
  text-align: left;
  text-indent: 5px;
  -webkit-appearance: none;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.08333333333em !important;
  text-transform: inherit;
  color: #949494; }
  @media (max-width: 640px) {
    input.input-text {
      height: 40px; } }
  input.input-text.input-3col-even {
    float: left;
    width: 25% !important;
    margin-right: 5%; }
  input.input-text.input-3col-long {
    float: left;
    width: 40% !important;
    margin-right: 0; }
  input.input-text::-moz-focus-inner {
    border: 0;
    padding: 0; }
  input.input-text.validation-failed {
    border: 1px solid #cc3333; }
  input.input-text::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #949494; }
  input.input-text:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #949494;
    opacity: 1; }
  input.input-text::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #949494;
    opacity: 1; }
  input.input-text:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #949494; }

textarea {
  width: 100%;
  border: 1px solid #dedede;
  padding: 4px;
  text-align: left;
  -webkit-appearance: none;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.08333333333em !important;
  text-transform: inherit;
  color: #949494; }

select {
  height: 35px;
  border-radius: 0;
  background: none;
  border: 1px solid #dedede;
  text-indent: 1em;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em !important;
  text-transform: uppercase;
  color: #212121;
  line-height: 2.916em;
  letter-spacing: 0.05em;
  line-height: 35px;
  color: #444444; }
  @media (max-width: 640px) {
    select {
      font-size: 14px !important; } }
  @media (max-width: 640px) {
    select {
      /*background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll right -1791px white;*/
      background-size: 50px auto;
      text-indent: 10px;
      padding-right: 50px;
      text-overflow: ellipsis;
      overflow: hidden; } }

@media (max-width: 640px) {
  .android select {
    background: none; } }

.capitalize {
  text-transform: capitalize; }

.uppercase {
  text-transform: uppercase; }

.form-list .chzn-container-single .chzn-single {
  line-height: 2.5em;
  height: 2.667em; }
  .form-list .chzn-container-single .chzn-single span {
    text-transform: uppercase; }

p.required, a.required {
  color: #999999 !important;
  line-height: 3em;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.083em; }

/* Check Boxes & Radio */
input[type="checkbox"],
input[type="radio"] {
  display: none; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  position: relative;
  padding-left: 20px; }

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
  content: "";
  height: 10px;
  width: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 1px white inset;
  -moz-box-shadow: 0 0 0 1px white inset;
  box-shadow: 0 0 0 1px white inset;
  transition: background 0.45s;
  -moz-transition: background 0.45s;
  /*  Firefox */
  -webkit-transition: background 0.45s;
  /*  Safari and Chrome */
  -ms-transition: background 0.45s;
  /*  ie */
  -o-transition: background 0.45s;
  /*  Opera */ }

@media (max-width: 640px) {
  input[type="radio"] + label:before {
    height: 13px;
    width: 13px; } }

input[type="radio"] + label:before {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px; }

input[type="checkbox"] + label:after {
  background: transparent;
  content: "";
  height: 8px;
  left: 1px;
  line-height: 10px;
  margin-top: -5px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 8px; }

input[type="radio"] + label:after {
  content: "";
  height: 4px;
  left: 3px;
  margin-top: -3px;
  position: absolute;
  top: 50%;
  width: 4px;
  background: transparent;
  position: absolute;
  transition: background 0.45s;
  -moz-transition: background 0.45s;
  /*  Firefox */
  -webkit-transition: background 0.45s;
  /*  Safari and Chrome */
  -ms-transition: background 0.45s;
  /*  ie */
  -o-transition: background 0.45s;
  /*  Opera */
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px; }
  @media (max-width: 640px) {
    input[type="radio"] + label:after {
      width: 7px;
      height: 7px; } }

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
  border: 1px solid #212121; }

input[type="checkbox"]:checked + label:after {
  background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat center -1915px transparent; }

input[type="radio"]:checked + label:after {
  background: #212121; }

.mb-left input[type="checkbox"],
.mb-left input[type="radio"] {
  display: none; }
.mb-left input[type="checkbox"] + label:before,
.mb-left input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 5px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 0 1px white inset;
  -moz-box-shadow: 0 0 0 1px white inset;
  box-shadow: 0 0 0 1px white inset;
  transition: background 0.45s;
  -moz-transition: background 0.45s;
  /*  Firefox */
  -webkit-transition: background 0.45s;
  /*  Safari and Chrome */
  -ms-transition: background 0.45s;
  /*  ie */
  -o-transition: background 0.45s;
  /*  Opera */ }
.mb-left input[type="radio"] + label:before {
  border: 1px solid rgba(0, 0, 0, 0.3);
  cursor: pointer;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px; }
.mb-left input[type="checkbox"]:checked + label:before,
.mb-left input[type="radio"]:checked + label:before {
  border: 1px solid #242424;
  background: #242424;
  transition: background 0.45s;
  -moz-transition: background 0.45s;
  /*  Firefox */
  -webkit-transition: background 0.45s;
  /*  Safari and Chrome */
  -ms-transition: background 0.45s;
  /*  ie */
  -o-transition: background 0.45s;
  /*  Opera */ }

.cta {
  display: block;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  width: 120px;
  background: white;
  border: 1px solid #ccc;
  line-height: 33px;
  font-size: 1em;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 33px;
  color: #666666;
  letter-spacing: 0.05em;
  color: #666;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  @media (max-width: 640px) {
    .cta {
      font-size: 12px;
      color: #999999; } }
  @media (max-width: 640px) {
    .cta {
      width: auto;
      line-height: 38px;
      font-size: 12px; } }
  .cta span {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */
    text-transform: uppercase;
    color: black; }
  .cta:hover {
    background: #dedede;
    border-color: #dedede; }
  .cta:active {
    background: #dedede;
    border-color: #dedede; }
  .cta.cta-dark {
    width: 299px;
    background: #212121;
    border: 1px solid #212121;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 33px;
    color: #666666;
    letter-spacing: 0.05em;
    font-weight: bold; }
    @media (max-width: 640px) {
      .cta.cta-dark {
        font-size: 12px;
        color: #999999; } }
    @media (max-width: 640px) {
      .cta.cta-dark {
        width: auto;
        line-height: 38px;
        font-size: 15px; } }
    .cta.cta-dark span {
      color: white; }
    .cta.cta-dark:hover {
      background: #3b3a3a;
      border-color: #3b3a3a; }
    .cta.cta-dark:active {
      background: #3b3a3a;
      border-color: #3b3a3a; }
  .cta.cta-dark:hover, .cta.cta-dark:active, .cta.cta-dark:focus {
    background: #444444; }
  .cta.link-cta {
    display: block; }
  .cta::-moz-focus-inner {
    border: 0;
    padding: 0; }

button.button {
  display: block;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  padding: 0;
  width: 120px;
  background: white;
  border: 1px solid #ccc;
  line-height: 33px;
  font-size: 1em;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 33px;
  color: #666666;
  letter-spacing: 0.05em;
  color: #666;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  @media (max-width: 640px) {
    button.button {
      font-size: 12px;
      color: #999999; } }
  @media (max-width: 640px) {
    button.button {
      width: auto;
      line-height: 38px;
      font-size: 12px; } }
  button.button span {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */
    text-transform: uppercase;
    color: black; }
  button.button:hover {
    background: #dedede;
    border-color: #dedede; }
  button.button:active {
    background: #dedede;
    border-color: #dedede; }
  button.button.cta-dark {
    width: 299px;
    background: #212121;
    border: 1px solid #212121;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 33px;
    color: #666666;
    letter-spacing: 0.05em;
    font-weight: bold; }
    @media (max-width: 640px) {
      button.button.cta-dark {
        font-size: 12px;
        color: #999999; } }
    @media (max-width: 640px) {
      button.button.cta-dark {
        width: auto;
        line-height: 38px;
        font-size: 15px; } }
    button.button.cta-dark span {
      color: white; }
    button.button.cta-dark:hover {
      background: #3b3a3a;
      border-color: #3b3a3a; }
    button.button.cta-dark:active {
      background: #3b3a3a;
      border-color: #3b3a3a; }
  button.button.cta-dark:hover, button.button.cta-dark:active, button.button.cta-dark:focus {
    background: #444444; }
  button.button.link-cta {
    display: block; }
  button.button::-moz-focus-inner {
    border: 0;
    padding: 0; }

.cta-arrow {
  height: 32px;
  width: 32px;
  border: 1px solid #8f796a;
  background: #8f796a;
  position: relative;
  cursor: pointer; }
  .cta-arrow span {
    display: none; }
  .cta-arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid white;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: 12px;
    top: 10px; }
  .cta-arrow.cta-arrow-light {
    background: transparent; }
    .cta-arrow.cta-arrow-light:after {
      border-left: 5px solid #8f796a; }
  .cta-arrow.cta-arrow-light-emp {
    background: #f7f6f4;
    border: 1px solid #cccccc;
    border-left: 1px solid transparent; }
    .cta-arrow.cta-arrow-light-emp:after {
      border-left: 5px solid #8f796a; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.breadcrumbs li {
  display: inline-block;
  vertical-align: bottom;
  letter-spacing: 0.05em;
  line-height: 42px;
  color: #999999;
  font-size: 1em; }
  .breadcrumbs li span {
    font-size: 0.9166em;
    color: #999999; }
  .breadcrumbs li a {
    color: #999999;
    font-size: 0.9166em; }
  .breadcrumbs li strong, .breadcrumbs li h1 {
    font-size: 0.9166em;
    color: #212121;
    font-weight: normal; }
  .breadcrumbs li h1 {
    line-height: 42px; }
@media (max-width: 966px) {
  .breadcrumbs {
    display: none; } }

@media (max-width: 640px) {
  .price-box {
    font-size: 14px; } }
.price-box .price-label {
  display: none; }
.price-box .old-price .price {
  text-decoration: line-through; }
.price-box > * {
  display: inline-block; }

/*
.item {
	.price-box {
		
		font-size: 1em;
		@include respond-to(max-width, $resMobileWidth) {
			font-size: 0.8em;
		}
	}
}
*/
/*.plp-product-name-text .price-box>span:before{
	content: "—";
	display: inline;
}*/
.product-name, .product-name * {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  text-transform: capitalize; }
  @media (max-width: 640px) {
    .product-name, .product-name * {
      font-size: 15px;
      line-height: 20px; } }

.item .product-name, .item .product-name * {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  text-transform: capitalize; }
  @media (max-width: 640px) {
    .item .product-name, .item .product-name * {
      font-size: 15px;
      line-height: 20px; } }

.product-view .product-name, .product-view .product-name * {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    .product-view .product-name, .product-view .product-name * {
      font-size: 15px;
      line-height: 20px; } }
.product-view .item .product-name, .product-view .item .product-name * {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    .product-view .item .product-name, .product-view .item .product-name * {
      font-size: 15px;
      line-height: 20px; } }

.two-cols:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: relative;
  background: transparent;
  clear: both; }
.two-cols .col {
  width: 50%;
  float: left; }

/* Form Validation */
.validation-advice {
  margin-top: 5px;
  color: #cc3333;
  text-transform: none !important;
  font-size: 1em !important; }

/* Expiration date and CVV number validation fix */
.form-subscribe .validation-advice {
  display: block;
  position: absolute; }

ul.messages {
  max-width: 970px;
  margin: 0 auto; }
  ul.messages > li {
    padding: 10px 20px;
    margin: 10px 0; }
    ul.messages > li.success-msg {
      background: #f7f6f4; }
    ul.messages > li.error-msg {
      color: #cc3333;
      border: 1px solid #cc3333; }

.small-logo img {
  padding-top: 5px; }

.page-title {
  text-align: center;
  margin: 10px 0 0; }
  .page-title h1, .page-title h2, .page-title h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase; }
  .page-title * {
    line-height: 50px; }

.safari .data-table ~ .pager .limiter label {
  margin-right: 0px; }
.safari .data-table ~ .pager select {
  width: auto;
  border: none;
  text-indent: 0em;
  margin-top: 5px; }

.ie .fieldset .form-list > li label, .ie fieldset .form-list > li label, .ie11 .fieldset .form-list > li label, .ie11 fieldset .form-list > li label, .ie12 .fieldset .form-list > li label, .ie12 fieldset .form-list > li label, .ie13 .fieldset .form-list > li label, .ie13 fieldset .form-list > li label, .ie14 .fieldset .form-list > li label, .ie14 fieldset .form-list > li label {
  font-size: 0.9em !important; }
.ie .data-table ~ .pager .limiter label, .ie11 .data-table ~ .pager .limiter label, .ie12 .data-table ~ .pager .limiter label, .ie13 .data-table ~ .pager .limiter label, .ie14 .data-table ~ .pager .limiter label {
  margin-right: 0px; }
.ie .data-table ~ .pager select, .ie11 .data-table ~ .pager select, .ie12 .data-table ~ .pager select, .ie13 .data-table ~ .pager select, .ie14 .data-table ~ .pager select {
  width: auto;
  border: 1px solid #dedede;
  text-indent: 0em;
  margin-top: 5px; }

.data-table {
  width: 100%;
  line-height: 3.5em; }
  .data-table th {
    text-align: left;
    border-top: 1px solid #eff0f3;
    border-bottom: 1px solid #eff0f3;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.166em;
    color: #888888; }
    .data-table th.last {
      text-align: right; }
  .data-table tbody td {
    border-bottom: 1px solid #eff0f3;
    padding: 0 20px; }
    .data-table tbody td.last {
      text-align: right; }
  .data-table ~ .pager:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .data-table ~ .pager select {
    width: 57px;
    border: none; }
  .data-table ~ .pager .amount {
    display: none; }
  .data-table ~ .pager .pages {
    display: none; }
  .data-table ~ .pager .limiter {
    float: right; }
    .data-table ~ .pager .limiter label {
      margin-right: -10px; }
    .data-table ~ .pager .limiter > * {
      display: inline-block; }
    .data-table ~ .pager .limiter, .data-table ~ .pager .limiter * {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.083em;
      color: #888888; }
    .data-table ~ .pager .limiter .chosen-container .chosen-single {
      border: none; }
      .data-table ~ .pager .limiter .chosen-container .chosen-single div {
        background-color: transparent; }
    .data-table ~ .pager .limiter .chosen-container .chosen-drop {
      border-top: 1px solid #dedede; }
    @media (max-width: 640px) {
      .data-table ~ .pager .limiter {
        float: none;
        text-align: center; } }
  @media (max-width: 640px) {
    .data-table ~ .pager {
      margin-top: 20px; }
      .data-table ~ .pager select {
        background-position-x: 15px;
        padding-right: 20px; } }
  .data-table .product-name, .data-table .price, .data-table .qty {
    color: #333333; }

.column {
  height: 100%; }
  .column:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .column .col {
    float: left; }

form {
  display: block; }

.fieldset .input-box input.input-text, .fieldset .input-box select, fieldset .input-box input.input-text, fieldset .input-box select {
  width: 100%; }
@media (max-width: 640px) {
  .fieldset .input-box select, fieldset .input-box select {
    opacity: 1;
    -moz-opacity: 1;
    /* do nothing */ } }
.fieldset .form-list > li, fieldset .form-list > li {
  width: 100%;
  margin-bottom: 15px; }
  .fieldset .form-list > li:after, fieldset .form-list > li:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .fieldset .form-list > li label, .fieldset .form-list > li .input-box, fieldset .form-list > li label, fieldset .form-list > li .input-box {
    float: left; }
    @media (max-width: 640px) {
      .fieldset .form-list > li label, .fieldset .form-list > li .input-box, fieldset .form-list > li label, fieldset .form-list > li .input-box {
        float: none; } }
  .fieldset .form-list > li label, fieldset .form-list > li label {
    width: 35%;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em !important;
    text-transform: uppercase;
    color: #212121;
    line-height: 2.916em;
    letter-spacing: 0.05em; }
    @media (max-width: 640px) {
      .fieldset .form-list > li label, fieldset .form-list > li label {
        font-size: 14px !important; } }
    @media (max-width: 768px) {
      .fieldset .form-list > li label, fieldset .form-list > li label {
        font-size: 0.9em !important; } }
    @media (max-width: 640px) {
      .fieldset .form-list > li label, fieldset .form-list > li label {
        width: 100%;
        font-size: 1em !important; } }
  .fieldset .form-list > li .input-box, fieldset .form-list > li .input-box {
    width: 65%; }
    @media (max-width: 640px) {
      .fieldset .form-list > li .input-box, fieldset .form-list > li .input-box {
        width: 100%; } }
  .fieldset .form-list > li.add-field .input-box, fieldset .form-list > li.add-field .input-box {
    margin-left: 35%; }
    @media (max-width: 640px) {
      .fieldset .form-list > li.add-field .input-box, fieldset .form-list > li.add-field .input-box {
        margin-left: 0; } }
  .fieldset .form-list > li.control, fieldset .form-list > li.control {
    margin-bottom: 0; }
    .fieldset .form-list > li.control .input-box, fieldset .form-list > li.control .input-box {
      margin-left: 35%; }
      @media (max-width: 640px) {
        .fieldset .form-list > li.control .input-box, fieldset .form-list > li.control .input-box {
          margin-left: 0; } }
    .fieldset .form-list > li.control label, fieldset .form-list > li.control label {
      width: 100%;
      cursor: pointer;
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.08333333333em !important;
      text-transform: inherit;
      color: #949494;
      line-height: 1.83em; }
    .fieldset .form-list > li.control.last, fieldset .form-list > li.control.last {
      margin-bottom: 15px; }
  .fieldset .form-list > li.buttons-set, fieldset .form-list > li.buttons-set {
    padding-left: 35%; }
    .fieldset .form-list > li.buttons-set button, fieldset .form-list > li.buttons-set button {
      width: 100%; }
    @media (max-width: 640px) {
      .fieldset .form-list > li.buttons-set, fieldset .form-list > li.buttons-set {
        padding: 0; } }
.fieldset .form-list.v-form-list > li, fieldset .form-list.v-form-list > li {
  margin-bottom: 5px; }
  .fieldset .form-list.v-form-list > li label, fieldset .form-list.v-form-list > li label {
    display: block;
    width: 100%;
    line-height: 2.3em; }
  .fieldset .form-list.v-form-list > li .input-box, fieldset .form-list.v-form-list > li .input-box {
    display: block;
    width: 100%; }
  .fieldset .form-list.v-form-list > li.fields .field, fieldset .form-list.v-form-list > li.fields .field {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0;
    width: 48%; }
    .fieldset .form-list.v-form-list > li.fields .field:first-child, fieldset .form-list.v-form-list > li.fields .field:first-child {
      margin-right: 2%; }
  @media (max-width: 640px) {
    .fieldset .form-list.v-form-list > li.fields .field, fieldset .form-list.v-form-list > li.fields .field {
      display: block;
      width: 100%; }
      .fieldset .form-list.v-form-list > li.fields .field:first-child, fieldset .form-list.v-form-list > li.fields .field:first-child {
        margin-right: 0; } }
.fieldset .field, fieldset .field {
  width: 100%;
  margin-bottom: 15px; }
  .fieldset .field:last-child, fieldset .field:last-child {
    margin-bottom: 0; }
  .fieldset .field:after, fieldset .field:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }

.col-2-form {
  position: relative;
  width: 100%; }
  .col-2-form .fieldset {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-right: 2%; }
    .col-2-form .fieldset:last-child {
      margin-right: 0; }

.desktop-elem-css {
  display: block;
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    .desktop-elem-css {
      display: none !important;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }

td.desktop-elem-css, th.desktop-elem-css {
  display: table-cell;
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    td.desktop-elem-css, th.desktop-elem-css {
      display: none !important;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }

tr.desktop-elem-css {
  display: table-row;
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    tr.desktop-elem-css {
      display: none !important;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }

table.desktop-elem-css {
  display: table;
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    table.desktop-elem-css {
      display: none !important;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }

td.mobile-elem-css {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    td.mobile-elem-css {
      display: table-cell;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }

.mobile-elem-css {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    .mobile-elem-css {
      display: block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }

.mobile-elem-inline-css {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    .mobile-elem-inline-css {
      display: inline-block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }

.center-text {
  /* Require container to be position related or absolute */
  position: absolute;
  top: 50%;
  left: 50%;
  height: 30%;
  width: 50%;
  margin: -15% 0 0 -25%;
  text-align: center; }

.center-table-text {
  height: 100%;
  width: 100%;
  display: table; }
  .center-table-text .inner-helper {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
    .center-table-text .inner-helper * {
      margin-left: auto;
      margin-right: auto; }
    .center-table-text .inner-helper .form-subscribe .validation-advice {
      width: 100%; }

.heart {
  position: relative;
  width: 20px;
  height: 18px; }
  .heart:before, .heart:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 0;
    width: 10px;
    height: 16px;
    background: #d8dbe7;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%; }
  .heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%; }
  .heart.product-heart {
    position: absolute;
    top: 10px;
    right: 10px; }

.play-button {
  width: 50px;
  height: 50px;
  background: #bebcbb;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  cursor: pointer;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  .play-button:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid black;
    border-bottom: 8px solid transparent;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -8px;
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
  .play-button:hover {
    background: rgba(30, 30, 30, 0.8); }
    .play-button:hover:after {
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-left: 8px solid white;
      border-bottom: 8px solid transparent; }

.scroll-helper {
  width: 32px;
  height: 32px;
  background: #f7f6f4;
  border: 1px solid #cccccc;
  position: fixed;
  z-index: 30;
  right: 30px;
  top: 100%;
  cursor: pointer;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  .scroll-helper:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #8f796a;
    border-right: 5px solid transparent;
    position: absolute;
    right: 10px;
    top: 8px; }

.no-route-page .no-route-content {
  text-align: center;
  margin-top: 88px; }
  .no-route-page .no-route-content h1 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #888888; }
  .no-route-page .no-route-content p {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.166em;
    color: #888888;
    margin-bottom: 10px; }
    @media (max-width: 966px) {
      .no-route-page .no-route-content p {
        width: 80%;
        margin-left: auto;
        margin-right: auto; } }
  .no-route-page .no-route-content .cta {
    width: 169px;
    margin: 0 auto; }
.no-route-page .box-collateral {
  margin-top: 78px; }
  @media (max-width: 640px) {
    .no-route-page .box-collateral {
      margin-top: 30px; } }
  .no-route-page .box-collateral .section-content {
    display: block; }
    @media (max-width: 640px) {
      .no-route-page .box-collateral .section-content {
        display: block; } }
  @media (max-width: 640px) {
    .no-route-page .box-collateral .category-products .products-grid .item:last-child {
      display: block; } }
  @media (max-width: 640px) {
    .no-route-page .box-collateral .category-products .products-grid .item:nth-child(3) {
      display: block; } }

#size-chart {
  overflow: auto; }
  #size-chart .logo {
    text-align: center;
    display: block;
    margin: 0 auto 30px;
    height: 27px;
    width: 277px; }
  #size-chart * {
    font-size: 12px !important; }
  #size-chart .sc-title, #size-chart th {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    letter-spacing: 0.02em;
    line-height: 40px;
    text-transform: uppercase; }
  #size-chart .sc-title {
    border-bottom: 1px solid #dedede; }
  #size-chart .wrapper {
    max-width: 853px;
    padding: 40px; }
    @media (max-width: 966px) {
      #size-chart .wrapper {
        padding: 20px; } }
  #size-chart .chart-table {
    display: block;
    width: 100%; }
    #size-chart .chart-table tr:nth-child(odd) {
      background: #eff0f4; }
    #size-chart .chart-table tr:nth-child(even) {
      line-height: 40px; }
    #size-chart .chart-table thead, #size-chart .chart-table tbody, #size-chart .chart-table tr {
      width: 100%;
      display: block; }
      #size-chart .chart-table thead:after, #size-chart .chart-table tbody:after, #size-chart .chart-table tr:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      #size-chart .chart-table thead td, #size-chart .chart-table thead th, #size-chart .chart-table tbody td, #size-chart .chart-table tbody th, #size-chart .chart-table tr td, #size-chart .chart-table tr th {
        float: left; }
        #size-chart .chart-table thead td.col-1, #size-chart .chart-table thead th.col-1, #size-chart .chart-table tbody td.col-1, #size-chart .chart-table tbody th.col-1, #size-chart .chart-table tr td.col-1, #size-chart .chart-table tr th.col-1 {
          font-family: Arial, sans-serif;
          font-weight: bold;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.17em;
          letter-spacing: 0.02em;
          text-transform: uppercase;
          font-size: 1em;
          color: #212121; }
          #size-chart .chart-table thead td.col-1 span, #size-chart .chart-table thead th.col-1 span, #size-chart .chart-table tbody td.col-1 span, #size-chart .chart-table tbody th.col-1 span, #size-chart .chart-table tr td.col-1 span, #size-chart .chart-table tr th.col-1 span {
            width: 50%;
            display: block;
            float: left; }
            #size-chart .chart-table thead td.col-1 span:first-child, #size-chart .chart-table thead th.col-1 span:first-child, #size-chart .chart-table tbody td.col-1 span:first-child, #size-chart .chart-table tbody th.col-1 span:first-child, #size-chart .chart-table tr td.col-1 span:first-child, #size-chart .chart-table tr th.col-1 span:first-child {
              text-align: right;
              padding-right: 4px; }
            #size-chart .chart-table thead td.col-1 span:last-child, #size-chart .chart-table thead th.col-1 span:last-child, #size-chart .chart-table tbody td.col-1 span:last-child, #size-chart .chart-table tbody th.col-1 span:last-child, #size-chart .chart-table tr td.col-1 span:last-child, #size-chart .chart-table tr th.col-1 span:last-child {
              text-align: left;
              padding-left: 4px;
              border-left: 1px solid silver; }
    #size-chart .chart-table td {
      text-align: center;
      color: #777777; }
    #size-chart .chart-table th {
      background: white; }
  #size-chart section {
    width: 710px;
    margin-bottom: 20px; }
    #size-chart section.sc-1 {
      width: 492px; }
      #size-chart section.sc-1 th, #size-chart section.sc-1 td {
        width: 16.666667%; }
    #size-chart section.sc-2 td {
      width: 6.42857143%; }
      #size-chart section.sc-2 td.col-1 {
        width: 10%;
        text-align: left;
        padding-left: 2%; }
    #size-chart section.sc-3 {
      width: 425px; }
      #size-chart section.sc-3 td {
        width: 20%; }
        #size-chart section.sc-3 td.col-1 {
          text-align: left;
          padding-left: 2%; }

/* Rating Box */
.rating-box {
  width: 100px;
  height: 20px;
  font-size: 0;
  line-height: 0;
  background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/star_small.png) 0 100% repeat-x;
  overflow: hidden;
  background-size: 20px; }
  .rating-box .rating {
    float: left;
    height: 20px;
    background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/star_small.png) 0 0 repeat-x;
    background-size: 20px; }

.rating-entry .rating-inputs {
  position: relative; }
  .rating-entry .rating-inputs:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .rating-entry .rating-inputs .input-wrapper {
    display: block;
    float: left;
    position: relative;
    height: 25px;
    width: 50px; }
    .rating-entry .rating-inputs .input-wrapper:after {
      content: "";
      display: block;
      position: absolute;
      width: 50px;
      height: 25px;
      background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/star.png) no-repeat 0 -25px transparent;
      top: 0;
      left: 0;
      background-size: 50px;
      transition: all 0.45s;
      -moz-transition: all 0.45s;
      /*  Firefox */
      -webkit-transition: all 0.45s;
      /*  Safari and Chrome */
      -ms-transition: all 0.45s;
      /*  ie */
      -o-transition: all 0.45s;
      /*  Opera */ }
    .rating-entry .rating-inputs .input-wrapper input {
      height: 25px;
      width: 50px;
      display: block;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0);
      position: absolute;
      z-index: 2;
      top: 0;
      left: 0;
      cursor: pointer; }
    .rating-entry .rating-inputs .input-wrapper.active:after {
      background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/star.png) no-repeat 0 0 transparent;
      background-size: 50px; }

.text-align-center {
  text-align: center; }

.text-align-left {
  text-align: left; }

.text-align-right {
  text-align: right; }

.display-none {
  display: block; }

.display-block {
  display: block; }

.share-button {
  cursor: pointer;
  color: #999999;
  margin-left: 10px; }
  .share-button:before {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
  .share-button:hover:before {
    color: black; }

.link-wishlist-2 {
  border: medium none !important;
  color: #666 !important; }
  .link-wishlist-2:hover {
    background: none repeat scroll 0 0 transparent !important; }

select + .validation-advice {
  position: absolute;
  bottom: -17px; }

/*Desktop search*/
.v-align-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%); }

@media (max-width: 640px) {
  .custom-dropdown {
    width: 100%; } }

.item-options .label-size,
.item-options .label-Size {
  display: none; }

.wd-blog #primary.wrapper {
  min-width: 270px; }

.effect-button {
  transition-delay: 2s;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  background-color: #666; }
  .effect-button .effect-button-text {
    color: white;
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    /*  Firefox */
    -webkit-transition: all 0.25s;
    /*  Safari and Chrome */
    -ms-transition: all 0.25s;
    /*  ie */
    -o-transition: all 0.25s;
    /*  Opera */ }
  .effect-button.effect-on {
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    /*  Firefox */
    -webkit-transition: all 0.25s;
    /*  Safari and Chrome */
    -ms-transition: all 0.25s;
    /*  ie */
    -o-transition: all 0.25s;
    /*  Opera */
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    background-color: #111; }
    .effect-button.effect-on .effect-button-text {
      transition: all 0.5s;
      -moz-transition: all 0.5s;
      /*  Firefox */
      -webkit-transition: all 0.5s;
      /*  Safari and Chrome */
      -ms-transition: all 0.5s;
      /*  ie */
      -o-transition: all 0.5s;
      /*  Opera */
      transform: scale(1.3, 1.3);
      color: transparent; }
    .effect-button.effect-on .effect-button-loader {
      background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/opc-ajax-loader.gif) center center no-repeat transparent; }
  .effect-button .effect-button-loader {
    transition-delay: 1s;
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    /*  Firefox */
    -webkit-transition: all 0.25s;
    /*  Safari and Chrome */
    -ms-transition: all 0.25s;
    /*  ie */
    -o-transition: all 0.25s;
    /*  Opera */
    background: none center center no-repeat transparent; }

body > .hide-in-top-level {
  display: none; }

.notclickable, a.notclickable {
  cursor: default; }

.regular-logo, .small-logo, .text-logo, .white-logo, .img-container, article.post > a {
  display: block; }

html.ie #quickshop.quickshop-configurable .product-view .product-essential .price-box > *, html.ie11 #quickshop.quickshop-configurable .product-view .product-essential .price-box > * {
  white-space: nowrap; }

/* Non-support browsers handling */
.ie8 #container, .ie8 footer, .ie9 #container, .ie9 footer {
  display: none; }

.non-support-browser-wrapper {
  display: none; }

.ie8 .non-support-browser-wrapper,
.ie9 .non-support-browser-wrapper {
  display: block; }

.non-support-browser-header {
  padding: 40px 0 40px;
  min-height: 60px;
  position: relative;
  z-index: 5;
  width: 90%;
  margin: auto; }

.non-support-browser-wrapper {
  background: white;
  padding-bottom: 20px; }

.non-support-browser-page {
  max-width: 940px;
  margin: 0 auto;
  text-align: center; }

.non-support-browser-logo {
  width: 196px;
  height: 110px;
  overflow: hidden; }

.non-support-browser-main-container {
  width: 90%;
  margin: auto; }

.non-support-browser-footer-container address.copyright {
  margin-top: 40px;
  font-style: normal; }

.non-support-browser-col-main .non-support-browser-page-title {
  margin-left: -20px;
  margin-right: -20px; }

.non-support-browser-page-title {
  margin-bottom: 20px;
  padding: 115px 20px 11px; }

.non-support-browser-logo img {
  display: inline;
  max-width: 100%; }

.non-support-browser-page-main {
  margin: 0 0 14px;
  min-height: 350px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: left; }

#non-support-browser-main {
  text-align: center; }

.non-support-browser-copy {
  font-size: 17px;
  padding: 0 100px; }

header {
  /*@include respond-to(max-width, 360px) {
  	.header-container .header .branding .logo-conatiner .logo {
  		right: 40px;
  	}
  }*/ }
  header .header-container .header-callout {
    display: block;
    background: #242424;
    text-align: center;
    color: #e1e1e1;
    font-family: 'Times New Roman',sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 1.083em;
    line-height: 18px;
    line-height: 2.5em;
    font-size: 1.16em; }
    @media (max-width: 966px) {
      header .header-container .header-callout {
        display: none; } }
    header .header-container .header-callout.mt-elem {
      display: none; }
      @media (max-width: 966px) {
        header .header-container .header-callout.mt-elem {
          display: none;
          position: absolute;
          top: 65px;
          width: 100%;
          line-height: 2.6em; } }
      @media (max-width: 640px) {
        header .header-container .header-callout.mt-elem {
          display: none; } }
  header .header-container .header-panel > .wrapper {
    position: relative;
    /*@include respond-to(max-width, $resMobileWidth) {
    	height: 55px;
    	width: 100%;
    	position: fixed;
    	top: 0;
    	z-index: 100;
    	background: white;
    	@include transition(all $slow);
    }*/ }
    @media (max-width: 966px) {
      header .header-container .header-panel > .wrapper {
        padding: 0 !important;
        border-bottom: 1px solid #cccccc;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 100;
        background: #dddddd;
        transition: all 0.45s;
        -moz-transition: all 0.45s;
        /*  Firefox */
        -webkit-transition: all 0.45s;
        /*  Safari and Chrome */
        -ms-transition: all 0.45s;
        /*  ie */
        -o-transition: all 0.45s;
        /*  Opera */ } }
    header .header-container .header-panel > .wrapper .mobile-search-alt {
      display: none; }
      @media (max-width: 966px) {
        header .header-container .header-panel > .wrapper .mobile-search-alt {
          background: none repeat scroll 0 0 white;
          height: 100%;
          position: absolute;
          width: 0;
          z-index: 2;
          padding: 0;
          opacity: 0;
          -moz-opacity: 0;
          filter: alpha(opacity=0);
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1em !important;
          color: #777777;
          letter-spacing: 0.05em;
          transition: all 0.45s;
          -moz-transition: all 0.45s;
          /*  Firefox */
          -webkit-transition: all 0.45s;
          /*  Safari and Chrome */
          -ms-transition: all 0.45s;
          /*  ie */
          -o-transition: all 0.45s;
          /*  Opera */ } }
    header .header-container .header-panel > .wrapper .top-left-callout {
      height: 100%;
      padding-left: 10px; }
      @media (max-width: 966px) {
        header .header-container .header-panel > .wrapper .top-left-callout {
          padding-left: 0px;
          cursor: pointer; } }
      header .header-container .header-panel > .wrapper .top-left-callout > * {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        margin-right: 25px;
        opacity: 1;
        -moz-opacity: 1;
        /* do nothing */ }
        @media (max-width: 966px) {
          header .header-container .header-panel > .wrapper .top-left-callout > * {
            display: none; } }
        header .header-container .header-panel > .wrapper .top-left-callout > * a {
          text-transform: capitalize;
          display: block;
          line-height: 35px; }
        header .header-container .header-panel > .wrapper .top-left-callout > *.mobile-ctl {
          display: none;
          position: relative;
          width: 64px;
          height: 64px;
          margin: 0;
          display: none;
          border-right: 0px solid #cccccc;
          z-index: 1;
          transition: all 0.45s;
          -moz-transition: all 0.45s;
          /*  Firefox */
          -webkit-transition: all 0.45s;
          /*  Safari and Chrome */
          -ms-transition: all 0.45s;
          /*  ie */
          -o-transition: all 0.45s;
          /*  Opera */
          /*
          &:after {
          	content: "";
          	width: 75%;
          	height: 75%;
          	display: block;
          	background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -2570px transparent;
          	background-size: 50px auto;
          	position: absolute;
          	left: 50%;
          	top: 50%;
          	margin-left: -37.5%;
          	margin-top: -37.5%;
          	@include opacity(0);
          	@include transition(all $slow);
          }*/
          /*@include respond-to(max-width, $resMobileWidth) {
          	width: 55px;
          	height: 55px;
          }*/ }
          header .header-container .header-panel > .wrapper .top-left-callout > *.mobile-ctl:before {
            font-family: "Welden Icon Font";
            font-weight: normal;
            font-style: normal;
            content: "\e617";
            width: 75%;
            height: 75%;
            display: block;
            /* background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -1715px transparent; */
            background-size: 50px auto;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -37.5%;
            margin-top: -37.5%;
            opacity: 1;
            -moz-opacity: 1;
            /* do nothing */
            transition: all 0.45s;
            -moz-transition: all 0.45s;
            /*  Firefox */
            -webkit-transition: all 0.45s;
            /*  Safari and Chrome */
            -ms-transition: all 0.45s;
            /*  ie */
            -o-transition: all 0.45s;
            /*  Opera */
            font-size: 20px;
            text-align: center;
            line-height: 46px;
            color: #555; }
          header .header-container .header-panel > .wrapper .top-left-callout > *.mobile-ctl:after {
            font-family: "Welden Icon Font";
            font-weight: normal;
            font-style: normal;
            content: "\e617";
            width: 75%;
            height: 75%;
            display: block;
            /* background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -1715px transparent; */
            background-size: 50px auto;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -37.5%;
            margin-top: -37.5%;
            opacity: 1;
            -moz-opacity: 1;
            /* do nothing */
            transition: all 0.45s;
            -moz-transition: all 0.45s;
            /*  Firefox */
            -webkit-transition: all 0.45s;
            /*  Safari and Chrome */
            -ms-transition: all 0.45s;
            /*  ie */
            -o-transition: all 0.45s;
            /*  Opera */
            font-size: 20px;
            text-align: center;
            line-height: 46px;
            color: #555; }
          header .header-container .header-panel > .wrapper .top-left-callout > *.mobile-ctl.active:before {
            opacity: 0;
            -moz-opacity: 0;
            filter: alpha(opacity=0); }
          header .header-container .header-panel > .wrapper .top-left-callout > *.mobile-ctl.active:after {
            opacity: 1;
            -moz-opacity: 1;
            /* do nothing */ }
          @media (max-width: 966px) {
            header .header-container .header-panel > .wrapper .top-left-callout > *.mobile-ctl {
              display: block;
              float: left; } }
      header .header-container .header-panel > .wrapper .top-left-callout .desktop-elem {
        display: inline-block;
        opacity: 1;
        -moz-opacity: 1;
        /* do nothing */ }
        @media (max-width: 640px) {
          header .header-container .header-panel > .wrapper .top-left-callout .desktop-elem {
            display: none;
            opacity: 0;
            -moz-opacity: 0;
            filter: alpha(opacity=0); } }
      header .header-container .header-panel > .wrapper .top-left-callout .mobile-elem {
        display: none;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0); }
        @media (max-width: 640px) {
          header .header-container .header-panel > .wrapper .top-left-callout .mobile-elem {
            display: inline-block;
            opacity: 1;
            -moz-opacity: 1;
            /* do nothing */ } }
    header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container {
      display: inline-block;
      vertical-align: middle; }
      header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > * {
        display: inline-block;
        vertical-align: middle; }
        header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > *#search {
          height: 25px;
          text-indent: 0;
          border: 0;
          padding: 0;
          border-bottom: 1px solid #cccccc;
          width: 0;
          transition: all 0.45s;
          -moz-transition: all 0.45s;
          /*  Firefox */
          -webkit-transition: all 0.45s;
          /*  Safari and Chrome */
          -ms-transition: all 0.45s;
          /*  ie */
          -o-transition: all 0.45s;
          /*  Opera */
          margin: 6px 6px 0 0; }
          header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > *#search.active {
            padding: 4px;
            width: 123px; }
        header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > *.inline-botton {
        /*
        background: none repeat scroll 0 0 transparent;
        font-size: $size; 
        display: inline-block; 
        width: 0.45em; 
        height: 0.4em; 
        border: 0.08em solid $color; 
        position: relative; 
        border-radius: 0.35em;
        margin-top: -0.1em;
      
        &:before {
          content: "";
          display: inline-block; 
          position: absolute; 
          right: -0.2em; 
          bottom: -0.1em; 
          border-width: 0; 
          background: $color; 
          width: 0.2em; 
          height: 0.08em; 
          -webkit-transform: rotate(45deg); 
          -moz-transform: rotate(45deg); 
          -ms-transform: rotate(45deg); 
          -o-transform: rotate(45deg);
        }
      
        @include respond-to(max-width, $resNavWidth) {
          border: 0.08em solid $color; 
          width: 0.4em;  
        }*/
          margin-top: 7px;
          padding: 3px;
          background-color: transparent; }
          header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > *.inline-botton:before {
            font-family: "Welden Icon Font";
            font-weight: normal;
            font-style: normal;
            content: "\e986";
            color: #999999;
            font-size: 13px; }
      header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container #search_autocomplete,
      header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container #second_search_autocomplete {
        padding: 2px; }
        header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container #search_autocomplete .amount,
        header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container #second_search_autocomplete .amount {
          margin-right: 5px; }
    header .header-container .header-panel > .wrapper .top-search .form-search .header-action-link {
      display: inline-block;
      vertical-align: middle;
      border-left: 1px solid #eee;
      height: 18px;
      margin: 5px 0 0 15px;
      padding-top: 2px;
      padding-left: 0px;
      padding-right: 2px; }
      header .header-container .header-panel > .wrapper .top-search .form-search .header-action-link.towhite {
        border-left: 1px solid white; }
    @media (max-width: 966px) {
      header .header-container .header-panel > .wrapper .utility-links .top-search {
        display: none; } }
    header .header-container .header-panel > .wrapper .header-action-link {
      display: inline-block;
      vertical-align: middle;
      font-weight: normal;
      line-height: 34px;
      font-size: 12px;
      border: 1px solid transparent;
      border-bottom: none;
      padding: 0 10px 0 3px;
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      color: #999;
      letter-spacing: 1px;
      transition: all 0.45s;
      -moz-transition: all 0.45s;
      /*  Firefox */
      -webkit-transition: all 0.45s;
      /*  Safari and Chrome */
      -ms-transition: all 0.45s;
      /*  ie */
      -o-transition: all 0.45s;
      /*  Opera */ }
      @media (max-width: 966px) {
        header .header-container .header-panel > .wrapper .header-action-link {
          padding: 0;
          border: none;
          color: white;
          line-height: 64px;
          width: 64px;
          position: relative; }
          header .header-container .header-panel > .wrapper .header-action-link span {
            position: absolute;
            color: #666666;
            width: 100%;
            height: 100%;
            top: 4px;
            left: 0;
            display: block;
            text-align: center;
            background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/shoppingbag.png) no-repeat 9px 15px transparent;
            background-size: 55%; } }
          @media (max-width: 966px) and (max-width: 640px) {
            header .header-container .header-panel > .wrapper .header-action-link span {
              /*background: none;*/ } }
    header .header-container .header-panel > .wrapper .utility-links {
      height: 100%;
      padding-right: 10px;
      /*@include transition(all $slow);*/
      transition: none 0.45s;
      -moz-transition: none 0.45s;
      /*  Firefox */
      -webkit-transition: none 0.45s;
      /*  Safari and Chrome */
      -ms-transition: none 0.45s;
      /*  ie */
      -o-transition: none 0.45s;
      /*  Opera */ }
      header .header-container .header-panel > .wrapper .utility-links > * {
        display: inline-block;
        vertical-align: middle;
        height: 100%; }
      @media (max-width: 966px) {
        header .header-container .header-panel > .wrapper .utility-links .top-subscribe {
          display: none; } }
      header .header-container .header-panel > .wrapper .utility-links a {
        text-transform: uppercase;
        display: block; }
      header .header-container .header-panel > .wrapper .utility-links .links {
        margin-right: -3px; }
        @media (max-width: 966px) {
          header .header-container .header-panel > .wrapper .utility-links .links {
            display: none; } }
        header .header-container .header-panel > .wrapper .utility-links .links > li {
          display: inline-block;
          vertical-align: middle;
          position: relative;
          height: 100%;
          padding: 0;
          cursor: pointer;
          margin-left: 0px;
          transition: all 0.45s;
          -moz-transition: all 0.45s;
          /*  Firefox */
          -webkit-transition: all 0.45s;
          /*  Safari and Chrome */
          -ms-transition: all 0.45s;
          /*  ie */
          -o-transition: all 0.45s;
          /*  Opera */ }
          header .header-container .header-panel > .wrapper .utility-links .links > li > a {
            padding: 0 10px;
            transition: all 0.45s;
            -moz-transition: all 0.45s;
            /*  Firefox */
            -webkit-transition: all 0.45s;
            /*  Safari and Chrome */
            -ms-transition: all 0.45s;
            /*  ie */
            -o-transition: all 0.45s;
            /*  Opera */
            display: block;
            font-family: "Neuzeit Grot Regular", Arial, serif;
            font-weight: normal;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 12px;
            line-height: 34px;
            color: #333333;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #999; }
            header .header-container .header-panel > .wrapper .utility-links .links > li > a.account-links {
              transition: all 0.25s;
              -moz-transition: all 0.25s;
              /*  Firefox */
              -webkit-transition: all 0.25s;
              /*  Safari and Chrome */
              -ms-transition: all 0.25s;
              /*  ie */
              -o-transition: all 0.25s;
              /*  Opera */ }
            @media (max-width: 640px) {
              header .header-container .header-panel > .wrapper .utility-links .links > li > a {
                font-size: 12px;
                color: #999999; } }
          header .header-container .header-panel > .wrapper .utility-links .links > li .account-links {
            border: 1px solid transparent;
            border-bottom: 0px solid transparent; }
          header .header-container .header-panel > .wrapper .utility-links .links > li a.account-links:hover, header .header-container .header-panel > .wrapper .utility-links .links > li a.account-links:active, header .header-container .header-panel > .wrapper .utility-links .links > li a.account-links:focus {
            color: #666666;
            transition: all 0.45s;
            -moz-transition: all 0.45s;
            /*  Firefox */
            -webkit-transition: all 0.45s;
            /*  Safari and Chrome */
            -ms-transition: all 0.45s;
            /*  ie */
            -o-transition: all 0.45s;
            /*  Opera */ }
          header .header-container .header-panel > .wrapper .utility-links .links > li .account-dropdown {
            background: white;
            top: 100%;
            height: 0;
            padding: 0 10px 0 10px;
            width: 130%;
            position: absolute;
            left: 0;
            z-index: -1;
            border: 1px solid transparent;
            opacity: 0;
            -moz-opacity: 0;
            filter: alpha(opacity=0);
            transition: opacity 0.45s;
            -moz-transition: opacity 0.45s;
            /*  Firefox */
            -webkit-transition: opacity 0.45s;
            /*  Safari and Chrome */
            -ms-transition: opacity 0.45s;
            /*  ie */
            -o-transition: opacity 0.45s;
            /*  Opera */ }
            header .header-container .header-panel > .wrapper .utility-links .links > li .account-dropdown a {
              font-family: "Neuzeit Grot Regular", Arial, serif;
              font-weight: normal;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              font-size: 1.083em;
              text-transform: capitalize;
              color: #777777;
              line-height: 30px; }
          header .header-container .header-panel > .wrapper .utility-links .links > li:hover > a.link-has-dropdown, header .header-container .header-panel > .wrapper .utility-links .links > li.active > a.link-has-dropdown, header .header-container .header-panel > .wrapper .utility-links .links > li:focus > a.link-has-dropdown {
            border: 1px solid #cccccc;
            border-bottom: 0px solid transparent; }
          header .header-container .header-panel > .wrapper .utility-links .links > li:hover:after, header .header-container .header-panel > .wrapper .utility-links .links > li.active:after, header .header-container .header-panel > .wrapper .utility-links .links > li:focus:after {
            content: "";
            width: 98%;
            height: 4px;
            background: transparent;
            display: block;
            position: absolute;
            bottom: -2px;
            left: 1%;
            z-index: 101; }
          header .header-container .header-panel > .wrapper .utility-links .links > li:hover .account-dropdown:after, header .header-container .header-panel > .wrapper .utility-links .links > li.active .account-dropdown:after, header .header-container .header-panel > .wrapper .utility-links .links > li:focus .account-dropdown:after {
            background: none repeat scroll 0 0 white;
            content: "";
            display: block;
            height: 1px;
            left: 0;
            position: absolute;
            top: -1px;
            width: 77%;
            z-index: 101;
            transition: all 0.25s;
            -moz-transition: all 0.25s;
            /*  Firefox */
            -webkit-transition: all 0.25s;
            /*  Safari and Chrome */
            -ms-transition: all 0.25s;
            /*  ie */
            -o-transition: all 0.25s;
            /*  Opera */ }
          header .header-container .header-panel > .wrapper .utility-links .links > li:hover .account-dropdown, header .header-container .header-panel > .wrapper .utility-links .links > li.active .account-dropdown, header .header-container .header-panel > .wrapper .utility-links .links > li:focus .account-dropdown {
            height: auto;
            padding: 0 10px 5px 10px;
            border-color: #cccccc;
            z-index: 101;
            opacity: 1;
            -moz-opacity: 1;
            /* do nothing */ }
      header .header-container .header-panel > .wrapper .utility-links .top-cart {
        max-height: 64px;
        /*position: relative;*/
        padding: 0;
        float: none;
        margin-right: -10px; }
        header .header-container .header-panel > .wrapper .utility-links .top-cart.active .block-title {
          background-color: white; }
          @media (min-width: 966px) {
            header .header-container .header-panel > .wrapper .utility-links .top-cart.active .block-title {
              position: relative;
              top: 1px;
              z-index: 200; } }
        header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title {
          display: block;
          height: 100%;
          cursor: pointer; }
          header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title * {
            /*@include transition(all $slow);*/ }
          @media (max-width: 966px) {
            header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title {
              margin-right: 10px; } }
          @media (max-width: 640px) {
            header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title {
              margin-right: 6px; } }
          header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a {
            font-weight: normal;
            line-height: 34px;
            font-size: 12px;
            border: 1px solid transparent;
            border-bottom: none;
            padding: 0 10px;
            font-family: "Neuzeit Grot Regular", Arial, serif;
            font-weight: normal;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transition: all 0.45s;
            -moz-transition: all 0.45s;
            /*  Firefox */
            -webkit-transition: all 0.45s;
            /*  Safari and Chrome */
            -ms-transition: all 0.45s;
            /*  ie */
            -o-transition: all 0.45s;
            /*  Opera */ }
            @media (max-width: 966px) {
              header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a {
                padding: 0;
                border: none;
                color: white;
                line-height: 60px;
                max-height: 65px;
                width: 37px;
                position: relative;
                color: transparent; }
                header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a span {
                  position: absolute;
                  color: #666666;
                  width: 100%;
                  height: 100%;
                  top: 4px;
                  left: 0;
                  display: block;
                  text-align: center;
                  background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/shoppingbag.png) no-repeat 9px 15px transparent;
                  background-size: 55%; } }
                @media (max-width: 966px) and (max-width: 640px) {
                  header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a span {
                    /*background: none;*/ } }
        header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a:hover, header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title:hover, header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title:focus {
          color: #666666;
          transition: all 0.45s;
          -moz-transition: all 0.45s;
          /*  Firefox */
          -webkit-transition: all 0.45s;
          /*  Safari and Chrome */
          -ms-transition: all 0.45s;
          /*  ie */
          -o-transition: all 0.45s;
          /*  Opera */ }
        header .header-container .header-panel > .wrapper .utility-links .top-cart.active .block-title a {
          border-color: #cccccc;
          position: relative; }
          @media (max-width: 966px) {
            header .header-container .header-panel > .wrapper .utility-links .top-cart.active .block-title a {
              border: none; } }
        @media (max-width: 966px) {
          header .header-container .header-panel > .wrapper .utility-links .top-cart {
            /*border-left: 1px solid $lightGrey;*/
            margin-right: 0; }
            header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title {
              display: block;
              height: 100%;
              cursor: pointer;
              padding: 0 6px; }
              header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title * {
                /*@include transition(all $slow);*/ }
              header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a {
                font-weight: normal;
                line-height: 34px;
                font-size: 12px;
                border: 1px solid white;
                border-bottom: none;
                padding: 0 10px;
                font-family: "Neuzeit Grot Regular", Arial, serif;
                font-weight: normal;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                transition: all 0.45s;
                -moz-transition: all 0.45s;
                /*  Firefox */
                -webkit-transition: all 0.45s;
                /*  Safari and Chrome */
                -ms-transition: all 0.45s;
                /*  ie */
                -o-transition: all 0.45s;
                /*  Opera */
                padding: 0;
                border: none;
                color: transparent;
                line-height: 60px;
                width: 39px;
                position: relative; }
                header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a span {
                  position: absolute;
                  color: #666666;
                  width: 100%;
                  height: 100%;
                  top: 4px;
                  left: 0;
                  display: block;
                  text-align: center;
                  background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/shoppingbag.png) no-repeat 9px 15px transparent;
                  background-size: 55%; } }
                @media (max-width: 966px) and (max-width: 640px) {
                  header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a span {
                    /*background: none;*/ } }
        @media (max-width: 640px) {
          header .header-container .header-panel > .wrapper .utility-links .top-cart {
            /* height: 55px;
            width: 100%;
            left: 0;
            margin-left: 0;
            margin-right: 0;
            padding: 0 55px;
            position: absolute;
            border: none; */
            /*
            .block-title {
            	width: 100%;
            	a {
            		line-height: 55px;
            		width: 100%;
            		color: $speGrey4;
            		text-align: center;
            		@include rk-neu-b;
            		font-size: 1em;
            		text-transform: uppercase;
            		span {
            			color: $speGrey4;
            			position: relative;
            			display: initial;
            			&:before, &:after { display: none; }
            		}
            	}
            }*/ }
            header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title {
              display: block;
              height: 100%;
              cursor: pointer;
              padding: 0 6px; }
              header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title * {
                /*@include transition(all $slow);*/ }
              header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a {
                font-weight: normal;
                line-height: 34px;
                font-size: 12px;
                border: 1px solid white;
                border-bottom: none;
                padding: 0 10px;
                font-family: "Neuzeit Grot Regular", Arial, serif;
                font-weight: normal;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                transition: all 0.45s;
                -moz-transition: all 0.45s;
                /*  Firefox */
                -webkit-transition: all 0.45s;
                /*  Safari and Chrome */
                -ms-transition: all 0.45s;
                /*  ie */
                -o-transition: all 0.45s;
                /*  Opera */
                padding: 0;
                border: none;
                color: transparent;
                line-height: 60px;
                width: 39px;
                position: relative; }
                header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a span {
                  position: absolute;
                  color: #666666;
                  width: 100%;
                  height: 100%;
                  top: 4px;
                  left: 0;
                  display: block;
                  text-align: center;
                  background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/shoppingbag.png) no-repeat 9px 15px transparent;
                  background-size: 55%; } }
                @media (max-width: 640px) and (max-width: 640px) {
                  header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a span {
                    /*background: none;*/ } }
      header .header-container .header-panel > .wrapper .utility-links .search-alt {
        display: none;
        position: relative;
        font-size: 12px;
        margin-left: -4px;
        /*@include respond-to(max-width, $resMobileWidth) {
        	width: 55px;
        	height: 55px;
        }*/ }
        @media (max-width: 966px) {
          header .header-container .header-panel > .wrapper .utility-links .search-alt {
            display: inline-block;
            vertical-align: middle;
            height: 32px;
            width: 40px;
            border-left: 1px solid #cccccc;
            margin: 16px 0 16px -4px; }
            header .header-container .header-panel > .wrapper .utility-links .search-alt a {
            /*
            background: none repeat scroll 0 0 transparent;
            font-size: $size; 
            display: inline-block; 
            width: 0.45em; 
            height: 0.4em; 
            border: 0.08em solid $color; 
            position: relative; 
            border-radius: 0.35em;
            margin-top: -0.1em;
          
            &:before {
              content: "";
              display: inline-block; 
              position: absolute; 
              right: -0.2em; 
              bottom: -0.1em; 
              border-width: 0; 
              background: $color; 
              width: 0.2em; 
              height: 0.08em; 
              -webkit-transform: rotate(45deg); 
              -moz-transform: rotate(45deg); 
              -ms-transform: rotate(45deg); 
              -o-transform: rotate(45deg);
            }
          
            @include respond-to(max-width, $resNavWidth) {
              border: 0.08em solid $color; 
              width: 0.4em;  
            }*/
              display: block;
              position: absolute;
              top: 40%;
              margin-top: -0.2em;
              left: 50%;
              margin-left: -0.2em; }
              header .header-container .header-panel > .wrapper .utility-links .search-alt a:before {
                font-family: "Welden Icon Font";
                font-weight: normal;
                font-style: normal;
                content: "\e986";
                color: #999999;
                font-size: 16px; } }
      header .header-container .header-panel > .wrapper .utility-links .desktop-elem {
        display: inline-block;
        opacity: 1;
        -moz-opacity: 1;
        /* do nothing */ }
        @media (max-width: 640px) {
          header .header-container .header-panel > .wrapper .utility-links .desktop-elem {
            display: none;
            opacity: 0;
            -moz-opacity: 0;
            filter: alpha(opacity=0); } }
      header .header-container .header-panel > .wrapper .utility-links .mobile-elem {
        display: none;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0); }
        @media (max-width: 640px) {
          header .header-container .header-panel > .wrapper .utility-links .mobile-elem {
            display: inline-block;
            opacity: 1;
            -moz-opacity: 1;
            /* do nothing */ } }
  header .header-container .header-panel > .wrapper .utility-links a:hover,
  header .header-container .header-panel > .wrapper .utility-links a:active,
  header .header-container .header-panel > .wrapper .utility-links a:focus {
    color: #666666;
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
  header .header-container .header-text {
    text-transform: uppercase;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    line-height: 12px;
    color: #999999;
    letter-spacing: 0.05em; }
    @media (max-width: 640px) {
      header .header-container .header-text {
        font-size: 12px;
        color: #999999; } }
  header .header-container .top-left-text {
    line-height: 34px; }
  header .header-container .header {
    background: none repeat scroll 0 0 transparent; }
    @media (max-width: 966px) {
      header .header-container .header {
        height: 0; } }
    header .header-container .header .branding {
      height: 27px;
      padding: 57px 0;
      position: relative; }
      header .header-container .header .branding .logo-conatiner {
        width: 65px;
        height: 99px;
        position: absolute;
        left: 50%;
        margin-left: -32.5px;
        top: 0; }
        header .header-container .header .branding .logo-conatiner strong {
          display: none; }
      header .header-container .header .branding .logo {
        position: relative;
        top: -10px; }
        @media (max-width: 966px) {
          header .header-container .header .branding .logo {
            top: 3px; } }
      @media (max-width: 966px) {
        header .header-container .header .branding {
          padding: 0;
          height: 0;
          overflow-y: visible; }
          header .header-container .header .branding .logo-conatiner {
            top: 18px;
            position: fixed;
            z-index: 100;
            transition: left 0.45s;
            -moz-transition: left 0.45s;
            /*  Firefox */
            -webkit-transition: left 0.45s;
            /*  Safari and Chrome */
            -ms-transition: left 0.45s;
            /*  ie */
            -o-transition: left 0.45s;
            /*  Opera */
            transition: margin-left 0.45s;
            -moz-transition: margin-left 0.45s;
            /*  Firefox */
            -webkit-transition: margin-left 0.45s;
            /*  Safari and Chrome */
            -ms-transition: margin-left 0.45s;
            /*  ie */
            -o-transition: margin-left 0.45s;
            /*  Opera */
            -webkit-animation-name: fadeIn;
            animation-name: fadeIn;
            -webkit-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
            header .header-container .header .branding .logo-conatiner.search-active {
              -webkit-animation-name: fadeOut;
              animation-name: fadeOut;
              -webkit-animation-duration: 1s;
              animation-duration: 1s;
              -webkit-animation-fill-mode: both;
              animation-fill-mode: both; } }
      @media (max-width: 640px) {
        header .header-container .header .branding .logo-conatiner {
          top: 8px;
          /*position: absolute;*/
          z-index: 100; } }
  @media (max-width: 966px) {
    header {
      height: 124px; } }
  @media (max-width: 640px) {
    header {
      height: 66px;
      /*border-bottom: 1px solid $lightGrey;*/ }
      .cms-home header {
        height: 124px; } }
  @media (max-width: 640px) {
    header .header-container .header .branding .logo-conatiner .logo .regular-logo {
      display: none; }
    header .header-container .header .branding .logo-conatiner .logo .text-logo {
      display: block;
      opacity: 1; }
      header .header-container .header .branding .logo-conatiner .logo .text-logo img {
        margin: 0 0 35px -10px; }
    header .header-container .header .branding .logo-conatiner {
      top: 24px; } }

/* END header */
@media (max-width: 360px) {
  .tab-open .logo-conatiner {
    display: none; } }
#top-menu {
  text-align: center; }
  #top-menu .level-1-container {
    width: 100%;
    position: relative;
    display: block;
    height: 31px;
    white-space: nowrap;
    font-size: 0;
    opacity: 1;
    -moz-opacity: 1;
    /* do nothing */
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
    @media (max-width: 966px) {
      #top-menu .level-1-container {
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0); } }
    #top-menu .level-1-container:after {
      content: "";
      width: 0;
      height: 0;
      display: block;
      clear: both; }
    #top-menu .level-1-container .level-1 {
      display: inline-block;
      cursor: pointer;
      vertical-align: top;
      margin-bottom: 10px;
      padding: 0px 0px;
      -moz-box-sizing: content-box;
      -webkit-box-sizing: content-box;
      -ms-box-sizing: content-box;
      box-sizing: content-box;
      /*&:nth-last-child(2) {
      	> a { color: red; }
      }*/ }
      #top-menu .level-1-container .level-1 * {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -ms-box-sizing: content-box;
        box-sizing: content-box; }
      #top-menu .level-1-container .level-1 > a {
        display: block;
        text-transform: uppercase;
        white-space: nowrap;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        line-height: 12px;
        color: #999999;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        /*font-size: 13px;
        letter-spacing: 0.05em;*/
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        color: black;
        line-height: 15px;
        transition: all 0.45s;
        -moz-transition: all 0.45s;
        /*  Firefox */
        -webkit-transition: all 0.45s;
        /*  Safari and Chrome */
        -ms-transition: all 0.45s;
        /*  ie */
        -o-transition: all 0.45s;
        /*  Opera */
        padding: 0 20px;
        border-right: 1px solid #ccc; }
        @media (max-width: 640px) {
          #top-menu .level-1-container .level-1 > a {
            font-size: 12px;
            color: #999999; } }
      #top-menu .level-1-container .level-1:first-child {
        padding-left: 0; }
      #top-menu .level-1-container .level-1:last-child {
        margin: 0 0 20px 0;
        padding-right: 0 !important; }
        #top-menu .level-1-container .level-1:last-child a {
          /*text-align: right !important;*/
          border-right: 0px solid #cccccc; }
      #top-menu .level-1-container .level-1:hover > a, #top-menu .level-1-container .level-1.active > a, #top-menu .level-1-container .level-1.current > a {
        color: #212121; }
    #top-menu .level-1-container.lv1-count-7 .level-1 {
      padding: 0 3.66%; }
      #top-menu .level-1-container.lv1-count-7 .level-1:first-child {
        padding-left: 0; }
    #top-menu .level-1-container.lv1-count-8 .level-1 {
      padding: 0 2.1%; }
      #top-menu .level-1-container.lv1-count-8 .level-1:first-child {
        padding-left: 0; }
    #top-menu .level-1-container.lv1-count-9 .level-1 {
      padding: 0 1.9765%; }
      #top-menu .level-1-container.lv1-count-9 .level-1:first-child {
        padding-left: 0; }
  #top-menu .drop-down-container {
    display: none;
    background: white;
    position: absolute;
    width: 100%;
    z-index: 30;
    overflow: hidden;
    height: 0;
    overflow-y: hidden;
    border-top: 1px solid #efeeec;
    border-bottom: 1px solid #efeeec;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0); }
    #top-menu .drop-down-container .level-2-container {
      background: white;
      width: 100%;
      height: 100%;
      position: relative;
      display: block;
      overflow: hidden; }
      #top-menu .drop-down-container .level-2-container .flow-container {
        width: 1000%;
        position: relative;
        left: 0; }
        #top-menu .drop-down-container .level-2-container .flow-container .level-2 {
          display: none;
          float: left;
          opacity: 0;
          height: 100%;
          width: 10%;
          padding: 18px 0;
          overflow-y: hidden; }
          #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left {
            float: left;
            height: 100%;
            display: table-cell; }
            #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left .cat-title {
              /* hide */
              border-bottom: 1px solid #e5e2df;
              font-size: 15px;
              padding-bottom: 10px;
              text-transform: uppercase; }
            #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left .cats-container .subcats-container {
              float: left;
              width: 46%;
              margin-right: 2%;
              margin-bottom: 10px; }
              #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left .cats-container .subcats-container .subcat-title {
                display: block;
                white-space: nowrap;
                text-transform: capitalize;
                font-family: "Neuzeit Grot Regular", Arial, serif;
                font-weight: normal;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 12px;
                line-height: 33px;
                color: #666666;
                letter-spacing: 0.05em;
                text-transform: uppercase; }
                #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left .cats-container .subcats-container .subcat-title:hover {
                  color: #005095; }
                @media (max-width: 640px) {
                  #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left .cats-container .subcats-container .subcat-title {
                    font-size: 12px;
                    color: #999999; } }
              #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left .cats-container .subcats-container .level-3-container a {
                text-transform: capitalize;
                color: #666666; }
                #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left .cats-container .subcats-container .level-3-container a:hover {
                  color: #005095; }
            #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left.cat-links {
              margin-right: 0;
              width: 34%; }
            #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left.cat-image {
              width: 40%;
              margin-right: 0; }
            #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left.cat-desc-info {
              width: 26%;
              height: 264px;
              text-align: center;
              color: #888888; }
              #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left.cat-desc-info h4, #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left.cat-desc-info h3 {
                text-transform: uppercase;
                font-family: Arial, sans-serif;
                font-weight: bold;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 1.17em;
                margin-bottom: 10px; }
              #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left.cat-desc-info p {
                font-family: "Neuzeit Grot Regular", Arial, serif;
                font-weight: normal;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 1.083em;
                line-height: 1.5em;
                margin: -2px auto;
                width: 80%; }
              #top-menu .drop-down-container .level-2-container .flow-container .level-2 .col-left.cat-desc-info .cta {
                margin-top: 18px; }
          #top-menu .drop-down-container .level-2-container .flow-container .level-2.world-of-reed-krakoff .col-left .cats-container .fake-cat-wrapper {
            -webkit-column-count: 2;
            /* Chrome, Safari, Opera */
            -moz-column-count: 2;
            /* Firefox */
            column-count: 2;
            -webkit-column-fill: auto;
            -moz-column-fill: auto;
            column-fill: auto;
            height: 175px;
            min-height: 175px;
            text-indent: 1em; }
          #top-menu .drop-down-container .level-2-container .flow-container .level-2.world-of-reed-krakoff .col-left .cats-container .subcats-container {
            float: none;
            display: block; }
            #top-menu .drop-down-container .level-2-container .flow-container .level-2.world-of-reed-krakoff .col-left .cats-container .subcats-container.fake-sub-title {
              margin-bottom: 0; }
            #top-menu .drop-down-container .level-2-container .flow-container .level-2.world-of-reed-krakoff .col-left .cats-container .subcats-container.fake-title-container {
              display: block;
              margin-bottom: 0;
              vertical-align: top; }
              #top-menu .drop-down-container .level-2-container .flow-container .level-2.world-of-reed-krakoff .col-left .cats-container .subcats-container.fake-title-container .subcat-title {
                text-transform: capitalize;
                color: #666666;
                font-family: 'Times New Roman',sans-serif;
                font-weight: normal;
                font-style: normal;
                font-size: 1em; }

.tablet-menu {
  position: fixed;
  top: 0;
  left: -50%;
  background: white;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: hidden;
  /*change from scroll to hidden*/
  -webkit-overflow-scrolling: touch;
  width: 50%;
  border-right: 1px solid #cccccc;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.45s;
  -moz-transition: opacity 0.45s;
  /*  Firefox */
  -webkit-transition: opacity 0.45s;
  /*  Safari and Chrome */
  -ms-transition: opacity 0.45s;
  /*  ie */
  -o-transition: opacity 0.45s;
  /*  Opera */ }
  @media (max-width: 640px) {
    .tablet-menu {
      left: -260px;
      width: 260px; } }
  .tablet-menu.active {
    left: 0;
    opacity: 1;
    -moz-opacity: 1;
    /* do nothing */ }
    .tablet-menu.active > .inner-container {
      -webkit-animation-name: slide-in;
      animation-name: slide-in;
      -webkit-animation-duration: 0.5s;
      animation-duration: 0.5s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      overflow-x: hidden;
      overflow-y: scroll; }
  .tablet-menu > .inner-container {
    width: 100%;
    height: 100%;
    padding-top: 30px; }
    .tablet-menu > .inner-container #subscribe-popup-form {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: white; }
      .tablet-menu > .inner-container #subscribe-popup-form .form-subscribe {
        display: block;
        margin-top: 30px;
        height: auto; }
        .tablet-menu > .inner-container #subscribe-popup-form .form-subscribe p {
          margin-top: 15px;
          margin-bottom: 30px;
          padding: 0 20px;
          line-height: 1.3em;
          width: auto; }
        .tablet-menu > .inner-container #subscribe-popup-form .form-subscribe .field-set {
          width: 317px; }
      .tablet-menu > .inner-container #subscribe-popup-form .message {
        margin: 30px auto;
        width: 317px; }
      @media (max-width: 640px) {
        .tablet-menu > .inner-container #subscribe-popup-form .form-subscribe .message {
          width: 100%; }
        .tablet-menu > .inner-container #subscribe-popup-form .form-subscribe .field-set {
          width: 100%;
          padding: 0 20px;
          margin-top: 15px; }
          .tablet-menu > .inner-container #subscribe-popup-form .form-subscribe .field-set ul li.fields .field {
            width: 100%;
            float: none; }
            .tablet-menu > .inner-container #subscribe-popup-form .form-subscribe .field-set ul li.fields .field:first-child {
              margin-right: 0;
              margin-bottom: 15px; } }
    .tablet-menu > .inner-container .tab-ctl {
      width: 100%;
      line-height: 60px;
      border-bottom: 0px solid #e5e2df;
      position: relative;
      text-align: center; }
      .tablet-menu > .inner-container .tab-ctl > a {
        display: block;
        padding-left: 0px;
        padding-right: 0px;
        margin: 0 22%;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 40px;
        color: #999999;
        letter-spacing: 0;
        color: #777777; }
        @media (max-width: 640px) {
          .tablet-menu > .inner-container .tab-ctl > a {
            font-size: 15px;
            line-height: 20px; } }
      .tablet-menu > .inner-container .tab-ctl.tablet-account-logout > a {
        color: #212121; }
      .tablet-menu > .inner-container .tab-ctl.tablet-account {
        border-top: 0px solid #e5e2df; }
        .tablet-menu > .inner-container .tab-ctl.tablet-account a {
          margin-top: 5px;
          padding-top: 2px;
          border-top: 1px solid #e5e2df; }
      .tablet-menu > .inner-container .tab-ctl.tablet-shopping-bag a {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-bottom: 1px solid #e5e2df; }
      .tablet-menu > .inner-container .tab-ctl.cat-ctl {
        height: auto;
        padding-left: 0;
        background: white;
        border: none;
        line-height: 40px;
        text-align: center; }
        .tablet-menu > .inner-container .tab-ctl.cat-ctl a {
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 14px;
          line-height: 40px;
          color: #111111;
          letter-spacing: 0; }
          @media (max-width: 640px) {
            .tablet-menu > .inner-container .tab-ctl.cat-ctl a {
              font-size: 15px;
              line-height: 40px; } }
        .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-1-title {
          display: block;
          padding-right: 0px;
          padding-left: 0px;
          cursor: pointer;
          position: relative;
          text-transform: uppercase;
          background: none; }
          .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-1-title.active + .lv-2-container {
            border-top: 1px solid #e5e2df; }
        .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-2-container {
          height: 0;
          overflow-y: hidden;
          text-transform: uppercase;
          margin: 0 22%; }
          .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-2-container .inner-container {
            height: auto;
            opacity: 0;
            -moz-opacity: 0;
            filter: alpha(opacity=0); }
            .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-2-container .inner-container .lv-2 {
              padding-left: 0px;
              padding-right: 0px; }
              .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-2-container .inner-container .lv-2:last-child {
                border-bottom: 1px solid #e5e2df; }
              .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-2-container .inner-container .lv-2 .lv-2-title {
                display: block;
                color: #999; }
              .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-2-container .inner-container .lv-2 .lv-3 {
                padding-left: 20px; }
                .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-2-container .inner-container .lv-2 .lv-3 .lv-3-title {
                  display: block;
                  color: #999; }
    .tablet-menu > .inner-container .mob-ctl {
      display: none; }
    @media (max-width: 640px) {
      .tablet-menu > .inner-container .tab-ctl > a {
        padding-left: 0px;
        padding-right: 0px;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 40px;
        color: #999999;
        letter-spacing: 0;
        margin: 0 22%; }
      .tablet-menu > .inner-container .tab-ctl.cat-ctl {
        /* .lv-2-container {
        	margin-left: 50px;
        }*/ }
        .tablet-menu > .inner-container .tab-ctl.cat-ctl a {
          color: #333; }
        .tablet-menu > .inner-container .tab-ctl.cat-ctl .lv-1-title {
          padding-left: 10px;
          padding-right: 10px; }
      .tablet-menu > .inner-container .tab-ctl.tablet-account {
        margin-top: 10px; }
      .tablet-menu > .inner-container .mob-ctl {
        display: block;
        line-height: 40px;
        padding-left: 20px; }
        .tablet-menu > .inner-container .mob-ctl * {
          font-family: Arial, sans-serif;
          font-weight: bold;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          text-transform: uppercase;
          color: #999999; }
        .tablet-menu > .inner-container .mob-ctl.mobile-subscribe {
          margin: 20px 0; }
          .tablet-menu > .inner-container .mob-ctl.mobile-subscribe input.input-text {
            background: #e9e9e9;
            width: 274px; }
            .tablet-menu > .inner-container .mob-ctl.mobile-subscribe input.input-text::-webkit-input-placeholder {
              /* WebKit browsers */
              color: #999999; }
            .tablet-menu > .inner-container .mob-ctl.mobile-subscribe input.input-text:-moz-placeholder {
              /* Mozilla Firefox 4 to 18 */
              color: #999999;
              opacity: 1; }
            .tablet-menu > .inner-container .mob-ctl.mobile-subscribe input.input-text::-moz-placeholder {
              /* Mozilla Firefox 19+ */
              color: #999999;
              opacity: 1; }
            .tablet-menu > .inner-container .mob-ctl.mobile-subscribe input.input-text:-ms-input-placeholder {
              /* Internet Explorer 10+ */
              color: #999999; }
        .tablet-menu > .inner-container .mob-ctl.mobile-terms {
          margin-bottom: 20px; } }
      @media (max-width: 640px) and (max-width: 640px) {
        .tablet-menu > .inner-container .tab-ctl > a {
          font-size: 15px;
          line-height: 40px; } }

#subscribe-popup-wrapper,
#oos-popup-wrapper {
  padding: 40px 0; }

#subscribe-popup-wrapper,
#oos-popup-wrapper,
.onemodal .box-content .box-inner .alert-message.success,
.onemodal .box-content .box-inner .alert-message.error {
  border: 60px solid #eeeeee;
  min-width: 650px;
  /* min-height: 482px; */
  background: #fff; }

.tablet-menu #subscribe-popup-wrapper,
.tablet-menu #oos-popup-wrapper {
  border: none;
  min-height: 100%;
  min-width: 100%; }

.box-content #oos-popup-wrapper {
  min-height: 150px; }
  .box-content #oos-popup-wrapper .oos-popup-inner-container {
    height: 150px; }
  .box-content #oos-popup-wrapper .oos-popup-content {
    display: block; }
    .box-content #oos-popup-wrapper .oos-popup-content > p {
      margin-bottom: 15px; }

#subscribe-popup-form, .oos-popup-inner-container {
  width: 100%;
  height: 350px;
  color: #888888;
  display: table; }
  #subscribe-popup-form h4, #subscribe-popup-form p, .oos-popup-inner-container h4, .oos-popup-inner-container p {
    text-align: center;
    display: block; }
  #subscribe-popup-form h4, .oos-popup-inner-container h4 {
    font-family: "Freight Big Pro Book", Georgia, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333333;
    font-size: 36px;
    line-height: 36px; }
  #subscribe-popup-form p, .oos-popup-inner-container p {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.083em;
    line-height: 1.667em;
    margin: -2px 0; }
  #subscribe-popup-form .cta, .oos-popup-inner-container .cta {
    margin: 0 auto;
    width: 190px; }
  #subscribe-popup-form .form-subscribe, #subscribe-popup-form .oos-popup-content, .oos-popup-inner-container .form-subscribe, .oos-popup-inner-container .oos-popup-content {
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
    #subscribe-popup-form .form-subscribe > p, #subscribe-popup-form .oos-popup-content > p, .oos-popup-inner-container .form-subscribe > p, .oos-popup-inner-container .oos-popup-content > p {
      width: 350px;
      margin: 35px auto;
      font-size: 14px;
      line-height: 28px;
      color: #888888; }
    #subscribe-popup-form .form-subscribe .field-set, #subscribe-popup-form .oos-popup-content .field-set, .oos-popup-inner-container .form-subscribe .field-set, .oos-popup-inner-container .oos-popup-content .field-set {
      width: 350px;
      margin: 0 auto; }
      #subscribe-popup-form .form-subscribe .field-set ul li, #subscribe-popup-form .oos-popup-content .field-set ul li, .oos-popup-inner-container .form-subscribe .field-set ul li, .oos-popup-inner-container .oos-popup-content .field-set ul li {
        position: relative;
        margin-bottom: 15px; }
        #subscribe-popup-form .form-subscribe .field-set ul li.fields:after, #subscribe-popup-form .oos-popup-content .field-set ul li.fields:after, .oos-popup-inner-container .form-subscribe .field-set ul li.fields:after, .oos-popup-inner-container .oos-popup-content .field-set ul li.fields:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        #subscribe-popup-form .form-subscribe .field-set ul li.fields .field, #subscribe-popup-form .oos-popup-content .field-set ul li.fields .field, .oos-popup-inner-container .form-subscribe .field-set ul li.fields .field, .oos-popup-inner-container .oos-popup-content .field-set ul li.fields .field {
          float: left;
          width: 47.8%; }
          #subscribe-popup-form .form-subscribe .field-set ul li.fields .field:first-child, #subscribe-popup-form .oos-popup-content .field-set ul li.fields .field:first-child, .oos-popup-inner-container .form-subscribe .field-set ul li.fields .field:first-child, .oos-popup-inner-container .oos-popup-content .field-set ul li.fields .field:first-child {
            margin-right: 4.28%; }
        #subscribe-popup-form .form-subscribe .field-set ul li input, #subscribe-popup-form .oos-popup-content .field-set ul li input, .oos-popup-inner-container .form-subscribe .field-set ul li input, .oos-popup-inner-container .oos-popup-content .field-set ul li input {
          width: 100%; }
          #subscribe-popup-form .form-subscribe .field-set ul li input.input-text, #subscribe-popup-form .oos-popup-content .field-set ul li input.input-text, .oos-popup-inner-container .form-subscribe .field-set ul li input.input-text, .oos-popup-inner-container .oos-popup-content .field-set ul li input.input-text {
            font-family: "Neuzeit Grot Regular", Arial, serif;
            font-weight: normal;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 0.91666667em !important; }
        #subscribe-popup-form .form-subscribe .field-set ul li input.input-text, #subscribe-popup-form .oos-popup-content .field-set ul li input.input-text, .oos-popup-inner-container .form-subscribe .field-set ul li input.input-text, .oos-popup-inner-container .oos-popup-content .field-set ul li input.input-text {
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: black; }
        #subscribe-popup-form .form-subscribe .field-set ul li .validation-advice, #subscribe-popup-form .oos-popup-content .field-set ul li .validation-advice, .oos-popup-inner-container .form-subscribe .field-set ul li .validation-advice, .oos-popup-inner-container .oos-popup-content .field-set ul li .validation-advice {
          position: relative;
          line-height: 1em; }
        #subscribe-popup-form .form-subscribe .field-set ul li ::-webkit-input-placeholder, #subscribe-popup-form .oos-popup-content .field-set ul li ::-webkit-input-placeholder, .oos-popup-inner-container .form-subscribe .field-set ul li ::-webkit-input-placeholder, .oos-popup-inner-container .oos-popup-content .field-set ul li ::-webkit-input-placeholder {
          color: #949494; }
        #subscribe-popup-form .form-subscribe .field-set ul li :-moz-placeholder, #subscribe-popup-form .oos-popup-content .field-set ul li :-moz-placeholder, .oos-popup-inner-container .form-subscribe .field-set ul li :-moz-placeholder, .oos-popup-inner-container .oos-popup-content .field-set ul li :-moz-placeholder {
          /* Firefox 18- */
          color: #949494; }
        #subscribe-popup-form .form-subscribe .field-set ul li ::-moz-placeholder, #subscribe-popup-form .oos-popup-content .field-set ul li ::-moz-placeholder, .oos-popup-inner-container .form-subscribe .field-set ul li ::-moz-placeholder, .oos-popup-inner-container .oos-popup-content .field-set ul li ::-moz-placeholder {
          /* Firefox 19+ */
          color: #949494; }
        #subscribe-popup-form .form-subscribe .field-set ul li :-ms-input-placeholder, #subscribe-popup-form .oos-popup-content .field-set ul li :-ms-input-placeholder, .oos-popup-inner-container .form-subscribe .field-set ul li :-ms-input-placeholder, .oos-popup-inner-container .oos-popup-content .field-set ul li :-ms-input-placeholder {
          color: #949494; }

/* END #subscribe-popup-form */
/*  extra modify */
.top-subscribe, .list-elem {
  border-top: 1px solid transparent; }

@media (max-width: 966px) {
  .top-subscribe {
    display: none; } }

.sample-level-2 {
  border: 1px solid #cccccc;
  display: none;
  left: -20%;
  margin: auto;
  position: absolute;
  width: 140%;
  z-index: 10;
  top: 31px; }

.shown-sub .sample-level-2 {
  display: block;
  background-color: white; }
  .shown-sub .sample-level-2 .sample-level-2-item:hover {
    background-color: #eee; }

.sample-level-2-container.shown-sub {
  padding-top: 17px; }

#top-menu .sample-level-2-item {
  font-size: 12px;
  text-transform: uppercase; }
  #top-menu .sample-level-2-item > a {
    display: block; }

.level-1 {
  position: relative; }

#top-menu .level-1:after {
  content: "";
  border-right: 1px solid #999; }

#nav .level-1:last-child:after {
  border-right: 0px solid transparent; }

.subcat-title {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 35px;
  color: black;
  letter-spacing: 0.05em; }
  @media (max-width: 640px) {
    .subcat-title {
      font-size: 12px;
      color: #999999; } }

.topcat-title {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 12px;
  color: black;
  letter-spacing: 0.05em; }
  @media (max-width: 640px) {
    .topcat-title {
      font-size: 12px;
      color: #999999; } }

.sample-level-2-container .sample-level-2-item {
  display: none; }

.sample-level-2-container.shown-sub .sample-level-2-item {
  display: block; }

header.global {
  position: relative;
  z-index: 30; }

@media (min-width: 966px) {
  header.global.tosticky {
    background: none repeat scroll 0 0 white;
    transition: "all" 1s;
    -moz-transition: "all" 1s;
    /*  Firefox */
    -webkit-transition: "all" 1s;
    /*  Safari and Chrome */
    -ms-transition: "all" 1s;
    /*  ie */
    -o-transition: "all" 1s;
    /*  Opera */
    position: fixed;
    width: 100%; }
    .safari header.global.tosticky {
      transition: "none" 0;
      -moz-transition: "none" 0;
      /*  Firefox */
      -webkit-transition: "none" 0;
      /*  Safari and Chrome */
      -ms-transition: "none" 0;
      /*  ie */
      -o-transition: "none" 0;
      /*  Opera */ }
    header.global.tosticky #top-menu .level-1-container .level-1 > a {
      border-right: 1px solid #212121; }
    header.global.tosticky div.header-container {
      padding: 0 10px;
      margin: auto;
      max-width: 970px;
      width: 100%;
      height: 100px;
      border-bottom: 1px solid #eee;
      background-color: white; }
    header.global.tosticky .top-left-callout {
      display: none; }
    header.global.tosticky .branding, header.global.tosticky #top-menu, header.global.tosticky .header-panel, header.global.tosticky .header {
      display: inline-block;
      vertical-align: top; }
    header.global.tosticky .header-panel {
      float: right;
      background-color: transparent; }
      header.global.tosticky .header-panel .wrapper {
        margin-top: 30px; }
    header.global.tosticky .header {
      float: left; }
    header.global.tosticky .small-logo {
      display: block; }
    header.global.tosticky .regular-logo {
      display: none; }
    header.global.tosticky .header .branding {
      padding: 0; }
      header.global.tosticky .header .branding .logo-conatiner {
        height: auto;
        left: 0;
        margin-left: 0;
        margin-top: 15px;
        position: static;
        top: 0;
        vertical-align: top;
        width: auto; }
        header.global.tosticky .header .branding .logo-conatiner .logo {
          position: static; }
    header.global.tosticky .branding {
      min-width: 0; }
    header.global.tosticky #top-menu {
      margin-top: 40px; }
    header.global.tosticky #top-menu .level-1-container .level-1 > a {
      vertical-align: middle; }
    header.global.tosticky .sample-level-2-container.shown-sub {
      padding-top: 45px; }
    header.global.tosticky .sample-level-2 {
      top: 59px; }

  /*.global.tosticky+noscript+#content{
  	margin-top:167px;
  }*/
  .toStickyContent {
    margin-top: 167px; } }
.text-logo {
  display: none; }

.white-logo {
  display: none; }

@media (min-width: 966px) {
  header.global.tomobilesticky .header-container {
    position: relative; } }
@media (max-width: 966px) {
  .text-logo {
    display: block;
    opacity: 0; }
    .text-logo img {
      max-width: 130%;
      margin-left: -15%; }

  header.global.tomobilesticky .header-container .header .branding .logo-conatiner, header.global.stickyforbag .header-container .header .branding .logo-conatiner {
    top: 24px; }
  header.global.tomobilesticky .text-logo, header.global.stickyforbag .text-logo {
    opacity: 1;
    transition: opacity, 0.45s;
    -moz-transition: opacity, 0.45s;
    /*  Firefox */
    -webkit-transition: opacity, 0.45s;
    /*  Safari and Chrome */
    -ms-transition: opacity, 0.45s;
    /*  ie */
    -o-transition: opacity, 0.45s;
    /*  Opera */ }
  header.global.tomobilesticky .regular-logo, header.global.stickyforbag .regular-logo {
    display: none; } }
.small-logo {
  display: none; }

.arrow_box {
  position: relative;
  background: #fff;
  z-index: 30; }

.arrow_box:after, .arrow_box:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px; }

.arrow_box.tofill:after {
  border-bottom-color: #eee; }

.arrow_box:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #ccc;
  border-width: 11px;
  margin-left: -11px; }

/* Dark Background Header*/
@media (min-width: 966px) {
  .dark-background .global:not(.tosticky) .header-container .header-text,
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .header-action-link,
  .dark-background .global:not(.tosticky) #top-menu .level-1-container .level-1 > a,
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .utility-links .links > li > a {
    color: white; }
  .dark-background .global:not(.tosticky) .logo .regular-logo {
    display: none; }
  .dark-background .global:not(.tosticky) .logo .white-logo {
    display: inline; }
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .top-search .form-search .header-action-link {
    border-left: 1px solid white; }
  .dark-background .global:not(.tosticky) #top-menu .level-1-container .level-1 > a {
    border-right: 1px solid white; }
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > .inline-botton:before {
    /*border: 0.1em solid white;*/
    background: none repeat scroll 0 0 transparent; }
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > .inline-botton {
    /*border: 0.1em solid white;*/
    border: 0em solid white; }
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > .inline-botton:before {
    background: none repeat scroll 0 0 transparent; }
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > .inline-botton {
    border: 0em solid white; }
  .dark-background .global:not(.tosticky) #top-menu .level-1-container .level-1:last-child a {
    border-right: 0 solid transparent; }
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .utility-links .list-elem > li:hover > .account-links.customer-logged-in {
    color: #dedede;
    background-color: white; }
  .dark-background .global:not(.tosticky) .header-container .header-panel > .wrapper .active .header-action-link {
    color: #dedede; } }
.dark-background header .header-container .header-panel > .wrapper .top-search .form-search .header-search-container .v-fix > *.inline-botton:before {
  color: white; }

/* Top Search More */
.search-active-mode header .header-container .header-panel > .wrapper .utility-links .search-alt {
  border-left: 1px solid transparent; }
@media (max-width: 966px) {
  .search-active-mode header .header-container .header-panel > .wrapper .utility-links > .top-cart {
    display: none; }
  .search-active-mode .header-panel > .wrapper {
    box-shadow: 7px 0px 0px 15px #dddddd inset; }
  .search-active-mode #top-search-alt {
    width: 90%;
    opacity: 1;
    padding: 15px 20px 15px 30px;
    -webkit-box-shadow: inset 15px 0px 0px 15px #dddddd;
    -moz-box-shadow: inset 15px 0px 0px 15px #dddddd;
    box-shadow: inset 15px 0px 0px 15px #dddddd; }
  .search-active-mode .mobild-search-active.utility-links {
    background-color: #dddddd; } }

.desktop-search-bar {
  overflow: hidden;
  height: 0px;
  background-color: #dddddd;
  transition: all, 0.45s;
  -moz-transition: all, 0.45s;
  /*  Firefox */
  -webkit-transition: all, 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all, 0.45s;
  /*  ie */
  -o-transition: all, 0.45s;
  /*  Opera */
  margin: auto;
  max-width: 970px; }
  .cms-home .desktop-search-bar {
    max-width: 1500px; }
  .desktop-search-bar .desktop-search-input {
    background-color: white;
    height: 36px;
    left: 2%;
    position: relative;
    width: 92%;
    display: inline-block; }
  .desktop-search-bar .top-search-mag-container .search-alt-ctl {
  /*
  background: none repeat scroll 0 0 transparent;
  font-size: $size; 
  display: inline-block; 
  width: 0.45em; 
  height: 0.4em; 
  border: 0.08em solid $color; 
  position: relative; 
  border-radius: 0.35em;
  margin-top: -0.1em;

  &:before {
    content: "";
    display: inline-block; 
    position: absolute; 
    right: -0.2em; 
    bottom: -0.1em; 
    border-width: 0; 
    background: $color; 
    width: 0.2em; 
    height: 0.08em; 
    -webkit-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    -o-transform: rotate(45deg);
  }

  @include respond-to(max-width, $resNavWidth) {
    border: 0.08em solid $color; 
    width: 0.4em;  
  }*/ }
    .desktop-search-bar .top-search-mag-container .search-alt-ctl:before {
      font-family: "Welden Icon Font";
      font-weight: normal;
      font-style: normal;
      content: "\e986";
      color: #999999;
      font-size: 15px; }
  .desktop-search-bar .top-search-mag-container {
    display: inline-block;
    float: right;
    position: relative;
    height: 24px;
    right: 2%;
    text-align: right;
    top: 6px;
    width: 2.5%;
    border-left: 1px solid #ccc; }

.search-active-mode .desktop-search-bar {
  height: 64px; }
.search-active-mode header .header-container .header-panel > .wrapper .utility-links > .top-search {
  display: none; }
@media (max-width: 966px) {
  .search-active-mode .logo-conatiner .logo {
    display: none; } }
.search-active-mode header .header-container .header-panel > .wrapper .mobile-search-alt {
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */
  padding: 15px 20px;
  display: block; }
  .search-active-mode header .header-container .header-panel > .wrapper .mobile-search-alt:before {
    content: "";
    height: 34px;
    width: 2px;
    position: absolute;
    display: block;
    left: 20px;
    top: 15px;
    background: #888888; }

.global:not(.tosticky) .header-container {
  transition: all 0s ease 0s; }

.global.tosticky .header-container {
  transition: all 1s;
  -moz-transition: all 1s;
  /*  Firefox */
  -webkit-transition: all 1s;
  /*  Safari and Chrome */
  -ms-transition: all 1s;
  /*  ie */
  -o-transition: all 1s;
  /*  Opera */ }

.safari .global.tosticky .header-container {
  transition: none 0s;
  -moz-transition: none 0s;
  /*  Firefox */
  -webkit-transition: none 0s;
  /*  Safari and Chrome */
  -ms-transition: none 0s;
  /*  ie */
  -o-transition: none 0s;
  /*  Opera */ }

@media (max-width: 966px) {
  .tab-open header .header-container .header .branding .logo {
    opacity: 0; } }
.opentab-logo img {
  margin: 0 auto 26px; }

.tablet-account-logout, .tablet-account-login {
  font-size: 14px; }
  .tablet-account-logout > a, .tablet-account-login > a {
    color: #333 !important; }

.tablet-menu > .inner-container .cat-ctl.lv-1.no-bottom-line .lv-2-container .inner-container .lv-2:last-child {
  border-bottom: 0px solid transparent; }

.dark-background #top-menu .level-1-container .level-1 > a {
  border-right: 1px solid #ddd; }

#top-menu .level-1-container .level-1:last-child > a {
  border-right: 0px solid #cccccc !important; }

.cms-home header .header-container .header-panel > .wrapper .top-search .form-search .header-action-link {
  border-left: 1px solid #999; }

.cms-index-index .customer-logged-in:hover {
  background-color: white; }

@media (max-width: 966px) {
  header .header-container .header-panel > .wrapper .utility-links .top-cart.active .block-title {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc; } }

header .header-container .header-panel > .wrapper .utility-links .links > li:hover > a.link-has-dropdown {
  background: white; }

/*Safari Fixes*/
.safari header .header-container .header-panel > .wrapper {
  width: 100%; }
.safari header .header-container .header-panel > .wrapper .utility-links .links > li > a.account-links,
.safari header .header-container .header-panel > .wrapper .header-action-link,
.safari header .header-container .header-panel > .wrapper .utility-links .top-cart .block-title a {
  transition: none 0s;
  -moz-transition: none 0s;
  /*  Firefox */
  -webkit-transition: none 0s;
  /*  Safari and Chrome */
  -ms-transition: none 0s;
  /*  ie */
  -o-transition: none 0s;
  /*  Opera */ }

#subscribe-popup-wrapper .loading {
  position: relative; }
  #subscribe-popup-wrapper .loading .laoding-part {
    background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/opc-ajax-loader.gif) no-repeat scroll center center transparent;
    width: 16px;
    height: 16px;
    position: absolute;
    display: block;
    right: 10px;
    top: 12px; }

#subscribe-popup-wrapper .laoding-part {
  display: none; }

.mobile .tablet-menu {
  overflow-y: scroll; }
  .mobile .tablet-menu .inner-container {
    height: 150%; }
  .mobile .tablet-menu > .inner-container #subscribe-popup-form .mobilethankssorry {
    margin-top: 200px; }

.customer-already-login header.tosticky .header-container .header-panel > .wrapper .utility-links .top-subscribe {
  display: none; }

@media (max-width: 640px) {
  .mobile .search-active-mode header.global .header-container #top-search-alt {
    width: 85%; } }

/*Some IE fixes*/
.ie #top-menu .level-1-container .level-1 > a, .ie11 #top-menu .level-1-container .level-1 > a, .ie12 #top-menu .level-1-container .level-1 > a, .ie13 #top-menu .level-1-container .level-1 > a, .ie14 #top-menu .level-1-container .level-1 > a, .ie15 #top-menu .level-1-container .level-1 > a {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 16px;
  color: black;
  letter-spacing: 0;
  padding-right: 16px; }
  @media (max-width: 640px) {
    .ie #top-menu .level-1-container .level-1 > a, .ie11 #top-menu .level-1-container .level-1 > a, .ie12 #top-menu .level-1-container .level-1 > a, .ie13 #top-menu .level-1-container .level-1 > a, .ie14 #top-menu .level-1-container .level-1 > a, .ie15 #top-menu .level-1-container .level-1 > a {
      font-size: 12px;
      color: #999999; } }

.ie header .header-container .header-panel > .wrapper .utility-links .links > li > a,
.ie header .header-container .header-panel > .wrapper .header-action-link, .ie11 header .header-container .header-panel > .wrapper .utility-links .links > li > a,
.ie11 header .header-container .header-panel > .wrapper .header-action-link, .ie12 header .header-container .header-panel > .wrapper .utility-links .links > li > a,
.ie12 header .header-container .header-panel > .wrapper .header-action-link, .ie13 header .header-container .header-panel > .wrapper .utility-links .links > li > a,
.ie13 header .header-container .header-panel > .wrapper .header-action-link, .ie14 header .header-container .header-panel > .wrapper .utility-links .links > li > a,
.ie14 header .header-container .header-panel > .wrapper .header-action-link, .ie15 header .header-container .header-panel > .wrapper .utility-links .links > li > a,
.ie15 header .header-container .header-panel > .wrapper .header-action-link {
  letter-spacing: 0; }

.sample-level-2-container.shown-sub .sample-level-2-item.tablet-only-shop-all {
  display: none; }

@media (max-width: 640px) {
  .mobile #top-menu {
    display: none; } }
.mobile #top-menu .sample-level-2-container.shown-sub .sample-level-2-item.tablet-only-shop-all {
  display: block; }

@media (max-width: 966px) {
  .search-active-mode header .header-container .header .branding .logo-conatiner {
    z-index: 0; } }

@media (min-width: 966px) {
  .search-active-mode #top-search-alt-form {
    display: none; } }

.back-to-top {
  display: block;
  height: 55px;
  border: 1px solid #cccccc;
  text-align: center;
  padding-top: 20px;
  position: relative;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 0.8em;
  text-transform: uppercase;
  color: #888888; }
  .back-to-top:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat center -2085px transparent;
    background-size: 50px auto;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -20px; }

.social-list a {
  display: block;
  padding-left: 25px;
  position: relative; }
  .social-list a:before {
    font-family: "Welden Icon Font";
    font-weight: normal;
    font-style: normal;
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    text-align: center;
    /*background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat center -59px transparent;*/ }
  .social-list a :hover:before {
    color: black; }
  .social-list a.fb:before {
    content: "\e614"; }
  .social-list a.tw:before {
    content: "\e62b"; }
  .social-list a.pin:before {
    content: "\e620"; }
  .social-list a.yt:before {
    background-position: center -277px; }
  .social-list a.ins:before {
    content: "\e61a"; }
  .social-list a.google:before {
    background-position: -20px -2654px; }
.social-list li > a {
  margin-bottom: 8px; }

.mob-social-list {
  width: 100%;
  position: relative;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-top: 30px; }
  .mob-social-list ul {
    width: 100%; }
    .mob-social-list ul:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .mob-social-list ul li {
      display: block;
      float: left;
      width: 25%;
      height: 46px;
      line-height: 46px;
      position: relative;
      margin: 10px 0; }
      .mob-social-list ul li a {
        display: block;
        border-right: 1px solid #cccccc;
        text-align: center;
        text-indent: -999em;
        position: relative; }
        .mob-social-list ul li a:before {
          font-family: "Welden Icon Font";
          font-weight: normal;
          font-style: normal;
          content: "";
          display: block;
          width: 20px;
          height: 20px;
          position: absolute;
          left: 50%;
          margin-left: -10px;
          color: #999;
          /*background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat center -378px transparent;
          background-size: 50px auto;*/ }
        .mob-social-list ul li a.fb:before {
          content: "\e614";
          text-indent: 0; }
        .mob-social-list ul li a.tw:before {
          content: "\e62b";
          text-indent: 0; }
        .mob-social-list ul li a.pin:before {
          content: "\e620";
          text-indent: 0; }
        .mob-social-list ul li a.yt:before {
          background-position: center -277px; }
        .mob-social-list ul li a.ins:before {
          content: "\e61a";
          text-indent: 0; }
        .mob-social-list ul li a.google:before {
          background-position: -20px -2654px; }
      .mob-social-list ul li:last-child a {
        border: none; }

footer {
  overflow-y: hidden;
  background: white;
  z-index: 12; }
  footer .footer-logo {
    margin-bottom: 73px; }
    @media (max-width: 900px) {
      footer .footer-logo {
        margin-bottom: 92px; } }
    @media (max-width: 690px) {
      footer .footer-logo {
        margin-bottom: 120px; } }
  footer .footer-content {
    height: 293px;
    margin-top: 30px;
    border-top: 1px solid #eee; }
    @media (max-width: 1000px) {
      footer .footer-content {
        padding-left: 6%; } }
    footer .footer-content .column {
      display: table;
      height: 100%;
      width: 100%; }
      footer .footer-content .column .col {
        float: none;
        vertical-align: top;
        display: table-cell;
        height: 100%;
        width: 23%;
        padding: 30px 4% 4% 4%; }
        footer .footer-content .column .col p, footer .footer-content .column .col a {
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 12px;
          line-height: 12px;
          color: #333333;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          line-height: 1.5em;
          color: #999; }
          @media (max-width: 640px) {
            footer .footer-content .column .col p, footer .footer-content .column .col a {
              font-size: 12px;
              color: #999999; } }
        footer .footer-content .column .col .col-title {
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 12px;
          line-height: 12px;
          color: #333333;
          letter-spacing: 0.05em;
          margin-bottom: 15px;
          text-transform: uppercase;
          color: #111;
          width: 100%;
          line-height: 13px;
          letter-spacing: 0.1em; }
          @media (max-width: 640px) {
            footer .footer-content .column .col .col-title {
              font-size: 12px;
              color: #999999; } }
        footer .footer-content .column .col .form-subscribe {
          margin: 0; }
          footer .footer-content .column .col .form-subscribe p {
            width: 100%;
            margin-top: 15px;
            margin-bottom: 30px; }
          footer .footer-content .column .col .form-subscribe .v-fix > input, footer .footer-content .column .col .form-subscribe .v-fix button {
            display: inline-block;
            vertical-align: middle; }
          footer .footer-content .column .col .form-subscribe .v-fix input {
            width: 100%;
            margin-right: 5px;
            color: #888888; }
            footer .footer-content .column .col .form-subscribe .v-fix input.input-text {
              font-family: "Neuzeit Grot Regular", Arial, serif;
              font-weight: normal;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              font-size: 12px;
              line-height: 12px;
              color: #333333;
              letter-spacing: 0.05em;
              font-size: 0.91666667em !important;
              text-transform: uppercase;
              color: #212121; }
              @media (max-width: 640px) {
                footer .footer-content .column .col .form-subscribe .v-fix input.input-text {
                  font-size: 12px;
                  color: #999999; } }
          @media (max-width: 966px) {
            footer .footer-content .column .col .form-subscribe .v-fix button {
              max-width: 120px;
              width: 30%; }
            footer .footer-content .column .col .form-subscribe .v-fix input {
              width: 92%; } }
        footer .footer-content .column .col ul li {
          padding-bottom: 7px; }
          footer .footer-content .column .col ul li a {
            display: block; }
            footer .footer-content .column .col ul li a:hover {
              color: #666; }
        footer .footer-content .column .col.col-3 {
          width: 35%; }
        footer .footer-content .column .col.col-1 {
          padding: 20px 4% 0 0;
          width: 12%; }
          footer .footer-content .column .col.col-1 .copy-right {
            display: none;
            position: absolute;
            bottom: 30px;
            text-transform: uppercase;
            font-family: Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 0.8333em;
            letter-spacing: 0.05em;
            color: #e1e1e1;
            font-size: 12px; }
            footer .footer-content .column .col.col-1 .copy-right > span {
              margin-left: 5px;
              padding-left: 5px;
              border-left: 1px solid #cccccc;
              height: 13px;
              width: 89px;
              opacity: 1;
              -moz-opacity: 1;
              /* do nothing */
              transition: all, 0.45s;
              -moz-transition: all, 0.45s;
              /*  Firefox */
              -webkit-transition: all, 0.45s;
              /*  Safari and Chrome */
              -ms-transition: all, 0.45s;
              /*  ie */
              -o-transition: all, 0.45s;
              /*  Opera */
              cursor: pointer; }
              footer .footer-content .column .col.col-1 .copy-right > span.site-credit-alt {
                position: absolute;
                width: 107px;
                right: -28px;
                top: 50%;
                margin-top: -6px;
                line-height: 13px;
                opacity: 0;
                -moz-opacity: 0;
                filter: alpha(opacity=0); }
            footer .footer-content .column .col.col-1 .copy-right:hover > span {
              opacity: 0;
              -moz-opacity: 0;
              filter: alpha(opacity=0); }
              footer .footer-content .column .col.col-1 .copy-right:hover > span.site-credit-alt {
                opacity: 1;
                -moz-opacity: 1;
                /* do nothing */ }
  footer .desktop-elem {
    display: block;
    opacity: 1;
    -moz-opacity: 1;
    /* do nothing */ }
    @media (max-width: 640px) {
      footer .desktop-elem {
        display: none;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0); } }
  footer .mobile-elem {
    display: none;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0); }
    @media (max-width: 640px) {
      footer .mobile-elem {
        display: block;
        opacity: 1;
        -moz-opacity: 1;
        /* do nothing */ } }
  footer .mobile-footer-content {
    text-align: center;
    border-top: 1px solid #ededed; }
    footer .mobile-footer-content .nav-utility-links {
      margin-top: 30px; }
      footer .mobile-footer-content .nav-utility-links li {
        margin-bottom: 18px;
        /*a {
        	@include general-times;
        	font-size: 1em;
        	color: $speGrey13;
        	line-height: 35px;
        }*/ }
        footer .mobile-footer-content .nav-utility-links li a:not(.mobile-company) {
          color: #999; }
        footer .mobile-footer-content .nav-utility-links li.footer-copyright {
          margin-top: 20px;
          margin-bottom: 34px; }
        footer .mobile-footer-content .nav-utility-links li label {
          font-family: Arial, sans-serif;
          font-weight: bold;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          display: block;
          margin: 15px auto 5px;
          color: #999;
          font-size: 1em;
          text-transform: uppercase; }
        footer .mobile-footer-content .nav-utility-links li.footer-copyright img {
          margin: 22px auto; }
        footer .mobile-footer-content .nav-utility-links li input {
          width: 280px;
          margin: 0 auto 10px;
          font-family: Arial, sans-serif;
          font-weight: bold;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 0.933em;
          text-transform: uppercase; }
        footer .mobile-footer-content .nav-utility-links li .copy-right {
          font-family: Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 0.667em;
          text-transform: uppercase;
          color: #888888;
          margin: 10px auto 25px;
          display: block; }
          footer .mobile-footer-content .nav-utility-links li .copy-right > span {
            margin-left: 5px;
            padding-left: 5px;
            border-left: 1px solid #cccccc; }
        footer .mobile-footer-content .nav-utility-links li form {
          position: relative; }
          footer .mobile-footer-content .nav-utility-links li form button {
            display: block;
            height: 38px;
            width: 38px;
            position: absolute;
            bottom: 1px;
            left: 50%;
            margin-left: 100px;
            background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat center -2003px transparent;
            background-size: 50px auto;
            border-left: 1px solid #dedede; }
          footer .mobile-footer-content .nav-utility-links li form .form-subscribe p {
            font-family: 'Times New Roman',sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 1em;
            color: #212121;
            line-height: 35px; }
          footer .mobile-footer-content .nav-utility-links li form .form-subscribe .validation-advice {
            width: 100%;
            font-size: 12px !important;
            margin-top: -10px; }

.form-subscribe .special-button {
  background-color: transparent;
  position: absolute;
  right: 11px;
  top: 11px; }

.form-subscribe .special-button:hover span span {
  color: black; }

.pos-relative {
  position: relative; }

footer .footer-content .column .col a.footer-subscribe-action-link {
  line-height: 33px;
  width: 180px;
  color: #666; }

.hp-widget-container .link {
  display: block;
  height: 100%; }
  .hp-widget-container .link.center-table-text {
    display: table; }
.hp-widget-container .inner-content {
  color: #888888; }
  .hp-widget-container .inner-content h3, .hp-widget-container .inner-content h2, .hp-widget-container .inner-content .module-title {
    /*text-transform: uppercase;
    @include title-3;*/
    margin-bottom: 20px; }
  .hp-widget-container .inner-content h4 {
    text-transform: uppercase;
    margin-bottom: 10px; }
  .hp-widget-container .inner-content p, .hp-widget-container .inner-content .module-content {
    /*@include content-4;*/
    line-height: 1.5em;
    margin: -2px 0; }
  .hp-widget-container .inner-content .cta {
    margin-top: 18px; }
.hp-widget-container.desktop-elem {
  display: block;
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    .hp-widget-container.desktop-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.hp-widget-container.mobile-elem {
  display: block;
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (min-width: 640px) {
    .hp-widget-container.mobile-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.hp-widget-container .video-view {
  position: relative; }
.hp-widget-container video {
  width: 100%;
  height: 100%; }

/* Sliders General */
.slider-type-a, .slider-type-b {
  overflow: hidden;
  position: relative;
  display: block; }
  .slider-type-a .rsArrow.rsArrowLeft, .slider-type-b .rsArrow.rsArrowLeft {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #bbbbbb;
    border-bottom: 10px solid transparent;
    width: 10px;
    height: 20px; }
    .slider-type-a .rsArrow.rsArrowLeft:after, .slider-type-b .rsArrow.rsArrowLeft:after {
      content: '';
      position: absolute;
      display: block;
      left: 2px;
      top: -8px;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-right: 8px solid white;
      border-bottom: 8px solid transparent; }
  .slider-type-a .rsArrow.rsArrowRight, .slider-type-b .rsArrow.rsArrowRight {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #bbbbbb;
    border-bottom: 10px solid transparent;
    width: 10px;
    height: 20px; }
    .slider-type-a .rsArrow.rsArrowRight:after, .slider-type-b .rsArrow.rsArrowRight:after {
      content: '';
      position: absolute;
      display: block;
      right: 2px;
      top: -8px;
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-left: 8px solid white;
      border-bottom: 8px solid transparent; }

.responsive-div {
  position: relative; }

/* Modules --------------------------------------------------------------------------------------------------- A */
.module-a {
  position: relative;
  width: 100%; }
  .module-a.off {
    display: none; }
  .module-a .slider-type-a {
    height: 0;
    padding-bottom: 45.22184%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }
    .module-a .slider-type-a .slides {
      position: relative; }
    .module-a .slider-type-a .rsNav {
      position: absolute;
      bottom: 3%;
      right: 2%; }
    .module-a .slider-type-a .inner-content {
      width: 100%;
      bottom: 0;
      position: absolute;
      padding: 2%;
      background: rgba(0, 0, 0, 0.4);
      color: white;
      z-index: 1; }

.module-a-mobile {
  position: relative;
  width: 100%; }
  .module-a-mobile.off {
    display: none; }
  .module-a-mobile .slider-type-a {
    height: 0;
    padding-bottom: 120.46875%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #b6b6b6; }
    .module-a-mobile .slider-type-a .rsNav {
      position: absolute;
      bottom: 31.347%;
      height: 52px;
      right: 0;
      text-align: right;
      width: 100%;
      background: rgba(0, 0, 0, 0.4);
      padding: 0 4%; }
      .module-a-mobile .slider-type-a .rsNav.rsBullets .rsBullet {
        margin: 22px 4px; }
    .module-a-mobile .slider-type-a .inner-content {
      width: 100%;
      text-align: center;
      height: 0;
      padding-bottom: 37.8125%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }

/* Modules --------------------------------------------------------------------------------------------------- B */
.module-b {
  position: relative;
  width: 100%; }
  .module-b.off {
    display: none; }
  .module-b .slider-type-b {
    height: 0;
    padding-bottom: 50%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }
    .module-b .slider-type-b .slides {
      width: 100%; }
      .module-b .slider-type-b .slides:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      .module-b .slider-type-b .slides .col {
        float: left; }
        .module-b .slider-type-b .slides .col.col-1 {
          width: 33.020478%;
          position: relative; }
          .module-b .slider-type-b .slides .col.col-1 .inner-content {
            height: 0;
            padding-bottom: 151.42119%;
            display: block;
            position: relative;
            margin: 0 auto;
            width: 100%;
            overflow: hidden; }
        .module-b .slider-type-b .slides .col.col-2 {
          width: 66.979522%; }
          .module-b .slider-type-b .slides .col.col-2 .inner-content {
            height: 0;
            padding-bottom: 74.64968%;
            display: block;
            position: relative;
            margin: 0 auto;
            width: 100%;
            overflow: hidden; }
    .module-b .slider-type-b .rsArrow {
      position: absolute;
      top: 10%; }
      .module-b .slider-type-b .rsArrow.rsArrowLeft {
        left: 13.5%; }
      .module-b .slider-type-b .rsArrow.rsArrowRight {
        left: 19.3%; }
  .module-b.module-b-right .slider-type-b .rsArrow.rsArrowLeft {
    left: 80.7%; }
  .module-b.module-b-right .slider-type-b .rsArrow.rsArrowRight {
    left: 86.5%; }

.module-b-mobile {
  position: relative;
  width: 100%; }
  .module-b-mobile.off {
    display: none; }
  .module-b-mobile .slider-type-b {
    height: 0;
    padding-bottom: 150.9375%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #b6b6b6; }
    .module-b-mobile .slider-type-b .inner-content {
      height: 0;
      padding-bottom: 75.46875%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden;
      text-align: center; }
      .module-b-mobile .slider-type-b .inner-content .cta {
        width: 132px;
        margin-left: auto;
        margin-right: auto; }
    .module-b-mobile .slider-type-b .rsArrow {
      position: absolute;
      bottom: 40%; }
      .module-b-mobile .slider-type-b .rsArrow.rsArrowLeft {
        left: 40%; }
      .module-b-mobile .slider-type-b .rsArrow.rsArrowRight {
        right: 40%; }

/* Modules --------------------------------------------------------------------------------------------------- C */
.module-c {
  position: relative;
  width: 100%; }
  .module-c.off {
    display: none; }
  .module-c .col-1 {
    width: 75%; }
  .module-c .col-2 {
    width: 25%; }
    .module-c .col-2 > * {
      height: 0;
      padding-bottom: 100%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }
  .module-c .slider-type-a {
    height: 0;
    padding-bottom: 66.66667%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }
    .module-c .slider-type-a .rsNav {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 20px; }

.module-c-mobile {
  position: relative;
  width: 100%; }
  .module-c-mobile.off {
    display: none; }
  .module-c-mobile .slider-type-a {
    height: 0;
    padding-bottom: 75.46875%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }
    .module-c-mobile .slider-type-a .rsNav {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 20px; }
  .module-c-mobile .col {
    width: 50%; }
    .module-c-mobile .col.col-2 {
      background: #bbbbbb;
      position: relative; }
    .module-c-mobile .col .inner-content {
      height: 0;
      padding-bottom: 100%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }

/* Modules --------------------------------------------------------------------------------------------------- D */
.module-d {
  position: relative;
  width: 100%; }
  .module-d.off {
    display: none; }
  .module-d .col {
    width: 25%; }
    .module-d .col.col-1 .top {
      background: #bbbbbb;
      height: 0;
      padding-bottom: 200%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }
    .module-d .col.col-1 .bottom {
      height: 0;
      padding-bottom: 100%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }
    .module-d .col.col-2 {
      width: 50%; }
      .module-d .col.col-2 .top {
        height: 0;
        padding-bottom: 50%;
        display: block;
        position: relative;
        margin: 0 auto;
        width: 100%;
        overflow: hidden; }
    .module-d .col.col-3 .top {
      background: #bbbbbb;
      height: 0;
      padding-bottom: 100%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }
    .module-d .col.col-3 .bottom {
      background: #cccccc;
      height: 0;
      padding-bottom: 200%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }
  .module-d .slider-type-a {
    height: 0;
    padding-bottom: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }
    .module-d .slider-type-a .slides .inner-content {
      position: absolute;
      width: 100%;
      top: 5%;
      z-index: 1; }
      .module-d .slider-type-a .slides .inner-content h4, .module-d .slider-type-a .slides .inner-content h3, .module-d .slider-type-a .slides .inner-content h2 {
        width: 100%;
        text-align: center; }
    .module-d .slider-type-a .slides .cta {
      bottom: 10%;
      left: 50%;
      margin-left: -60px;
      position: absolute;
      z-index: 1; }
    .module-d .slider-type-a .rsNav {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 20px; }
  .module-d .form-subscribe {
    margin: 0; }
    .module-d .form-subscribe p {
      margin-bottom: 18px; }
    .module-d .form-subscribe .v-fix > input, .module-d .form-subscribe .v-fix button {
      display: inline-block;
      vertical-align: middle; }
    .module-d .form-subscribe .v-fix input {
      width: 36%;
      margin-right: 5px;
      color: #888888; }
    @media (max-width: 768px) {
      .module-d .form-subscribe .v-fix input {
        width: 46%; }
      .module-d .form-subscribe .v-fix button {
        width: 25%; } }

.module-d-mobile {
  position: relative;
  width: 100%; }
  .module-d-mobile.off {
    display: none; }
  .module-d-mobile .slider-type-a {
    height: 0;
    padding-bottom: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }
    .module-d-mobile .slider-type-a .rsNav {
      width: 100%;
      text-align: center;
      position: absolute;
      bottom: 20px; }
  .module-d-mobile .col {
    width: 50%; }
    .module-d-mobile .col .top .inner-content, .module-d-mobile .col .bottom .inner-content {
      height: 0;
      padding-bottom: 100%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }
  .module-d-mobile .column.top .col-1 .inner-content {
    height: 0;
    padding-bottom: 200%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }
  .module-d-mobile .column.bottom .col-2 .inner-content {
    height: 0;
    padding-bottom: 200%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }

/* Modules --------------------------------------------------------------------------------------------------- E */
.module-e.off {
  display: none; }
.module-e .col {
  width: 25%; }
  .module-e .col.col-1, .module-e .col.col-3 {
    background: #bbbbbb; }
  .module-e .col.col-4 {
    position: relative; }
  .module-e .col > .inner-content {
    height: 0;
    padding-bottom: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
    width: 100%;
    overflow: hidden; }

.module-e-mobile {
  position: relative;
  width: 100%; }
  .module-e-mobile.off {
    display: none; }
  .module-e-mobile .col {
    width: 50%; }
    .module-e-mobile .col.col-2 {
      background: #bbbbbb;
      position: relative; }
    .module-e-mobile .col > .inner-content {
      height: 0;
      padding-bottom: 100%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }

.slider-type-c-container {
  display: block;
  width: 100%;
  max-width: 1500px;
  overflow: hidden;
  position: relative;
  top: -183px;
  margin-bottom: -183px;
  height: 0;
  padding-bottom: 46.4%; }
  .slider-type-c-container img.rsImg {
    max-width: 100%; }

.global.tosticky .slider-type-c-container {
  top: -60px;
  margin-bottom: -60px; }

@media (max-width: 966px) {
  .slider-type-c-container {
    top: -60px;
    margin-bottom: -60px; } }
header.global.tosticky .header-container {
  border-bottom: 0px solid transparent; }

.slider-type-c .rsArrow.rsArrowLeft, .slider-type-c .rsArrow.rsArrowRight {
  width: 0;
  height: 0;
  width: 10px;
  height: 20px;
  display: block;
  position: absolute;
  z-index: 10;
  top: 41%; }
.slider-type-c .rsArrow.rsArrowLeft:after, .slider-type-c .rsArrow.rsArrowLeft:after,
.slider-type-c .rsArrow.rsArrowRight:after, .slider-type-c .rsArrow.rsArrowRight:after {
  font-family: "Welden Icon Font";
  display: block;
  color: white;
  font-size: 26px; }
.dark-background .slider-type-c.rsArrow.rsArrowLeft:after, .dark-background .slider-type-c.rsArrow.rsArrowLeft:after {
  color: white; }
.slider-type-c .rsArrow.rsArrowLeft:after, .slider-type-c .rsArrow.rsArrowLeft:after {
  content: '\e61b';
  color: black; }
.slider-type-c .rsArrow.rsArrowRight:after, .slider-type-c .rsArrow.rsArrowRight:after {
  content: '\e625';
  color: black; }
.slider-type-c .rsArrow.rsArrowLeft {
  left: 2%; }
.slider-type-c .rsArrow.rsArrowRight {
  right: 2%; }
@media (max-width: 966px) {
  .slider-type-c .rsArrow {
    display: none !important; } }
@media (min-width: 966px) {
  .slider-type-c .rsBullets {
    display: none; } }
.slider-type-c .rsBullets {
  bottom: 2%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 25; }
  .slider-type-c .rsBullets .rsBullet {
    cursor: pointer; }

.dark-background .slider-type-c .rsArrow.rsArrowLeft:after, .dark-background .slider-type-c .rsArrow.rsArrowLeft:after {
  color: white; }
.dark-background .slider-type-c .rsArrow.rsArrowRight:after, .dark-background .slider-type-c .rsArrow.rsArrowRight:after {
  color: white; }

/* Home Menu */
@media (max-width: 970px) {
  .cms-home #content .wrapper {
    padding-left: 0;
    padding-right: 0; } }
.cms-home .desktop-elem {
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 966px) {
    .cms-home .desktop-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.cms-home .mobile-elem {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 966px) {
    .cms-home .mobile-elem {
      display: block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }
.cms-home .hp-widget-container .center-table-text {
  position: absolute; }

.homepage-menu-container {
  padding: 20px; }
  .homepage-menu-container a {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    text-transform: uppercase;
    color: #777777;
    line-height: 30px; }

.module-b .slides .plugin-social-box {
  bottom: 15%;
  width: 100%; }
  .module-b .slides .plugin-social-box p {
    display: none; }

.module-c .plugin-social-box, .module-d .plugin-social-box, .module-e .plugin-social-box {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5); }
  .module-c .plugin-social-box .share-list .sb.share-mail, .module-d .plugin-social-box .share-list .sb.share-mail, .module-e .plugin-social-box .share-list .sb.share-mail {
    background-position: center -2360px; }
  .module-c .plugin-social-box .share-list .sb.share-fb, .module-d .plugin-social-box .share-list .sb.share-fb, .module-e .plugin-social-box .share-list .sb.share-fb {
    background-position: center -789px; }
  .module-c .plugin-social-box .share-list .sb.share-tw, .module-d .plugin-social-box .share-list .sb.share-tw, .module-e .plugin-social-box .share-list .sb.share-tw {
    background-position: center -861px; }
  .module-c .plugin-social-box .share-list .sb.share-pin, .module-d .plugin-social-box .share-list .sb.share-pin, .module-e .plugin-social-box .share-list .sb.share-pin {
    background-position: center -934px; }
  @media (max-width: 640px) {
    .module-c .plugin-social-box .share-list .sb.share-mail, .module-d .plugin-social-box .share-list .sb.share-mail, .module-e .plugin-social-box .share-list .sb.share-mail {
      background-position: center -452px; }
    .module-c .plugin-social-box .share-list .sb.share-fb, .module-d .plugin-social-box .share-list .sb.share-fb, .module-e .plugin-social-box .share-list .sb.share-fb {
      background-position: center -378px; }
    .module-c .plugin-social-box .share-list .sb.share-tw, .module-d .plugin-social-box .share-list .sb.share-tw, .module-e .plugin-social-box .share-list .sb.share-tw {
      background-position: center -304px; }
    .module-c .plugin-social-box .share-list .sb.share-pin, .module-d .plugin-social-box .share-list .sb.share-pin, .module-e .plugin-social-box .share-list .sb.share-pin {
      background-position: center -526px; } }
  .module-c .plugin-social-box p, .module-d .plugin-social-box p, .module-e .plugin-social-box p {
    color: white; }

.cms-home #content .wrapper {
  max-width: 1500px; }
  .cms-home #content .wrapper .std > section:not(.hp-widget-container) {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 966px) {
      .cms-home #content .wrapper .std > section:not(.hp-widget-container) {
        max-width: 760px;
        padding: 0 5%; } }
    @media (max-width: 1000px) {
      .cms-home #content .wrapper .std > section:not(.hp-widget-container).module-4 {
        max-width: 940px; } }
  .cms-home #content .wrapper section.module-3.limit-width-slider .slider-type-d {
    margin: auto;
    max-width: 900px; }
    @media (max-width: 966px) {
      .cms-home #content .wrapper section.module-3.limit-width-slider .slider-type-d {
        max-width: 700px; } }

.module-2 {
  margin-top: 50px;
  text-align: center; }
  @media (max-width: 740px) {
    .module-2 {
      padding-top: 25px !important;
      border-top: 1px solid #ededed;
      margin-top: 25px; } }
  .module-2 .module-2-title {
    text-transform: uppercase;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 15px;
    color: #999999;
    letter-spacing: 0.05em; }
    @media (max-width: 640px) {
      .module-2 .module-2-title {
        font-size: 14px; } }
  .module-2 .module-2-desc {
    width: 71%;
    margin: 16px auto 10px;
    font-family: "Freight Big Pro Book", Georgia, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 33px;
    line-height: 36px;
    color: #333333;
    letter-spacing: 1px; }
    @media (max-width: 640px) {
      .module-2 .module-2-desc {
        font-size: 40px; } }

.homepage-seperater {
  border-bottom: 1px solid #eee;
  margin: 50px auto 28px;
  max-width: 970px; }

.slide-product {
  display: inline-block; }
  @media (max-width: 640px) {
    .slide-product {
      padding: 1% 1% 5% 1%;
      text-align: center;
      vertical-align: top;
      width: 50%; } }

.slide-product-img {
  max-width: 276px;
  max-height: 368px;
  margin: 0 auto 16px; }
  @media (max-width: 640px) {
    .slide-product-img {
      max-width: 100%;
      margin-bottom: 10px; } }

.module-3-title, .module-4-title, .module-5-title {
  margin-bottom: 25px;
  text-align: center;
  text-transform: uppercase; }

@media (max-width: 640px) {
  .module-3-title {
    border-top: 1px solid #eee;
    margin-top: 25px;
    padding-top: 28px; } }

.module-4-content {
  position: relative; }
  .module-4-content .module-4-contnet-left {
    position: absolute;
    width: 100%; }
  @media (max-width: 966px) {
    .module-4-content {
      margin-bottom: 80px; } }
  .module-4-content .module-4-contnet-bottom-desc {
    background-color: white;
    padding: 8% 8% 8% 0; }
  .module-4-content .module-4-contnet-left {
    margin-left: 5%;
    margin-top: 25px; }
    @media (max-width: 966px) {
      .module-4-content .module-4-contnet-left {
        margin-left: 0;
        bottom: 0; } }
  .module-4-content .leftdescblock {
    display: inline-block;
    margin-bottom: 20px; }
    @media (max-width: 966px) {
      .module-4-content .leftdescblock {
        font-size: 12px; } }
  .module-4-content .module-4-contnet-title {
    margin-bottom: 10px; }
    @media (max-width: 966px) {
      .module-4-content .module-4-contnet-title {
        font-size: 30px; } }
  .module-4-content .module-4-contnet-bottom, .module-4-content .module-4-contnet-title {
    width: 28%; }
    @media (max-width: 966px) {
      .module-4-content .module-4-contnet-bottom, .module-4-content .module-4-contnet-title {
        width: 35%; } }
    @media (max-width: 768px) {
      .module-4-content .module-4-contnet-bottom, .module-4-content .module-4-contnet-title {
        width: 50%; } }
  .module-4-content .module-4-contnet-bottom {
    background-color: white; }

.tran-button {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 33px;
  color: #666666;
  letter-spacing: 0.05em;
  display: inline-block;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 12px;
  color: #666666;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 10px 60px;
  border: 1px solid #ccc;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  @media (max-width: 640px) {
    .tran-button {
      font-size: 12px;
      color: #999999; } }
  @media (max-width: 640px) {
    .tran-button {
      font-size: 12px;
      color: #999999; } }
  .tran-button:hover {
    background: #dedede;
    border-color: #dedede; }
  .tran-button:active {
    background: #dedede;
    border-color: #dedede; }

@media (max-width: 640px) {
  .module-2, .module-4, .module-5, .homepage-seperater {
    display: none; } }
.module-5-content-left, .module-5-content-right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: 2%; }

/*.module-5-content-left{
	margin-top: 8%;
}*/
.module-5-content {
  margin-top: 55px;
  margin-bottom: 55px; }

.module-5-expand-tab {
  border-top: 1px solid #dedede;
  margin-top: 30px; }

.dark-background .slider-inner-content.blackpromo h2,
.dark-background .slider-inner-content.blackpromo h4,
.dark-background .slider-inner-content.blackpromo div {
  color: white; }

.dark-background .slider-inner-content.blackpromo .hp-hero-button {
  border: 1px solid white; }

.slider-inner-content {
  width: 230px;
  height: 230px;
  position: absolute;
  top: 35%;
  text-align: center; }
  .slider-inner-content.blackpromo h2, .slider-inner-content.blackpromo h4, .slider-inner-content.blackpromo div {
    color: black; }
  .slider-inner-content.blackpromo .hp-hero-button {
    border: 1px solid black; }
  .slider-inner-content.whitepromo h2, .slider-inner-content.whitepromo h4, .slider-inner-content.whitepromo div {
    color: white; }
  .slider-inner-content h4 {
    margin-bottom: 7px; }
  .slider-inner-content h2, .slider-inner-content div {
    margin-bottom: 20px; }
  .slider-inner-content .hp-hero-button {
    padding: 10px 20px; }
  .slider-inner-content.rightpromo {
    right: 5%; }
  .slider-inner-content.leftpromo {
    left: 5%; }

.white {
  color: white; }

.slides .slider-inner-content {
  display: block; }

.mobile-bottom-promo {
  display: none;
  margin: auto; }
  .mobile-bottom-promo .hp-hero-button {
    display: none; }
  .mobile-bottom-promo > h4 {
    margin: 30px auto 0px;
    color: #333; }
  .mobile-bottom-promo > h2 {
    margin: 15px auto 0px; }

@media (max-width: 740px) {
  .slides .slider-inner-content {
    display: none; }

  .mobile-bottom-promo {
    display: block;
    text-align: center;
    position: relative;
    margin-top: 25px; } }
/* disable as it might hide some thing on top
@include respond-to(max-width, $resTabletWidth) {
	.slider-type-c-container img.rsImg {
	  max-width: 130%;
	  text-align: center;
	  margin-left: -15%;
	  margin-top: -15%;
	}
}

@include respond-to(max-width, $resMobileWidth) {
	.slider-type-c-container img.rsImg {
	  max-width: 140%;
	  text-align: center;
	  margin-left: -20%;
	  margin-top: -19%;
	}
}*/
.m-vision .plp-product-name-text.product-text {
  text-align: left; }

.slide-product .plp-product-name-text {
  width: 92%;
  margin-left: auto;
  margin-right: auto; }

.catalog-product-view .desktop-elem {
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    .catalog-product-view .desktop-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.catalog-product-view .mobile-elem {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    .catalog-product-view .mobile-elem {
      display: block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }
.catalog-product-view #product_addtocart_form {
  margin-bottom: 30px; }
  .catalog-product-view #product_addtocart_form .product-essential {
    /*position: relative;*/ }
    .catalog-product-view #product_addtocart_form .product-essential > .product-bottom {
      width: 27%;
      position: absolute;
      left: 62.82%;
      bottom: 10px; }
      .catalog-product-view #product_addtocart_form .product-essential > .product-bottom > * {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.166em;
        font-size: 1.083em;
        text-transform: capitalize;
        color: #888888;
        display: inline-block; }
        .catalog-product-view #product_addtocart_form .product-essential > .product-bottom > *.product-ids {
          margin-right: 10px; }
      @media (max-width: 966px) {
        .catalog-product-view #product_addtocart_form .product-essential > .product-bottom {
          bottom: 10px; } }
      @media (max-width: 640px) {
        .catalog-product-view #product_addtocart_form .product-essential > .product-bottom {
          position: relative;
          width: 100%;
          left: 0;
          bottom: 0;
          padding: 0 20px; } }
  .catalog-product-view #product_addtocart_form .tab-expand-product-detail .expand-content > ul > li {
    list-style: disc outside;
    margin-left: 22px; }
@media (max-width: 966px) {
  .catalog-product-view .hp-widget-container {
    display: none; } }

.image-gallery-box > strong {
  display: none; }
.image-gallery-box .slides {
  width: 703px;
  height: 703px;
  display: block;
  position: relative; }
  .image-gallery-box .slides img {
    width: 768px;
    cursor: initial; }
  .image-gallery-box .slides .rsArrow {
    position: absolute;
    top: 50%; }
    .image-gallery-box .slides .rsArrow.rsArrowLeft {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-right: 10px solid #bbbbbb;
      border-bottom: 10px solid transparent;
      left: 10px; }
      .image-gallery-box .slides .rsArrow.rsArrowLeft:after {
        content: '';
        position: absolute;
        display: block;
        left: 2px;
        top: -8px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-right: 8px solid white;
        border-bottom: 8px solid transparent; }
    .image-gallery-box .slides .rsArrow.rsArrowRight {
      width: 0;
      height: 0;
      border-top: 10px solid transparent;
      border-left: 10px solid #bbbbbb;
      border-bottom: 10px solid transparent;
      right: 10px; }
      .image-gallery-box .slides .rsArrow.rsArrowRight:after {
        content: '';
        position: absolute;
        display: block;
        right: 2px;
        top: -8px;
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-left: 8px solid white;
        border-bottom: 8px solid transparent; }

.product-name-text {
  text-transform: capitalize; }

.product-options:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: relative;
  background: transparent;
  clear: both; }
.product-options > .action-parts {
  width: 100%;
  max-width: 300px;
  float: none;
  display: block; }
  .product-options > .action-parts:first-child {
    margin: 0 0 10px; }
  .product-options > .action-parts > div {
    width: 193px; }
    @media (max-width: 640px) {
      .product-options > .action-parts > div {
        width: 100%; } }
  .product-options > .action-parts select {
    width: 100%;
    opacity: 0; }
    @media (max-width: 640px) {
      .product-options > .action-parts select {
        opacity: 1;
        -moz-opacity: 1;
        /* do nothing */ } }
  @media (max-width: 966px) {
    .product-options > .action-parts {
      max-width: 267px; } }
  @media (max-width: 640px) {
    .product-options > .action-parts {
      max-width: 100%; } }
  .product-options > .action-parts .product-swatches {
    /*width: 100%; */ }
    .product-options > .action-parts .product-swatches .swatch-container {
      width: 100%; }
      .product-options > .action-parts .product-swatches .swatch-container .chosen-single > span > * {
        float: left; }
      .product-options > .action-parts .product-swatches .swatch-container .chosen-single > span img {
        border: 1px solid #dedede;
        margin: 7px 0 7px 5px; }
      .product-options > .action-parts .product-swatches .swatch-container .chosen-drop li a {
        display: block; }
        .product-options > .action-parts .product-swatches .swatch-container .chosen-drop li a > * {
          display: inline-block;
          vertical-align: middle; }
        .product-options > .action-parts .product-swatches .swatch-container .chosen-drop li a img {
          margin-right: 4px;
          border: 1px solid #dedede; }
        .product-options > .action-parts .product-swatches .swatch-container .chosen-drop li a span {
          color: #999999; }
      .product-options > .action-parts .product-swatches .swatch-container .chosen-drop li.result-selected, .product-options > .action-parts .product-swatches .swatch-container .chosen-drop li:hover {
        background: #eff0f3; }
        .product-options > .action-parts .product-swatches .swatch-container .chosen-drop li.result-selected a span, .product-options > .action-parts .product-swatches .swatch-container .chosen-drop li:hover a span {
          color: #212121; }

.product-view {
  position: relative; }
  .product-view.giftcard-product-view .product-shop .product-left {
    width: 48%; }
    .product-view.giftcard-product-view .product-shop .product-left .product-left-inner {
      height: 0;
      padding-bottom: 106.58146%;
      display: block;
      position: relative;
      margin: 0 auto;
      width: 100%;
      overflow: hidden; }
    @media (max-width: 640px) {
      .product-view.giftcard-product-view .product-shop .product-left {
        width: 100%; }
        .product-view.giftcard-product-view .product-shop .product-left .product-left-inner {
          height: 0;
          padding-bottom: 133.33333%;
          display: block;
          position: relative;
          margin: 0 auto;
          width: 100%;
          overflow: hidden; } }
  .product-view .product-shop .product-left {
    max-width: 735px;
    width: 54%; }
    .product-view .product-shop .product-left .product-img-box {
      width: 100%;
      text-align: center; }
      .product-view .product-shop .product-left .product-img-box > * {
        display: inline-block;
        vertical-align: top; }
        .product-view .product-shop .product-left .product-img-box > *.more-views {
          width: 20%;
          max-width: 116px; }
          .product-view .product-shop .product-left .product-img-box > *.more-views .video-view {
            margin: 40px 0 20px;
            position: relative; }
          .product-view .product-shop .product-left .product-img-box > *.more-views .full-view {
            font-family: Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 0.91em;
            width: 100%; }
            @media (max-width: 966px) {
              .product-view .product-shop .product-left .product-img-box > *.more-views .full-view span {
                width: 50%;
                display: block;
                margin: 10px auto;
                line-height: 15px; } }
        .product-view .product-shop .product-left .product-img-box > *.product-image {
          width: 80%;
          position: relative; }
  .product-view .product-shop .product-right {
    /* min-width: 300px;
    width: 28%;
    margin: auto 9%; */ }
    .product-view .product-shop .product-right .product-main-info {
      text-align: center; }
      .product-view .product-shop .product-right .product-main-info .tier-prices {
        display: none; }
      .product-view .product-shop .product-right .product-main-info .product-name {
        margin-bottom: 7px; }
      .product-view .product-shop .product-right .product-main-info .oos-msg {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.166em;
        font-size: 1.083em;
        text-transform: uppercase;
        color: #212121;
        margin-top: 8px; }
    .product-view .product-shop .product-right .product-actions-container {
      width: 100%;
      padding: 10px 0;
      border-bottom: 1px solid #dedede; }
      .product-view .product-shop .product-right .product-actions-container .options-container-big, .product-view .product-shop .product-right .product-actions-container .options-container-small {
        width: 70%;
        margin: auto; }
      .product-view .product-shop .product-right .product-actions-container #product-options-wrapper {
        width: 100%;
        position: relative; }
      .product-view .product-shop .product-right .product-actions-container .product-options-bottom {
        margin: 10px 0 0; }
        .product-view .product-shop .product-right .product-actions-container .product-options-bottom .add-to-links {
          text-transform: uppercase;
          margin: 20px 0 5px;
          text-align: center; }
          .product-view .product-shop .product-right .product-actions-container .product-options-bottom .add-to-links:after {
            display: block;
            content: "";
            width: 0;
            height: 0;
            position: relative;
            background: transparent;
            clear: both; }
          .product-view .product-shop .product-right .product-actions-container .product-options-bottom .add-to-links a {
            /* color: $dark;
            float: left; */
            color: #999;
            /*
            &.link-wishlist {
            	padding-left: 10px;
            	position: relative;
            	&:before {
            		content: '+';
            		display: block;
            		position: absolute;
            		left: 0;
            	}
            }*/ }
            .product-view .product-shop .product-right .product-actions-container .product-options-bottom .add-to-links a.link-size-chart {
              float: right;
              text-decoration: underline; }
              @media (max-width: 640px) {
                .product-view .product-shop .product-right .product-actions-container .product-options-bottom .add-to-links a.link-size-chart {
                  display: none; } }
            .product-view .product-shop .product-right .product-actions-container .product-options-bottom .add-to-links a.update-wishlist {
              width: 100%; }
        .product-view .product-shop .product-right .product-actions-container .product-options-bottom .cta.cta-dark, .product-view .product-shop .product-right .product-actions-container .product-options-bottom .cta-dark {
          width: 100%; }
    .product-view .product-shop .product-right .product-bottom > * {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.166em;
      font-size: 1.083em;
      text-transform: capitalize;
      color: #888888; }
    .product-view .product-shop .product-right .social {
      margin: 16px 0 5px;
      padding-bottom: 10px; }
      @media (max-width: 640px) {
        .product-view .product-shop .product-right .social {
          display: none; } }
  @media (max-width: 966px) {
    .product-view .product-shop {
      padding: 30px 0 15px;
      margin: 0 3%; }
      .product-view .product-shop .product-left .product-img-box > *.product-image {
        /*width: 82%;*/ }
      .product-view .product-shop .product-right {
        /*min-width: 0;
        width: 37%;*/ }
        .product-view .product-shop .product-right button.btn-cart {
          width: 100%; } }
  @media (max-width: 640px) {
    .product-view .product-shop {
      padding: 0; }
      .product-view .product-shop .product-left {
        display: block;
        float: none;
        width: 100%; }
        .product-view .product-shop .product-left .product-img-box {
          overflow-y: hidden; }
          .product-view .product-shop .product-left .product-img-box #product-media-gallery {
            display: block;
            position: relative;
            width: 100%;
            /* padding-bottom: 40px; */ }
            .product-view .product-shop .product-left .product-img-box #product-media-gallery .instructions {
              position: absolute;
              width: 100%;
              bottom: 30px;
              text-align: center;
              font-size: 0.93em;
              color: #999999;
              z-index: 1;
              background: white; }
            .product-view .product-shop .product-left .product-img-box #product-media-gallery .slides {
              position: relative; }
              .product-view .product-shop .product-left .product-img-box #product-media-gallery .slides .rsOverflow {
                width: 100%;
                height: 100%; }
              .product-view .product-shop .product-left .product-img-box #product-media-gallery .slides .rsBullets {
                position: absolute;
                text-align: center;
                width: 100%;
                bottom: -31px; }
                .product-view .product-shop .product-left .product-img-box #product-media-gallery .slides .rsBullets .rsBullet {
                  background: transparent;
                  margin: 0;
                  width: 15px;
                  height: 15px;
                  border: none;
                  border-radius: 0;
                  background: #f3f3f3; }
                  .product-view .product-shop .product-left .product-img-box #product-media-gallery .slides .rsBullets .rsBullet span {
                    margin: 4.5px;
                    display: block;
                    background: #bebcbb;
                    width: 8px;
                    height: 8px;
                    background: #bebcbb;
                    -moz-border-radius: 4px;
                    -webkit-border-radius: 4px;
                    border-radius: 4px;
                    transition: all 0.45s;
                    -moz-transition: all 0.45s;
                    /*  Firefox */
                    -webkit-transition: all 0.45s;
                    /*  Safari and Chrome */
                    -ms-transition: all 0.45s;
                    /*  ie */
                    -o-transition: all 0.45s;
                    /*  Opera */ }
                  .product-view .product-shop .product-left .product-img-box #product-media-gallery .slides .rsBullets .rsBullet.rsNavSelected {
                    background: #f3f3f3; }
                    .product-view .product-shop .product-left .product-img-box #product-media-gallery .slides .rsBullets .rsBullet.rsNavSelected span {
                      background: white; }
      .product-view .product-shop .product-right {
        min-width: 0;
        display: block;
        float: none;
        width: 100%;
        padding: 20px;
        /* border-top: 1px solid $speGrey6;*/ }
        .product-view .product-shop .product-right button.btn-cart {
          width: 100%; } }
  .product-view.group-product-view .product-shop .product-left {
    max-width: 735px;
    width: 32.593857%;
    margin-right: 4%; }
    .product-view.group-product-view .product-shop .product-left .product-img-box {
      width: 100%; }
      .product-view.group-product-view .product-shop .product-left .product-img-box > *.product-image {
        width: 100%; }
  .product-view.group-product-view .product-shop .product-right {
    min-width: 0;
    width: 39.419795%; }
    .product-view.group-product-view .product-shop .product-right .product-main-info > .product-name {
      display: none; }
    .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container {
      text-align: left; }
      .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item {
        padding: 10px 0;
        border-bottom: 1px solid #dedede; }
        .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item:last-child {
          border: none; }
        .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-image {
          width: 131px;
          margin-right: 4.7%; }
        .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info {
          width: 66%;
          max-width: 304px; }
          @media (max-width: 966px) {
            .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info {
              width: 65%; } }
          .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-name {
            text-transform: capitalize; }
          .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-price-box {
            margin-bottom: 10px; }
          .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions {
            height: 35px; }
            .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions:after {
              display: block;
              content: "";
              width: 0;
              height: 0;
              position: relative;
              background: transparent;
              clear: both; }
            .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > * {
              float: left;
              width: 48%; }
              .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > * .cta, .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > * select, .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > * .action-parts {
                width: 100%; }
              .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > *.options-container-big {
                margin-right: 4%; }
              .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > *.oos {
                width: 100%; }
          .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-link {
            display: block;
            margin-top: 10px;
            text-transform: capitalize;
            color: #777777; }
  @media (max-width: 970px) {
    .product-view.group-product-view .product-shop .product-right {
      width: 62.627986%;
      margin-right: 0; } }
  @media (max-width: 640px) {
    .product-view.group-product-view .product-shop .product-left {
      display: block;
      float: none;
      width: 100%;
      margin: 0; }
    .product-view.group-product-view .product-shop .product-right {
      display: block;
      float: none;
      width: 100%;
      margin: 0; }
      .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container {
        text-align: left; }
        .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-image {
          display: block;
          width: 80%;
          margin: 0 10%; }
        .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info {
          width: 100%;
          display: block;
          max-width: 320px; }
          .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions {
            height: auto; }
            .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > * {
              float: none;
              width: 100%;
              display: block; }
              .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > * .cta, .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > * select, .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > * .action-parts {
                width: 100%; }
              .product-view.group-product-view .product-shop .product-right .product-main-info .group-product-container .group-product-list .group-item .item-info .product-actions > *.options-container-big {
                margin-right: 0; } }
  .product-view.giftcard-product-view .product-left .product-img-box > *.product-image {
    margin-left: 0;
    width: 100%; }
  .product-view.giftcard-product-view .giftcard-form .fieldset.giftcard-amount-form .form-list > li {
    width: 48%; }
    @media (max-width: 640px) {
      .product-view.giftcard-product-view .giftcard-form .fieldset.giftcard-amount-form .form-list > li {
        width: 100%; } }

.box-collateral {
  width: 54%; }
  .giftcard-product-view .box-collateral {
    width: 48%; }
    @media (max-width: 640px) {
      .giftcard-product-view .box-collateral {
        width: 100%; } }
  @media (max-width: 640px) {
    .box-collateral {
      width: 100%;
      margin: auto; } }
  .box-collateral.box-module {
    margin-bottom: 50px; }
    @media (max-width: 966px) {
      .box-collateral.box-module {
        display: none; } }
  .box-collateral .section-title {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 15px;
    line-height: 15px;
    color: #999999;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 22px auto;
    width: 100%;
    text-transform: uppercase;
    display: block;
    	/*
    	@include cta-2;
    	color: $speGrey3;
    	display: block;
    	width: 100%;
    	text-transform: uppercase;
    	text-align: center;
    	margin: 0 auto;
    	line-height: 4.16em;
    	border-top: 1px solid $speGrey7;
    	position: relative;
    	cursor: pointer;
    
    	&:after {
    		content: "";
    		display: none; //off
    		position: absolute;
    		width: 30px;
    		height: 30px;
    		background: white;
    		top: -15px;
    		right: 65px;
    		background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1698px white;
    		@include respond-to(max-width, $resMobileWidth) {
    			display: block;
            	background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -1793px transparent;
    			background-size: 50px auto;
            }
    	}
    
    	@include respond-to(max-width, $resMobileWidth) {
    		&:after {
    		    margin-top: -15px;
    		    right: 20px;
    		    top: 50%;
    		}
    	}*/
    border-top: 0px solid transparent; }
    @media (max-width: 640px) {
      .box-collateral .section-title {
        font-size: 14px; } }
  .box-collateral .section-content {
    display: block;
    /*@include respond-to(max-width, $resMobileWidth) {
    	display: none;
    }*/ }
  .box-collateral.box-viewed {
    display: block; }
    @media (max-width: 640px) {
      .box-collateral.box-viewed {
        /*display: none;*/
        margin: auto; } }
  .box-collateral .category-products {
    margin-bottom: 0px; }
    .box-collateral .category-products .products-grid {
      padding: 0;
      width: 100%;
      			/*
      			.item {
      				width: 44%;
      				text-align: center;
      				&:nth-child(4) {
      					@include respond-to(max-width, $resNavWidth) {
      						display: none;
      					}
      				}
      
      				&:nth-child(3) {
      					@include respond-to(max-width, $resMobileWidth) {
      						display: none;
      					}
      				}
      			}*/ }
      @media (max-width: 640px) {
        .box-collateral .category-products .products-grid {
          padding: 0 5%; } }
  @media (max-width: 768px) {
    .box-collateral.box-reviews .section-content {
      padding: 0 20px; } }
  .box-collateral.box-reviews .review-section.review-summary .item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f8f8f8; }
    .box-collateral.box-reviews .review-section.review-summary .item .reviewer {
      font-family: Arial, sans-serif;
      font-weight: bold;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.17em;
      text-transform: uppercase;
      letter-spacing: 0.05em; }
    .box-collateral.box-reviews .review-section.review-summary .item .reviewer, .box-collateral.box-reviews .review-section.review-summary .item > .rating-box {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
    .box-collateral.box-reviews .review-section.review-summary .item .comment {
      margin-top: 5px; }
  .box-collateral.box-reviews .review-section.review-form .write-your-own {
    width: 100%;
    margin: 10px auto;
    max-width: 320px; }
  .box-collateral.box-reviews .review-section.review-form form {
    display: none; }
    .box-collateral.box-reviews .review-section.review-form form button {
      max-width: 320px; }

#pdp-contact {
  width: 720px;
  height: 325px;
  color: #888888; }
  @media (max-width: 768px) {
    #pdp-contact {
      width: 570px; } }
  #pdp-contact > .title {
    margin-bottom: 30px;
    padding-bottom: 5px; }
  #pdp-contact h4 {
    text-transform: uppercase;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    margin-bottom: 10px; }
  #pdp-contact p {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.083em;
    line-height: 1.667em; }
  #pdp-contact .form-container .col {
    position: relative; }
    #pdp-contact .form-container .col .form-list li {
      margin-bottom: 10px; }
      #pdp-contact .form-container .col .form-list li:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      #pdp-contact .form-container .col .form-list li label {
        float: left;
        text-transform: capitalize;
        line-height: 2.667em; }
      #pdp-contact .form-container .col .form-list li .input-box {
        float: right;
        width: 60%; }
        #pdp-contact .form-container .col .form-list li .input-box > * {
          width: 100%; }
      #pdp-contact .form-container .col .form-list li .chzn-container .chzn-results {
        max-height: 130px; }
    #pdp-contact .form-container .col textarea {
      width: 100%;
      height: 146px;
      margin: 10px 0 0; }
    #pdp-contact .form-container .col .cta {
      margin-top: 20px; }
      @media (max-width: 768px) {
        #pdp-contact .form-container .col .cta {
          width: 100%; } }
    #pdp-contact .form-container .col:first-child {
      padding-right: 25px; }
    #pdp-contact .form-container .col:last-child {
      padding-left: 25px; }

.product-main-info .availability {
  display: none; }
.product-main-info .price-box {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 15px;
  color: #999999;
  letter-spacing: 0.05em; }
  @media (max-width: 640px) {
    .product-main-info .price-box {
      font-size: 14px; } }
.product-main-info .product-desc h3 {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (max-width: 640px) {
    .product-main-info .product-desc h3 {
      font-size: 15px;
      line-height: 20px; } }

/*.catalog-product-view {
	@include flush-fluid-grid($grid-num-items: 2, $grid-margin: 2%);
	footer .footer-content{
		margin-top: 100px;
	}
}*/
.static-subhead {
  font-family: "Freight Big Pro Book", Georgia, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 36px;
  color: #333333;
  letter-spacing: 1px;
  text-transform: capitalize;
  margin-bottom: 22px; }
  @media (max-width: 640px) {
    .static-subhead {
      font-size: 30px; } }

.section-inner-container {
  padding: 0 13%;
  position: relative; }
  .section-inner-container .static-subhead {
    text-align: center; }
  .section-inner-container .static-desc-text {
    position: absolute;
    bottom: 0px;
    right: 11%;
    padding: 7% 0 0 7%;
    width: 53%;
    height: 35%;
    background-color: white;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #111111;
    letter-spacing: 0; }
    @media (max-width: 640px) {
      .section-inner-container .static-desc-text {
        font-size: 15px;
        line-height: 20px; } }
    .section-inner-container .static-desc-text .readmore-link {
      color: #999;
      text-transform: uppercase;
      font-size: 12px; }
    @media (max-width: 640px) {
      .section-inner-container .static-desc-text {
        position: static;
        width: 100%;
        padding: 0 3%;
        margin-top: 30px; } }
  .section-inner-container .static-insert-image {
    margin-bottom: 80px; }
    @media (max-width: 640px) {
      .section-inner-container .static-insert-image {
        margin-bottom: 0px; } }
    .section-inner-container .static-insert-image img {
      margin: auto; }

.box-viewed {
  margin: 0px 0 30px; }

.product-right-content {
  width: 275px;
  margin: 0 87px;
  position: absolute; }
  @media (max-width: 640px) {
    .product-right-content {
      position: static; } }
  @media (max-width: 700px) {
    .product-right-content {
      width: 235px; } }

.product-right-content-fix {
  position: fixed;
  top: 120px; }
  @media (max-width: 966px) {
    .product-right-content-fix {
      top: 80px; } }
  @media (max-width: 640px) {
    .product-right-content-fix {
      position: static; } }

@media (max-width: 640px) {
  .product-view .product-shop {
    margin-top: 30px; } }

@media (max-width: 640px) {
  .content-module {
    margin-bottom: 30px; } }

@media (max-width: 966px) {
  .catalog-product-view #page {
    padding-bottom: 293px; } }
@media (max-width: 640px) {
  .catalog-product-view #page {
    padding-bottom: 0px; } }

.product-right-content-bottom {
  bottom: 0px; }

.catalog-product-view .category-products .products-grid, .catalog-product-view .category-products.slidedown-category-products .products-grid {
  width: 104.16667%;
  margin-left: -2.08333%; }
  .catalog-product-view .category-products .products-grid:after, .catalog-product-view .category-products.slidedown-category-products .products-grid:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .catalog-product-view .category-products .products-grid > .item, .catalog-product-view .category-products.slidedown-category-products .products-grid > .item {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin: 0 2% 4%; }
@media (max-width: 966px) {
  .catalog-product-view .category-products, .catalog-product-view .category-products.slidedown-category-products {
    padding-left: 3%;
    padding-right: 3%; } }

.product-media-gallery .instructions {
  display: none; }

:not(.cms-home) #content > .wrapper {
  border-top: 1px solid #eee; }
  @media (max-width: 966px) {
    :not(.cms-home) #content > .wrapper {
      border-top: 0px solid transparent; } }

body.blog #content > .wrapper, body.category #content > .wrapper {
  border-top: 0px solid transparent; }

body.blog.single-post #content > .wrapper {
  border-top: 1px solid #eee; }

/* .catalog-category-view #content>.wrapper,
.catalog-product-view #content>.wrapper{
	border-top: 1px solid #eee;
	@include respond-to(max-width, $resDesktopWidth) {
		border-top: 0px solid transparent;
	}
}*/
.product-shop .slider-moreview-container li {
  position: relative; }
  .product-shop .slider-moreview-container li:after {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    content: "";
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    height: 100%; }
  .product-shop .slider-moreview-container li:last-child:after {
    border-bottom: 0px solid transparent; }

.out-of-stock-notice {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  margin-top: 16px;
  color: #d04539; }
  @media (max-width: 640px) {
    .out-of-stock-notice {
      font-size: 15px;
      line-height: 20px; } }

/* #shopping-cart-table .product-name a{
	font-weight: bold;
}*/
#shopping-cart-table .price-box {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 12px;
  color: #999999;
  letter-spacing: 0.05em;
  padding-top: 3px; }
  @media (max-width: 640px) {
    #shopping-cart-table .price-box {
      font-size: 12px;
      color: #999999; } }

#shopping-cart-table .item-options {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    #shopping-cart-table .item-options {
      font-size: 15px;
      line-height: 20px; } }

#shopping-cart-table td {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    #shopping-cart-table td {
      font-size: 15px;
      line-height: 20px; } }

.giftcard-product-view .content-module {
  display: none; }

.giftcard-amount-form .custom-dropdown-giftcard-amount-entry {
  width: 100%; }

.action-parts .product-size {
  display: none; }

.giftcard-send-form #giftcard_message {
  padding: 4px 4px 4px 10px;
  color: #444; }

.giftcard-product-view .product-right-content {
  width: 380px;
  margin: 0 67px; }
  @media (max-width: 840px) {
    .giftcard-product-view .product-right-content {
      width: 330px; } }
  @media (max-width: 720px) {
    .giftcard-product-view .product-right-content {
      width: 300px; } }
  @media (max-width: 680px) {
    .giftcard-product-view .product-right-content {
      width: 260px; } }

.giftcard-send-form .fields {
  text-align: left; }

.product-view.giftcard-product-view .product-shop .product-right .product-actions-container .options-container-big,
.product-view.giftcard-product-view .product-shop .product-right .product-actions-container .options-container-small {
  margin: 0;
  width: 50%; }
  @media (max-width: 640px) {
    .product-view.giftcard-product-view .product-shop .product-right .product-actions-container .options-container-big,
    .product-view.giftcard-product-view .product-shop .product-right .product-actions-container .options-container-small {
      width: 100%; } }

.giftcard-amount-form {
  margin-bottom: 20px; }

.giftcard-product-view .fieldset .form-list.v-form-list > li,
.giftcard-product-view fieldset .form-list.v-form-list > li {
  margin-bottom: 20px; }

@media (max-width: 640px) {
  .giftcard-product-view #giftcard_sender_name,
  .giftcard-product-view #giftcard_recipient_name {
    margin-bottom: 20px; } }

.giftcard-product-view .product-main-info .product-desc h3 {
  margin-bottom: 25px; }

.product-view.giftcard-product-view .product-shop .product-right .product-actions-container {
  padding: 0 0 20px; }

.giftcard-product-view.product-view .product-shop .product-right .product-actions-container .product-options-bottom {
  margin: 0; }

.giftcard-product-view.product-view .product-shop .product-right .product-actions-container {
  border-bottom: 0px solid transparent; }

.backbutton {
  display: inline-block;
  vertical-align: middle;
  width: 50%; }
  .backbutton .back-symbol {
    position: relative;
    top: 1px;
    margin-right: 3px; }
    .backbutton .back-symbol:before {
      color: #999; }
  .backbutton .back-text {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0;
    text-transform: uppercase; }
    @media (max-width: 640px) {
      .backbutton .back-text {
        font-size: 15px;
        line-height: 20px; } }

.product-next-prev {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: right; }
  .product-next-prev .mobile-count:before {
    color: #999; }
  .product-next-prev .cpk {
    font-family: "Freight Big Pro Book", Georgia, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    line-height: 36px;
    color: #666666;
    letter-spacing: 1px;
    width: 34px;
    display: inline-block;
    text-align: center; }
    @media (max-width: 640px) {
      .product-next-prev .cpk {
        font-size: 30px; } }
  .product-next-prev .prev {
    padding: 10px 0 10px 10px; }
  .product-next-prev .next {
    padding: 10px 10px 10px 0px; }

.mobile-pdp-top {
  margin-bottom: 10px;
  margin-top: -15px; }

.product-view .product-shop .more-view-inner .down, .product-view .product-shop .more-view-inner .up {
  display: none; }

.product-next-prev > a {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  .product-next-prev > a.to-opacity {
    opacity: 0;
    cursor: default; }

@media (max-width: 966px) {
  .product-right .share-button:before {
    font-size: 16px; } }

.catalog-category-view #content .desktop-elem {
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    .catalog-category-view #content .desktop-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.catalog-category-view #content .mobile-elem {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    .catalog-category-view #content .mobile-elem {
      display: block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }

.category-title {
  width: 100%;
  position: relative;
  /* margin-top: 10px;*/
  padding-top: 1px; }
  .category-title:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .category-title .category-name-text {
    margin: 40px auto 16px; }
    @media (max-width: 640px) {
      .category-title .category-name-text {
        margin: 45px auto 16px; } }
  .category-title .title-line {
    margin-bottom: 40px; }
  .category-title .category-desc {
    margin: auto;
    width: 75%; }
  .category-title .col {
    float: left;
    border-top: 1px solid #dedede; }
    .category-title .col.title-text {
      width: 33.276%;
      height: 437px;
      text-align: center; }
      .category-title .col.title-text h1, .category-title .col.title-text .alt-title {
        text-transform: uppercase;
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.17em;
        margin-bottom: 10px;
        color: #888888; }
      .category-title .col.title-text .std {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.083em;
        width: 70%;
        line-height: 1.667em;
        margin: -2px auto;
        color: #777777; }
    .category-title .col.category-image {
      width: 66.723%; }
  @media (max-width: 966px) {
    .category-title .col {
      float: left; }
      .category-title .col.title-text {
        height: 287px; } }
  @media (max-width: 640px) {
    .category-title {
      display: none; } }

.ie .category-nav-filter > * .filter-options, .ie11 .category-nav-filter > * .filter-options, .ie12 .category-nav-filter > * .filter-options, .ie13 .category-nav-filter > * .filter-options, .ie14 .category-nav-filter > * .filter-options {
  width: 100px; }

.category-nav-filter {
  border-top: 1px solid #dedede;
  position: relative; }
  .category-nav-filter:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .category-nav-filter .filter-title, .category-nav-filter.filter-title {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.166em;
    line-height: 3.55em;
    color: #777777;
    background: transparent; }
    @media (max-width: 640px) {
      .category-nav-filter .filter-title, .category-nav-filter.filter-title {
        font-size: 1em;
        line-height: 2.8em; } }
  .category-nav-filter .filter-dropdown, .category-nav-filter.filter-dropdown {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0;
    line-height: 2.333em;
    color: #777777;
    text-transform: capitalize; }
    @media (max-width: 640px) {
      .category-nav-filter .filter-dropdown, .category-nav-filter.filter-dropdown {
        font-size: 15px;
        line-height: 20px; } }
    .category-nav-filter .filter-dropdown a, .category-nav-filter.filter-dropdown a {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      line-height: 17px;
      color: #999999;
      letter-spacing: 0;
      line-height: 2.333em;
      color: #777777; }
      @media (max-width: 640px) {
        .category-nav-filter .filter-dropdown a, .category-nav-filter.filter-dropdown a {
          font-size: 15px;
          line-height: 20px; } }
  .category-nav-filter .actions a {
    display: block;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.166em;
    text-transform: capitalize;
    line-height: 3.55em;
    color: #777777;
    padding-left: 15px;
    margin-left: 20px;
    position: relative; }
    .category-nav-filter .actions a h2 {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.166em;
      line-height: 3.55em;
      font-size: 14px; }
    @media (max-width: 640px) {
      .category-nav-filter .actions a {
        font-size: 1em;
        line-height: 2.8em; } }
    .category-nav-filter .actions a:before {
      content: "x";
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 30px;
      line-height: 36px;
      color: #333333;
      letter-spacing: 4px;
      text-transform: lowercase;
      width: 15px;
      height: 15px;
      position: absolute;
      display: block;
      margin-top: -10.5px;
      top: 50%;
      left: 0;
      line-height: 1.166em; }
  @media (max-width: 640px) {
    .category-nav-filter {
      display: none; } }
  .category-nav-filter .filter-dropdown a {
    display: block; }
  .category-nav-filter > * {
    float: right; }
    .category-nav-filter > *:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .category-nav-filter > * .filter-options {
      float: left;
      width: 85px;
      position: relative;
      cursor: pointer; }
      .category-nav-filter > * .filter-options .filter-title {
        width: 100%;
        padding: 0 10px 5px;
        text-transform: uppercase;
        text-align: right;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        line-height: 3.55em;
        color: #888888;
        letter-spacing: 0.05em;
        border-left: 1px solid white;
        border-right: 1px solid white;
        /* background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll 28px -1484px white; */
        transition: all 0.45s;
        -moz-transition: all 0.45s;
        /*  Firefox */
        -webkit-transition: all 0.45s;
        /*  Safari and Chrome */
        -ms-transition: all 0.45s;
        /*  ie */
        -o-transition: all 0.45s;
        /*  Opera */
        /* 
        @include respond-to(max-width, $resMobileWidth){
        	background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll 32px -1787px white;
        	background-size: 50px auto;
        }  */ }
        @media (max-width: 640px) {
          .category-nav-filter > * .filter-options .filter-title {
            font-size: 12px;
            color: #999999; } }
        .category-nav-filter > * .filter-options .filter-title:after {
          font-family: "Welden Icon Font";
          font-weight: normal;
          font-style: normal;
          content: "\e63f";
          font-size: 18px;
          font-style: normal;
          font-weight: normal;
          margin-left: 7px;
          position: relative;
          top: 4px; }
      .category-nav-filter > * .filter-options .filter-dropdown {
        padding: 0 5px;
        min-width: 300%;
        position: absolute;
        height: 0;
        z-index: 20;
        top: 100%;
        right: 0;
        overflow-y: hidden;
        background: white;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.45s;
        -moz-transition: all 0.45s;
        /*  Firefox */
        -webkit-transition: all 0.45s;
        /*  Safari and Chrome */
        -ms-transition: all 0.45s;
        /*  ie */
        -o-transition: all 0.45s;
        /*  Opera */ }
        .category-nav-filter > * .filter-options .filter-dropdown li {
          background: white;
          text-indent: 5px;
          transition: all 0.45s;
          -moz-transition: all 0.45s;
          /*  Firefox */
          -webkit-transition: all 0.45s;
          /*  Safari and Chrome */
          -ms-transition: all 0.45s;
          /*  ie */
          -o-transition: all 0.45s;
          /*  Opera */ }
          .category-nav-filter > * .filter-options .filter-dropdown li:hover, .category-nav-filter > * .filter-options .filter-dropdown li.current {
            background: #eff0f3; }
          .category-nav-filter > * .filter-options .filter-dropdown li:first-child {
            margin-top: 10px; }
          .category-nav-filter > * .filter-options .filter-dropdown li:last-child {
            margin-bottom: 10px; }
      .category-nav-filter > * .filter-options:before {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: none repeat scroll 0 0 transparent;
        bottom: -1px;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 21;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
        transition: all 0.45s;
        -moz-transition: all 0.45s;
        /*  Firefox */
        -webkit-transition: all 0.45s;
        /*  Safari and Chrome */
        -ms-transition: all 0.45s;
        /*  ie */
        -o-transition: all 0.45s;
        /*  Opera */ }
      .category-nav-filter > * .filter-options.active .filter-title {
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc; }
        @media (max-width: 640px) {
          .category-nav-filter > * .filter-options.active .filter-title {
            border-top: 1px solid #cccccc; } }
      .category-nav-filter > * .filter-options.active .filter-dropdown {
        height: auto;
        overflow-y: hidden;
        border: 1px solid #cccccc;
        opacity: 1;
        -moz-opacity: 1;
        /* do nothing */ }
      .category-nav-filter > * .filter-options.active:before {
        background: none repeat scroll 0 0 white;
        border-left: 1px solid #cccccc;
        border-right: 1px solid #cccccc; }
    .category-nav-filter > *.actions {
      float: left; }
      .category-nav-filter > *.actions:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      .category-nav-filter > *.actions .filter-title, .category-nav-filter > *.actions.filter-title {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.166em;
        line-height: 3.55em;
        color: #777777;
        background: transparent; }
        @media (max-width: 640px) {
          .category-nav-filter > *.actions .filter-title, .category-nav-filter > *.actions.filter-title {
            font-size: 1em;
            line-height: 2.8em; } }
      .category-nav-filter > *.actions .filter-dropdown, .category-nav-filter > *.actions.filter-dropdown {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #999999;
        letter-spacing: 0;
        line-height: 2.333em;
        color: #777777;
        text-transform: capitalize; }
        @media (max-width: 640px) {
          .category-nav-filter > *.actions .filter-dropdown, .category-nav-filter > *.actions.filter-dropdown {
            font-size: 15px;
            line-height: 20px; } }
        .category-nav-filter > *.actions .filter-dropdown a, .category-nav-filter > *.actions.filter-dropdown a {
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 14px;
          line-height: 17px;
          color: #999999;
          letter-spacing: 0;
          line-height: 2.333em;
          color: #777777; }
          @media (max-width: 640px) {
            .category-nav-filter > *.actions .filter-dropdown a, .category-nav-filter > *.actions.filter-dropdown a {
              font-size: 15px;
              line-height: 20px; } }
      .category-nav-filter > *.actions .actions a {
        display: block;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.166em;
        text-transform: capitalize;
        line-height: 3.55em;
        color: #777777;
        padding-left: 15px;
        margin-left: 20px;
        position: relative; }
        .category-nav-filter > *.actions .actions a h2 {
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.166em;
          line-height: 3.55em;
          font-size: 14px; }
        @media (max-width: 640px) {
          .category-nav-filter > *.actions .actions a {
            font-size: 1em;
            line-height: 2.8em; } }
        .category-nav-filter > *.actions .actions a:before {
          content: "x";
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 30px;
          line-height: 36px;
          color: #333333;
          letter-spacing: 4px;
          text-transform: lowercase;
          width: 15px;
          height: 15px;
          position: absolute;
          display: block;
          margin-top: -10.5px;
          top: 50%;
          left: 0;
          line-height: 1.166em; }
      .category-nav-filter > *.actions > * {
        float: left; }
        .category-nav-filter > *.actions > * ol:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        .category-nav-filter > *.actions > * li {
          float: left; }
      .category-nav-filter > *.actions > a {
        position: absolute;
        right: 10px; }
      @media (max-width: 640px) {
        .category-nav-filter > *.actions {
          float: none;
          display: block;
          text-align: center;
          position: relative; }
          .category-nav-filter > *.actions > *.block-layered-nav {
            display: none; }
          .category-nav-filter > *.actions > a {
            float: none;
            width: 72px;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -15px;
            padding-left: 0;
            padding-right: 15px; }
            .category-nav-filter > *.actions > a:before {
              display: none; }
            .category-nav-filter > *.actions > a:after {
              content: "x";
              font-family: "Neuzeit Grot Regular", Arial, serif;
              font-weight: normal;
              font-style: normal;
              -webkit-font-smoothing: antialiased;
              -moz-osx-font-smoothing: grayscale;
              font-size: 30px;
              line-height: 36px;
              color: #333333;
              letter-spacing: 4px;
              text-transform: lowercase;
              width: 15px;
              height: 15px;
              position: absolute;
              display: block;
              margin-top: -11.5px;
              top: 50%;
              right: 0;
              line-height: 1.166em; } }
    @media (max-width: 640px) {
      .category-nav-filter > * .list-view-switcher {
        margin-right: 10px;
        position: absolute;
        right: 0; }
        .category-nav-filter > * .list-view-switcher:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        .category-nav-filter > * .list-view-switcher > div {
          height: 42px;
          width: 42px;
          float: left;
          background: #ccc; }
          .category-nav-filter > * .list-view-switcher > div.large {
            background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -2785px transparent;
            background-size: 50px auto; }
            .category-nav-filter > * .list-view-switcher > div.large.active {
              background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -3251px transparent;
              background-size: 50px auto; }
          .category-nav-filter > * .list-view-switcher > div.small {
            background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -3335px transparent;
            background-size: 50px auto; }
            .category-nav-filter > * .list-view-switcher > div.small.active {
              background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -2869px transparent;
              background-size: 50px auto; } }

#progress {
  display: block;
  position: fixed;
  bottom: 20px;
  left: 20px;
  height: 50px;
  width: 50px; }

#progress {
  background: #eeeeee;
  border-radius: 50%;
  border: 2px solid #dddddd;
  overflow: hidden; }
  #progress .number {
    text-align: center;
    color: #eeeeee;
    width: 90%;
    height: 90%;
    background: #dddddd;
    position: absolute;
    border-radius: 50%;
    left: 5%;
    top: 5%;
    z-index: 1000;
    border: 2px solid #dddddd;
    box-sizing: border-box; }
    #progress .number p {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      color: #000;
      font-size: 1.3em;
      font-weight: bold; }
  #progress .hided, #progress .active, #progress .active2 {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
  #progress[data-progress="0"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(0deg); }
  #progress[data-progress="0"] .active, #progress[data-progress="0"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="1"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(3.6deg); }
  #progress[data-progress="1"] .active, #progress[data-progress="1"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="2"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(7.2deg); }
  #progress[data-progress="2"] .active, #progress[data-progress="2"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="3"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(10.8deg); }
  #progress[data-progress="3"] .active, #progress[data-progress="3"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="4"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(14.4deg); }
  #progress[data-progress="4"] .active, #progress[data-progress="4"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="5"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(18deg); }
  #progress[data-progress="5"] .active, #progress[data-progress="5"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="6"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(21.6deg); }
  #progress[data-progress="6"] .active, #progress[data-progress="6"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="7"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(25.2deg); }
  #progress[data-progress="7"] .active, #progress[data-progress="7"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="8"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(28.8deg); }
  #progress[data-progress="8"] .active, #progress[data-progress="8"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="9"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(32.4deg); }
  #progress[data-progress="9"] .active, #progress[data-progress="9"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="10"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(36deg); }
  #progress[data-progress="10"] .active, #progress[data-progress="10"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="11"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(39.6deg); }
  #progress[data-progress="11"] .active, #progress[data-progress="11"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="12"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(43.2deg); }
  #progress[data-progress="12"] .active, #progress[data-progress="12"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="13"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(46.8deg); }
  #progress[data-progress="13"] .active, #progress[data-progress="13"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="14"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(50.4deg); }
  #progress[data-progress="14"] .active, #progress[data-progress="14"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="15"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(54deg); }
  #progress[data-progress="15"] .active, #progress[data-progress="15"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="16"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(57.6deg); }
  #progress[data-progress="16"] .active, #progress[data-progress="16"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="17"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(61.2deg); }
  #progress[data-progress="17"] .active, #progress[data-progress="17"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="18"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(64.8deg); }
  #progress[data-progress="18"] .active, #progress[data-progress="18"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="19"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(68.4deg); }
  #progress[data-progress="19"] .active, #progress[data-progress="19"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="20"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(72deg); }
  #progress[data-progress="20"] .active, #progress[data-progress="20"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="21"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(75.6deg); }
  #progress[data-progress="21"] .active, #progress[data-progress="21"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="22"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(79.2deg); }
  #progress[data-progress="22"] .active, #progress[data-progress="22"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="23"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(82.8deg); }
  #progress[data-progress="23"] .active, #progress[data-progress="23"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="24"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(86.4deg); }
  #progress[data-progress="24"] .active, #progress[data-progress="24"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="25"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(90deg); }
  #progress[data-progress="25"] .active, #progress[data-progress="25"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="26"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(93.6deg); }
  #progress[data-progress="26"] .active, #progress[data-progress="26"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="27"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(97.2deg); }
  #progress[data-progress="27"] .active, #progress[data-progress="27"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="28"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(100.8deg); }
  #progress[data-progress="28"] .active, #progress[data-progress="28"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="29"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(104.4deg); }
  #progress[data-progress="29"] .active, #progress[data-progress="29"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="30"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(108deg); }
  #progress[data-progress="30"] .active, #progress[data-progress="30"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="31"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(111.6deg); }
  #progress[data-progress="31"] .active, #progress[data-progress="31"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="32"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(115.2deg); }
  #progress[data-progress="32"] .active, #progress[data-progress="32"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="33"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(118.8deg); }
  #progress[data-progress="33"] .active, #progress[data-progress="33"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="34"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(122.4deg); }
  #progress[data-progress="34"] .active, #progress[data-progress="34"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="35"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(126deg); }
  #progress[data-progress="35"] .active, #progress[data-progress="35"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="36"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(129.6deg); }
  #progress[data-progress="36"] .active, #progress[data-progress="36"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="37"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(133.2deg); }
  #progress[data-progress="37"] .active, #progress[data-progress="37"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="38"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(136.8deg); }
  #progress[data-progress="38"] .active, #progress[data-progress="38"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="39"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(140.4deg); }
  #progress[data-progress="39"] .active, #progress[data-progress="39"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="40"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(144deg); }
  #progress[data-progress="40"] .active, #progress[data-progress="40"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="41"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(147.6deg); }
  #progress[data-progress="41"] .active, #progress[data-progress="41"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="42"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(151.2deg); }
  #progress[data-progress="42"] .active, #progress[data-progress="42"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="43"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(154.8deg); }
  #progress[data-progress="43"] .active, #progress[data-progress="43"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="44"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(158.4deg); }
  #progress[data-progress="44"] .active, #progress[data-progress="44"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="45"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(162deg); }
  #progress[data-progress="45"] .active, #progress[data-progress="45"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="46"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(165.6deg); }
  #progress[data-progress="46"] .active, #progress[data-progress="46"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="47"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(169.2deg); }
  #progress[data-progress="47"] .active, #progress[data-progress="47"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="48"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(172.8deg); }
  #progress[data-progress="48"] .active, #progress[data-progress="48"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="49"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(176.4deg); }
  #progress[data-progress="49"] .active, #progress[data-progress="49"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="50"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(180deg); }
  #progress[data-progress="50"] .active, #progress[data-progress="50"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    left: 50%;
    top: 0; }
  #progress[data-progress="51"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(183.6deg); }
  #progress[data-progress="51"] .active, #progress[data-progress="51"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="51"] .active2 {
    transform-origin: left center;
    transform: rotate(3.6deg); }
  #progress[data-progress="52"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(187.2deg); }
  #progress[data-progress="52"] .active, #progress[data-progress="52"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="52"] .active2 {
    transform-origin: left center;
    transform: rotate(7.2deg); }
  #progress[data-progress="53"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(190.8deg); }
  #progress[data-progress="53"] .active, #progress[data-progress="53"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="53"] .active2 {
    transform-origin: left center;
    transform: rotate(10.8deg); }
  #progress[data-progress="54"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(194.4deg); }
  #progress[data-progress="54"] .active, #progress[data-progress="54"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="54"] .active2 {
    transform-origin: left center;
    transform: rotate(14.4deg); }
  #progress[data-progress="55"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(198deg); }
  #progress[data-progress="55"] .active, #progress[data-progress="55"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="55"] .active2 {
    transform-origin: left center;
    transform: rotate(18deg); }
  #progress[data-progress="56"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(201.6deg); }
  #progress[data-progress="56"] .active, #progress[data-progress="56"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="56"] .active2 {
    transform-origin: left center;
    transform: rotate(21.6deg); }
  #progress[data-progress="57"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(205.2deg); }
  #progress[data-progress="57"] .active, #progress[data-progress="57"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="57"] .active2 {
    transform-origin: left center;
    transform: rotate(25.2deg); }
  #progress[data-progress="58"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(208.8deg); }
  #progress[data-progress="58"] .active, #progress[data-progress="58"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="58"] .active2 {
    transform-origin: left center;
    transform: rotate(28.8deg); }
  #progress[data-progress="59"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(212.4deg); }
  #progress[data-progress="59"] .active, #progress[data-progress="59"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="59"] .active2 {
    transform-origin: left center;
    transform: rotate(32.4deg); }
  #progress[data-progress="60"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(216deg); }
  #progress[data-progress="60"] .active, #progress[data-progress="60"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="60"] .active2 {
    transform-origin: left center;
    transform: rotate(36deg); }
  #progress[data-progress="61"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(219.6deg); }
  #progress[data-progress="61"] .active, #progress[data-progress="61"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="61"] .active2 {
    transform-origin: left center;
    transform: rotate(39.6deg); }
  #progress[data-progress="62"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(223.2deg); }
  #progress[data-progress="62"] .active, #progress[data-progress="62"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="62"] .active2 {
    transform-origin: left center;
    transform: rotate(43.2deg); }
  #progress[data-progress="63"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(226.8deg); }
  #progress[data-progress="63"] .active, #progress[data-progress="63"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="63"] .active2 {
    transform-origin: left center;
    transform: rotate(46.8deg); }
  #progress[data-progress="64"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(230.4deg); }
  #progress[data-progress="64"] .active, #progress[data-progress="64"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="64"] .active2 {
    transform-origin: left center;
    transform: rotate(50.4deg); }
  #progress[data-progress="65"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(234deg); }
  #progress[data-progress="65"] .active, #progress[data-progress="65"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="65"] .active2 {
    transform-origin: left center;
    transform: rotate(54deg); }
  #progress[data-progress="66"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(237.6deg); }
  #progress[data-progress="66"] .active, #progress[data-progress="66"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="66"] .active2 {
    transform-origin: left center;
    transform: rotate(57.6deg); }
  #progress[data-progress="67"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(241.2deg); }
  #progress[data-progress="67"] .active, #progress[data-progress="67"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="67"] .active2 {
    transform-origin: left center;
    transform: rotate(61.2deg); }
  #progress[data-progress="68"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(244.8deg); }
  #progress[data-progress="68"] .active, #progress[data-progress="68"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="68"] .active2 {
    transform-origin: left center;
    transform: rotate(64.8deg); }
  #progress[data-progress="69"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(248.4deg); }
  #progress[data-progress="69"] .active, #progress[data-progress="69"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="69"] .active2 {
    transform-origin: left center;
    transform: rotate(68.4deg); }
  #progress[data-progress="70"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(252deg); }
  #progress[data-progress="70"] .active, #progress[data-progress="70"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="70"] .active2 {
    transform-origin: left center;
    transform: rotate(72deg); }
  #progress[data-progress="71"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(255.6deg); }
  #progress[data-progress="71"] .active, #progress[data-progress="71"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="71"] .active2 {
    transform-origin: left center;
    transform: rotate(75.6deg); }
  #progress[data-progress="72"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(259.2deg); }
  #progress[data-progress="72"] .active, #progress[data-progress="72"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="72"] .active2 {
    transform-origin: left center;
    transform: rotate(79.2deg); }
  #progress[data-progress="73"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(262.8deg); }
  #progress[data-progress="73"] .active, #progress[data-progress="73"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="73"] .active2 {
    transform-origin: left center;
    transform: rotate(82.8deg); }
  #progress[data-progress="74"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(266.4deg); }
  #progress[data-progress="74"] .active, #progress[data-progress="74"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="74"] .active2 {
    transform-origin: left center;
    transform: rotate(86.4deg); }
  #progress[data-progress="75"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(270deg); }
  #progress[data-progress="75"] .active, #progress[data-progress="75"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="75"] .active2 {
    transform-origin: left center;
    transform: rotate(90deg); }
  #progress[data-progress="76"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(273.6deg); }
  #progress[data-progress="76"] .active, #progress[data-progress="76"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="76"] .active2 {
    transform-origin: left center;
    transform: rotate(93.6deg); }
  #progress[data-progress="77"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(277.2deg); }
  #progress[data-progress="77"] .active, #progress[data-progress="77"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="77"] .active2 {
    transform-origin: left center;
    transform: rotate(97.2deg); }
  #progress[data-progress="78"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(280.8deg); }
  #progress[data-progress="78"] .active, #progress[data-progress="78"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="78"] .active2 {
    transform-origin: left center;
    transform: rotate(100.8deg); }
  #progress[data-progress="79"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(284.4deg); }
  #progress[data-progress="79"] .active, #progress[data-progress="79"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="79"] .active2 {
    transform-origin: left center;
    transform: rotate(104.4deg); }
  #progress[data-progress="80"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(288deg); }
  #progress[data-progress="80"] .active, #progress[data-progress="80"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="80"] .active2 {
    transform-origin: left center;
    transform: rotate(108deg); }
  #progress[data-progress="81"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(291.6deg); }
  #progress[data-progress="81"] .active, #progress[data-progress="81"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="81"] .active2 {
    transform-origin: left center;
    transform: rotate(111.6deg); }
  #progress[data-progress="82"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(295.2deg); }
  #progress[data-progress="82"] .active, #progress[data-progress="82"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="82"] .active2 {
    transform-origin: left center;
    transform: rotate(115.2deg); }
  #progress[data-progress="83"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(298.8deg); }
  #progress[data-progress="83"] .active, #progress[data-progress="83"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="83"] .active2 {
    transform-origin: left center;
    transform: rotate(118.8deg); }
  #progress[data-progress="84"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(302.4deg); }
  #progress[data-progress="84"] .active, #progress[data-progress="84"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="84"] .active2 {
    transform-origin: left center;
    transform: rotate(122.4deg); }
  #progress[data-progress="85"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(306deg); }
  #progress[data-progress="85"] .active, #progress[data-progress="85"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="85"] .active2 {
    transform-origin: left center;
    transform: rotate(126deg); }
  #progress[data-progress="86"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(309.6deg); }
  #progress[data-progress="86"] .active, #progress[data-progress="86"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="86"] .active2 {
    transform-origin: left center;
    transform: rotate(129.6deg); }
  #progress[data-progress="87"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(313.2deg); }
  #progress[data-progress="87"] .active, #progress[data-progress="87"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="87"] .active2 {
    transform-origin: left center;
    transform: rotate(133.2deg); }
  #progress[data-progress="88"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(316.8deg); }
  #progress[data-progress="88"] .active, #progress[data-progress="88"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="88"] .active2 {
    transform-origin: left center;
    transform: rotate(136.8deg); }
  #progress[data-progress="89"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(320.4deg); }
  #progress[data-progress="89"] .active, #progress[data-progress="89"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="89"] .active2 {
    transform-origin: left center;
    transform: rotate(140.4deg); }
  #progress[data-progress="90"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(324deg); }
  #progress[data-progress="90"] .active, #progress[data-progress="90"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="90"] .active2 {
    transform-origin: left center;
    transform: rotate(144deg); }
  #progress[data-progress="91"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(327.6deg); }
  #progress[data-progress="91"] .active, #progress[data-progress="91"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="91"] .active2 {
    transform-origin: left center;
    transform: rotate(147.6deg); }
  #progress[data-progress="92"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(331.2deg); }
  #progress[data-progress="92"] .active, #progress[data-progress="92"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="92"] .active2 {
    transform-origin: left center;
    transform: rotate(151.2deg); }
  #progress[data-progress="93"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(334.8deg); }
  #progress[data-progress="93"] .active, #progress[data-progress="93"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="93"] .active2 {
    transform-origin: left center;
    transform: rotate(154.8deg); }
  #progress[data-progress="94"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(338.4deg); }
  #progress[data-progress="94"] .active, #progress[data-progress="94"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="94"] .active2 {
    transform-origin: left center;
    transform: rotate(158.4deg); }
  #progress[data-progress="95"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(342deg); }
  #progress[data-progress="95"] .active, #progress[data-progress="95"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="95"] .active2 {
    transform-origin: left center;
    transform: rotate(162deg); }
  #progress[data-progress="96"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(345.6deg); }
  #progress[data-progress="96"] .active, #progress[data-progress="96"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="96"] .active2 {
    transform-origin: left center;
    transform: rotate(165.6deg); }
  #progress[data-progress="97"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(349.2deg); }
  #progress[data-progress="97"] .active, #progress[data-progress="97"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="97"] .active2 {
    transform-origin: left center;
    transform: rotate(169.2deg); }
  #progress[data-progress="98"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(352.8deg); }
  #progress[data-progress="98"] .active, #progress[data-progress="98"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="98"] .active2 {
    transform-origin: left center;
    transform: rotate(172.8deg); }
  #progress[data-progress="99"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(356.4deg); }
  #progress[data-progress="99"] .active, #progress[data-progress="99"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="99"] .active2 {
    transform-origin: left center;
    transform: rotate(176.4deg); }
  #progress[data-progress="100"] .hided {
    height: 100%;
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #eeeeee;
    z-index: 200;
    transform-origin: left center;
    transform: rotate(360deg); }
  #progress[data-progress="100"] .active, #progress[data-progress="100"] .active2 {
    width: 50%;
    height: 100%;
    background: #2ecc71;
    position: absolute;
    z-index: 300;
    left: 50%;
    top: 0; }
  #progress[data-progress="100"] .active2 {
    transform-origin: left center;
    transform: rotate(180deg); }

.catalogsearch-result-index .category-nav-filter {
  border-top: 1px solid #cccccc; }

.category-products .products-grid {
  width: 101.21457%;
  margin-left: -0.60729%; }
  .category-products .products-grid:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .category-products .products-grid > .item {
    float: left;
    width: 23.8%;
    margin: 0 0.6% 1.2%; }
    .category-products .products-grid > .item.promo {
      width: 48.8%; }
@media (max-width: 966px) {
  .category-products {
    padding-left: 3%;
    padding-right: 3%; } }

@media (max-width: 966px) {
  .category-products .products-grid {
    width: 101.21457%;
    margin-left: -0.60729%; }
    .category-products .products-grid:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .category-products .products-grid > .item {
      float: left;
      width: 32.13333%;
      margin: 0 0.6% 1.2%; }
      .category-products .products-grid > .item.promo {
        width: 65.46667%; } }
@media (max-width: 966px) and (max-width: 966px) {
  .category-products {
    padding-left: 3%;
    padding-right: 3%; } }

@media (max-width: 640px) {
  .category-products .products-grid {
    width: 101.21457%;
    margin-left: -0.60729%; }
    .category-products .products-grid:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .category-products .products-grid > .item {
      float: left;
      width: 48.8%;
      margin: 0 0.6% 1.2%; }
      .category-products .products-grid > .item.promo {
        width: 98.8%; }
  .category-view.large-view .category-products .products-grid {
    width: 101.21457%;
    margin-left: -0.60729%; }
    .category-view.large-view .category-products .products-grid:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .category-view.large-view .category-products .products-grid > .item {
      float: left;
      width: 98.8%;
      margin: 0 0.6% 1.2%; }
      .category-view.large-view .category-products .products-grid > .item.promo {
        width: 198.8%; } }
@media (max-width: 640px) and (max-width: 966px) {
  .category-products {
    padding-left: 3%;
    padding-right: 3%; } }

@media (max-width: 640px) and (max-width: 966px) {
  .category-view.large-view .category-products {
    padding-left: 3%;
    padding-right: 3%; } }

.category-products .products-grid > .item {
  position: relative;
  /*&:hover .quick-buy {
  	height: 70%;
      padding: 4%;
      @include opacity(1);
  }*/ }
  .category-products .products-grid > .item > .product-image {
    display: block;
    margin-bottom: 7px;
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden; }
    .category-products .products-grid > .item > .product-image .stock-conatiner {
      display: none; }
  .category-products .products-grid > .item .rollover {
    display: block;
    text-align: center;
    cursor: pointer;
    background-color: white;
    position: absolute;
    width: 40%;
    height: 30px;
    top: 50%;
    left: 50%;
    margin-left: -20%;
    margin-top: 0;
    font-size: 0.9em;
    letter-spacing: 0.05em;
    border: 1px solid #999999;
    color: #000000;
    text-transform: uppercase;
    line-height: 30px;
    z-index: 10;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
    @media (max-width: 966px) {
      .category-products .products-grid > .item .rollover {
        display: none; } }
  .category-products .products-grid > .item .quick-buy {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    bottom: 0;
    height: 0;
    position: absolute;
    width: 100%;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
    .category-products .products-grid > .item .quick-buy .action-parts {
      position: relative; }
      .category-products .products-grid > .item .quick-buy .action-parts label {
        display: block; }
      .category-products .products-grid > .item .quick-buy .action-parts .product-attribute-size-wrap {
        overflow: hidden;
        margin-bottom: 20px; }
        .category-products .products-grid > .item .quick-buy .action-parts .product-attribute-size-wrap .option-select {
          width: 106.093%; }
          .category-products .products-grid > .item .quick-buy .action-parts .product-attribute-size-wrap .option-select:after {
            display: block;
            content: "";
            width: 0;
            height: 0;
            position: relative;
            background: transparent;
            clear: both; }
          .category-products .products-grid > .item .quick-buy .action-parts .product-attribute-size-wrap .option-select .option {
            float: left;
            margin-right: 2.915%;
            margin-top: 2.915%;
            width: 13.28%;
            background: none repeat scroll 0 0 white;
            border: 1px solid #e1e1e1;
            cursor: pointer;
            height: 26px;
            transition: all 0.45s;
            -moz-transition: all 0.45s;
            /*  Firefox */
            -webkit-transition: all 0.45s;
            /*  Safari and Chrome */
            -ms-transition: all 0.45s;
            /*  ie */
            -o-transition: all 0.45s;
            /*  Opera */ }
            .category-products .products-grid > .item .quick-buy .action-parts .product-attribute-size-wrap .option-select .option span {
              color: #605f5c;
              display: block;
              line-height: 24px;
              text-align: center;
              text-transform: uppercase; }
            .category-products .products-grid > .item .quick-buy .action-parts .product-attribute-size-wrap .option-select .option.selected, .category-products .products-grid > .item .quick-buy .action-parts .product-attribute-size-wrap .option-select .option:hover {
              background: none repeat scroll 0 0 #eee; }
      .category-products .products-grid > .item .quick-buy .action-parts .product-swatches {
        overflow: hidden;
        margin-bottom: 20px; }
        .category-products .products-grid > .item .quick-buy .action-parts .product-swatches .input-box {
          width: 106.093%; }
          .category-products .products-grid > .item .quick-buy .action-parts .product-swatches .input-box:after {
            display: block;
            content: "";
            width: 0;
            height: 0;
            position: relative;
            background: transparent;
            clear: both; }
          .category-products .products-grid > .item .quick-buy .action-parts .product-swatches .input-box .option {
            float: left;
            margin-right: 2.915%;
            margin-top: 2.915%;
            width: 13.28%;
            background: none repeat scroll 0 0 white;
            border: 1px solid #e1e1e1;
            cursor: pointer;
            height: 26px;
            transition: all 0.45s;
            -moz-transition: all 0.45s;
            /*  Firefox */
            -webkit-transition: all 0.45s;
            /*  Safari and Chrome */
            -ms-transition: all 0.45s;
            /*  ie */
            -o-transition: all 0.45s;
            /*  Opera */ }
            .category-products .products-grid > .item .quick-buy .action-parts .product-swatches .input-box .option span {
              color: #605f5c;
              display: block;
              line-height: 24px;
              text-align: center;
              text-transform: uppercase; }
            .category-products .products-grid > .item .quick-buy .action-parts .product-swatches .input-box .option.selected, .category-products .products-grid > .item .quick-buy .action-parts .product-swatches .input-box .option:hover {
              background: none repeat scroll 0 0 #eee; }
  .category-products .products-grid > .item:hover .rollover {
    margin-top: -12px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80); }
  .category-products .products-grid > .item.promo {
    display: block; }
    .category-products .products-grid > .item.promo .promo-area {
      position: relative; }
      .category-products .products-grid > .item.promo .promo-area img {
        width: 100%;
        height: 100%;
        opacity: 0;
        -moz-opacity: 0;
        filter: alpha(opacity=0); }
      .category-products .products-grid > .item.promo .promo-area .promo-text {
        display: none; }
      .category-products .products-grid > .item.promo .promo-area > a {
        display: block; }
  @media (max-width: 966px) {
    .category-products .products-grid > .item.promo {
      display: none; } }
  .category-products .products-grid > .item .product-text {
    height: 64px; }
    @media (max-width: 640px) {
      .category-products .products-grid > .item .product-text {
        height: 68px; } }

.lookbook-container .breadcrumbs {
  display: none; }
.lookbook-container .lookbook-title {
  text-align: center; }
  @media (max-width: 640px) {
    .lookbook-container .lookbook-title .category-image {
      display: none; } }
  .lookbook-container .lookbook-title .title-text {
    padding: 20px 0; }
    .lookbook-container .lookbook-title .title-text h1 {
      font-family: 'Times New Roman',sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 2.5em;
      letter-spacing: 0.05em;
      color: #212121;
      margin: 30px 0 50px;
      position: relative; }
      .lookbook-container .lookbook-title .title-text h1:after {
        content: "REED KRAKOFF";
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.17em;
        font-size: 13px;
        display: block;
        position: absolute;
        text-align: center;
        bottom: -20px;
        left: 0;
        width: 100%; }
    .lookbook-container .lookbook-title .title-text .category-description {
      width: 60%;
      font-family: 'Times New Roman',sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 1.5em;
      letter-spacing: 0.05em;
      color: #888888;
      margin: 30px auto;
      text-align: left; }
      @media (max-width: 966px) {
        .lookbook-container .lookbook-title .title-text .category-description {
          width: 100%;
          padding-left: 3%;
          padding-right: 3%; } }
      @media (max-width: 640px) {
        .lookbook-container .lookbook-title .title-text .category-description {
          width: 100%; } }
  @media (max-width: 640px) {
    .lookbook-container .lookbook-title {
      padding-left: 3%;
      padding-right: 3%; }
      .lookbook-container .lookbook-title .category-image {
        display: none; }
      .lookbook-container .lookbook-title .title-text {
        padding: 0; }
        .lookbook-container .lookbook-title .title-text h1 {
          margin: 20px 0 50px; }
          .lookbook-container .lookbook-title .title-text h1:after {
            font-size: 15px;
            bottom: -25px; }
        .lookbook-container .lookbook-title .title-text .category-description {
          width: 100%;
          margin: 20px auto;
          height: 3.8em;
          overflow: hidden; }
      .lookbook-container .lookbook-title .hp-widget-container {
        display: none; } }
.lookbook-container .category-nav-filter {
  display: none; }
.lookbook-container .category-products .products-grid, .lookbook-container .category-products.slidedown-category-products .products-grid {
  width: 101.2966%;
  margin-left: -0.6483%; }
  .lookbook-container .category-products .products-grid:after, .lookbook-container .category-products.slidedown-category-products .products-grid:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .lookbook-container .category-products .products-grid > .item, .lookbook-container .category-products.slidedown-category-products .products-grid > .item {
    float: none;
    display: inline-block;
    vertical-align: top;
    width: 32.05333%;
    margin: 0 0.64% 1.28%; }
@media (max-width: 966px) {
  .lookbook-container .category-products, .lookbook-container .category-products.slidedown-category-products {
    padding-left: 3%;
    padding-right: 3%; } }
@media (max-width: 640px) {
  .lookbook-container .category-products .products-grid, .lookbook-container .category-products.slidedown-category-products .products-grid {
    width: 102.62726%;
    margin-left: -1.31363%; }
    .lookbook-container .category-products .products-grid:after, .lookbook-container .category-products.slidedown-category-products .products-grid:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .lookbook-container .category-products .products-grid > .item, .lookbook-container .category-products.slidedown-category-products .products-grid > .item {
      float: none;
      display: inline-block;
      vertical-align: top;
      width: 47.44%;
      margin: 0 1.28% 2.56%; } }
@media (max-width: 640px) and (max-width: 966px) {
  .lookbook-container .category-products, .lookbook-container .category-products.slidedown-category-products {
    padding-left: 3%;
    padding-right: 3%; } }
.lookbook-container .category-products .products-grid > .item .product-image {
  position: initial;
  margin-bottom: 0;
  overflow: visible; }
  .lookbook-container .category-products .products-grid > .item .product-image .image-wrapper {
    position: relative; }
    .lookbook-container .category-products .products-grid > .item .product-image .image-wrapper:after {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      background: #005095;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0);
      transition: all 0.45s;
      -moz-transition: all 0.45s;
      /*  Firefox */
      -webkit-transition: all 0.45s;
      /*  Safari and Chrome */
      -ms-transition: all 0.45s;
      /*  ie */
      -o-transition: all 0.45s;
      /*  Opera */ }
  @media (max-width: 966px) {
    .lookbook-container .category-products .products-grid > .item .product-image .rollover {
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      margin: 0;
      font-size: 0;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.lookbook-container .category-products .products-grid > .item.active .product-image .image-wrapper:after {
  opacity: 0.4;
  -moz-opacity: 0.4;
  filter: alpha(opacity=40); }
.lookbook-container .category-products .products-grid > .item.active .product-image .rollover {
  display: none; }

.load-more {
  position: relative;
  margin: 10px auto 20px;
  text-indent: -999em;
  /*!!! Obsoleted, check loading-container under _onemodal.scss instead!!!*/
  width: 30px;
  height: 30px;
  width: 60px;
  height: 60px;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 0.45s;
  -moz-transition: opacity 0.45s;
  /*  Firefox */
  -webkit-transition: opacity 0.45s;
  /*  Safari and Chrome */
  -ms-transition: opacity 0.45s;
  /*  ie */
  -o-transition: opacity 0.45s;
  /*  Opera */ }
  .load-more:before {
    content: '';
    display: block;
    position: absolute;
    top: 25px;
    left: 25px;
    margin-top: -30px;
    margin-left: -30px;
    background-color: rgba(0, 0, 0, 0);
    border: 5px solid rgba(128, 128, 128, 0.9);
    opacity: 1;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    box-shadow: 0 0 35px gray;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    -moz-animation: spinPulse 2s infinite ease-in-out;
    -webkit-animation: spinPulse 2s infinite linear; }
  .load-more:after {
    content: '';
    display: block;
    left: 0px;
    margin-top: -30px;
    margin-left: -30px;
    background-color: rgba(0, 0, 0, 0);
    border: 5px solid rgba(128, 128, 128, 0.9);
    opacity: .9;
    border-top: 5px solid rgba(0, 0, 0, 0);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    box-shadow: 0 0 15px gray;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    position: relative;
    top: 35px;
    -moz-animation: spinoffPulse 1s infinite linear;
    -webkit-animation: spinoffPulse 1s infinite linear;
    color: gray; }
  .load-more.active {
    opacity: 1;
    -moz-opacity: 1;
    /* do nothing */ }

.plp-product-list .plp-product-name {
  display: inline-block;
  vertical-align: top;
  min-width: 100%; }
.plp-product-list .pdp-product-price {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  min-width: 50%;
  margin-bottom: 4px; }
.plp-product-list .has-altimage .alt-images {
  display: none; }

.category-products .product-name {
  display: inline-block;
  vertical-align: top;
  min-width: 76%;
  text-align: left;
  margin-bottom: 4px; }
.category-products .price-box {
  display: inline-block;
  text-align: left;
  vertical-align: top;
  min-width: 22%;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    .category-products .price-box {
      font-size: 15px;
      line-height: 20px; } }

.cms-styleguide .plp-product-list .pdp-product-price {
  padding-right: 7px; }

.plp-product-name-text {
  margin-top: 7px; }

.catalog-category-view .breadcrumbs {
  display: none; }

.category-title {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  .category-title .enable {
    display: none; }
  .category-title .cancel {
    display: block; }
  .category-title .image-contorl {
    position: absolute;
    right: 0; }
    .category-title .image-contorl .crosssign, .category-title .image-contorl .plussign {
      font-size: 16px;
      color: #ccc;
      cursor: pointer; }
    .category-title .image-contorl .cancel {
      position: relative;
      right: 10px;
      top: 10px; }
    .category-title .image-contorl .enable {
      position: relative;
      cursor: pointer;
      right: 0px;
      top: 10px; }
    .category-title .image-contorl span.plussign {
      font-size: 13px; }
    .category-title .image-contorl .expand-text {
      margin-right: 10px; }
  .category-title .category-desc {
    max-height: 300px;
    overflow: hidden;
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
  .category-title .title-line {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
  .category-title .category-name-text {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
  .category-title.category-title-collapse-mode .enable {
    display: block;
    top: 20px; }
  .category-title.category-title-collapse-mode .cancel {
    display: none; }
  .category-title.category-title-collapse-mode .title-line {
    margin-bottom: 20px; }
  .category-title.category-title-collapse-mode .category-name-text {
    margin: 20px auto 5px; }
  .category-title.category-title-collapse-mode .category-desc {
    max-height: 0px; }

/*
@include respond-to(min-width, $resNavWidth){
	.plp-product-name-text{
		.price-box>sapn, .pdp-product-price{
			float: right;
		}
	}
}*/
.toolbar-bottom .filter-container {
  display: none; }
.toolbar-bottom .pager.hide {
  display: block; }
  .toolbar-bottom .pager.hide .amount, .toolbar-bottom .pager.hide .limiter {
    display: none; }
.toolbar-bottom .pages {
  display: inline-block;
  margin: auto; }
  .toolbar-bottom .pages > *, .toolbar-bottom .pages li {
    display: inline-block;
    vertical-align: top; }
.toolbar-bottom .pager {
  text-align: center; }
.toolbar-bottom .pages-bar {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  margin: 50px auto;
  padding: 7px 0 13px;
  /*
  .page-number:after{
  	@include style-c;
  	content:"-";
  }
  .page-number:last-of-type:after{
  	content:"";
  }*/ }
  .toolbar-bottom .pages-bar li {
    font-family: "Freight Big Pro Book", Georgia, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 36px;
    color: #333333;
    letter-spacing: 1px; }
    @media (max-width: 640px) {
      .toolbar-bottom .pages-bar li {
        font-size: 40px; } }
  .toolbar-bottom .pages-bar .li a {
    color: #333; }
  .toolbar-bottom .pages-bar .page-dash {
    font-family: "Freight Big Pro Book", Georgia, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 36px;
    color: #333333;
    letter-spacing: 1px; }
    @media (max-width: 640px) {
      .toolbar-bottom .pages-bar .page-dash {
        font-size: 40px; } }
  .toolbar-bottom .pages-bar .page-number {
    line-height: 32px; }
    .toolbar-bottom .pages-bar .page-number.current {
      color: #787878; }
  .toolbar-bottom .pages-bar .indicator {
    color: #999;
    font-size: 28px;
    line-height: 28px;
    vertical-align: bottom; }
    .toolbar-bottom .pages-bar .indicator > a {
      color: #999; }
    .toolbar-bottom .pages-bar .indicator span.next, .toolbar-bottom .pages-bar .indicator span.previous {
      display: none; }

.category-products {
  overflow: hidden; }

.products-grid {
  margin-bottom: 10px;
  padding-bottom: 20px; }
  .products-grid.onlypage {
    border-bottom: 0px solid transparent; }

.category-view #progress {
  display: none; }

.mobile-category-title {
  display: none; }
  @media (max-width: 640px) {
    .mobile-category-title {
      display: block;
      margin: 28px auto; }
      .mobile-category-title .mobile-category-title-text {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 15px;
        line-height: 15px;
        color: #999999;
        letter-spacing: 0.05em; } }
      @media (max-width: 640px) and (max-width: 640px) {
        .mobile-category-title .mobile-category-title-text {
          font-size: 14px; } }

.plp-product-name-text .pdp-product-price .price-box {
  display: inline-block; }

.product-swatches .chosen-drop li a.out-of-stock-swatch disable {
  position: relative; }
  .product-swatches .chosen-drop li a.out-of-stock-swatch disable:hover span:before {
    color: #999999; }
  .product-swatches .chosen-drop li a.out-of-stock-swatch disable span:before {
    position: absolute;
    content: "—";
    bottom: -4px;
    font-size: 39px;
    left: -6px;
    -ms-transform: rotate(315deg);
    /* IE 9 */
    -webkit-transform: rotate(315deg);
    /* Chrome, Safari, Opera */
    transform: rotate(315deg);
    line-height: 52px;
    border: transparent; }

.product-swatches .chosen-drop li .out-of-stock-swatch span {
  text-decoration: line-through; }

.stock-conatiner {
  color: black; }

.recommendations {
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    .recommendations {
      padding: 3%;
      margin-bottom: 0px; } }

.category-nav-filter .filter-dropdown a.filter-clear-all {
  font-style: italic; }

.static-scroll-helper {
  opacity: 1;
  text-align: center;
  height: 50px;
  margin-bottom: 35px; }

.back-to-top-container {
  cursor: pointer; }

.back-to-top-arrow {
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Safari */
  transform: rotate(270deg); }
  .back-to-top-arrow:after {
    font-family: "Welden Icon Font";
    font-weight: normal;
    font-style: normal;
    content: '\ea3c';
    color: #999999; }

.back-to-top-text {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 15px;
  color: #999999;
  letter-spacing: 0.05em;
  text-transform: uppercase; }
  @media (max-width: 640px) {
    .back-to-top-text {
      font-size: 14px; } }

.filter-arrow-right-align {
  float: right;
  font-style: normal;
  margin-right: 5px; }
  .filter-arrow-right-align:after {
    font-family: "Welden Icon Font";
    font-weight: normal;
    font-style: normal;
    content: '\e60e';
    font-size: 10px; }

.cart-table tbody .col-1 {
  width: 22.6962%; }
.cart-table tbody .col-2 {
  width: 29.8634%;
  padding-left: 4%; }
.cart-table tbody .col-3 {
  width: 14.86%; }
.cart-table tbody .col-4 {
  width: 10.86%; }
.cart-table tbody .col-5 {
  width: 10.86%; }
.cart-table tbody .col-6 {
  width: 10.86%; }
@media (max-width: 966px) {
  .cart-table tbody .col-1 {
    width: 15.6962%; }
  .cart-table tbody .col-2 {
    width: 29.8634%; }
  .cart-table tbody .col-3 {
    width: 18.86%; }
  .cart-table tbody .col-4 {
    width: 11.86%; }
  .cart-table tbody .col-5 {
    width: 11.86%; }
  .cart-table tbody .col-6 {
    width: 11.86%; } }
@media (max-width: 640px) {
  .cart-table tbody .col-1 {
    width: 50%; }
  .cart-table tbody .col-2 {
    width: 50%; } }
.cart-table tbody .col-2 > * {
  width: 90%; }
.cart-table tbody td {
  padding: 18px 0;
  vertical-align: top;
  line-height: 1.25em; }
  .cart-table tbody td .product-image {
    max-width: 242px;
    display: block;
    width: 100%; }
    .cart-table tbody td .product-image img {
      width: 100%; }
  .cart-table tbody td .product-name * {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0;
    letter-spacing: 0;
    margin-bottom: 3px; }
    @media (max-width: 640px) {
      .cart-table tbody td .product-name * {
        font-size: 15px;
        line-height: 20px; } }
  .cart-table tbody td .item-options {
    margin: 18px 0; }
  .cart-table tbody td .item-desc {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0; }
    @media (max-width: 640px) {
      .cart-table tbody td .item-desc {
        font-size: 15px;
        line-height: 20px; } }
    @media (max-width: 640px) {
      .cart-table tbody td .item-desc {
        display: none; } }
  .cart-table tbody td .modify-link {
    display: block;
    text-decoration: underline;
    text-transform: capitalize;
    color: #888888;
    line-height: 1.5em; }
  .cart-table tbody td .input-text.qty {
    width: 35px;
    text-align: center;
    text-indent: 0; }
.cart-table tfoot td {
  padding: 20px 0;
  width: 100%;
  border-bottom: 1px solid #eff0f3; }
  .cart-table tfoot td:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .cart-table tfoot td button {
    width: 20.6484%;
    float: left; }
    .cart-table tfoot td button:first-child {
      margin-right: 19.0273%; }
    .cart-table tfoot td button:last-child {
      float: right; }
    @media (max-width: 966px) {
      .cart-table tfoot td button {
        width: 35.648%; } }
  @media (max-width: 640px) {
    .cart-table tfoot td button {
      float: none;
      width: 100%;
      margin: 0;
      display: block; }
      .cart-table tfoot td button:first-child {
        margin-bottom: 15px; } }
@media (max-width: 640px) {
  .cart-table {
    width: 100%; }
    .cart-table tr th {
      display: none; }
    .cart-table tr td {
      width: 50%; }
      .cart-table tr td.col-3, .cart-table tr td.col-4, .cart-table tr td.col-5, .cart-table tr td.col-6 {
        display: none; }
      .cart-table tr td:nth-child(3), .cart-table tr td:nth-child(4), .cart-table tr td:nth-child(5), .cart-table tr td:nth-child(6) {
        display: none; } }

.mobile-cart {
  width: 100%;
  position: relative; }
  .mobile-cart .column {
    padding: 20px 0;
    border-top: 1px solid #eff0f3; }
    .mobile-cart .column:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .mobile-cart .column:last-child {
      border-bottom: 1px solid #eff0f3; }
    .mobile-cart .column .col {
      float: left;
      width: 50%; }
      .mobile-cart .column .col.col-1 {
        padding-right: 10px; }
        .mobile-cart .column .col.col-1 .product-image {
          max-width: 118px; }
          .mobile-cart .column .col.col-1 .product-image img {
            width: 100%; }
      .mobile-cart .column .col.col-2 .item-desc {
        display: none; }
      .mobile-cart .column .col.col-2 .product-name * {
        font-family: arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        font-weight: bold;
        font-size: 12px !important;
        letter-spacing: 0;
        text-transform: capitalize; }
        @media (max-width: 640px) {
          .mobile-cart .column .col.col-2 .product-name * {
            font-size: 15px; } }
      .mobile-cart .column .col.col-2 .item-options {
        margin: 10px 0;
        text-transform: capitalize;
        font-size: 12px !important; }
      .mobile-cart .column .col.col-2 .input-text.qty {
        width: 40px;
        text-align: center;
        text-indent: 0; }
      .mobile-cart .column .col.col-2 .m-subtotal {
        margin: 10px 0;
        font-size: 12px !important;
        text-transform: capitalize; }
      .mobile-cart .column .col.col-2 .m-actions a {
        display: block;
        text-decoration: underline;
        text-transform: capitalize;
        color: #888888;
        line-height: 1.5em;
        font-size: 12px !important; }

.cart-bottom {
  padding: 25px 0;
  /*@include respond-to(max-width, $pageWidth) {
  	.cart-collaterals {
  		width: 100%;
  		float: none;
  		display: block;
  		padding-bottom: 25px;
  		margin-bottom: 25px;
  		border-bottom: 1px solid $speGrey5;
  	}
  	.totals {
  		width: 35.648%;
  		display: block;
  	}
  }*/ }
  .cart-bottom:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .cart-bottom .cart-collaterals {
    width: 75%; }
    @media (max-width: 768px) {
      .cart-bottom .cart-collaterals {
        width: 66%; } }
    @media (max-width: 640px) {
      .cart-bottom .cart-collaterals {
        width: 100%; } }
    .cart-bottom .cart-collaterals > .shipping {
      display: none; }
    .cart-bottom .cart-collaterals > .deals:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .cart-bottom .cart-collaterals > .deals > * {
      float: left;
      width: 45%;
      margin-right: 5%; }
      .cart-bottom .cart-collaterals > .deals > * h2 {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        line-height: 17px;
        color: #999999;
        letter-spacing: 0;
        text-transform: uppercase; }
        @media (max-width: 640px) {
          .cart-bottom .cart-collaterals > .deals > * h2 {
            font-size: 15px;
            line-height: 20px; } }
      .cart-bottom .cart-collaterals > .deals > * label {
        display: block;
        margin: 10px 0 20px;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #999999;
        letter-spacing: 0; }
        @media (max-width: 640px) {
          .cart-bottom .cart-collaterals > .deals > * label {
            font-size: 15px;
            line-height: 20px; } }
      .cart-bottom .cart-collaterals > .deals > * .v-fix, .cart-bottom .cart-collaterals > .deals > * button {
        display: inline-block;
        vertical-align: top; }
      .cart-bottom .cart-collaterals > .deals > * .v-fix {
        width: 58%;
        margin-right: 4%; }
        .cart-bottom .cart-collaterals > .deals > * .v-fix input {
          width: 100%; }
      .cart-bottom .cart-collaterals > .deals > * button.check-gc-status {
        display: none !important; }
  .cart-bottom .totals {
    width: 20.6484%;
    font-size: 14px; }
    @media (max-width: 768px) {
      .cart-bottom .totals {
        width: 28.6484%; } }
    .cart-bottom .totals strong {
      text-transform: uppercase; }
    .cart-bottom .totals td a.btn-remove {
      background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat center -1909px transparent;
      display: block;
      height: 100%;
      position: absolute;
      right: -25px;
      width: 20px; }
    .cart-bottom .totals #shopping-cart-totals-table {
      width: 100%;
      display: block;
      margin-bottom: 25px; }
      @media (max-width: 640px) {
        .cart-bottom .totals #shopping-cart-totals-table {
          display: table; } }
      .cart-bottom .totals #shopping-cart-totals-table > * {
        width: 100%; }
      .cart-bottom .totals #shopping-cart-totals-table tr {
        width: 100%; }
      .cart-bottom .totals #shopping-cart-totals-table td {
        width: 27%;
        text-align: right; }
        .cart-bottom .totals #shopping-cart-totals-table td span {
          display: block; }
      .cart-bottom .totals #shopping-cart-totals-table tfoot strong {
        text-transform: capitalize;
        color: #222; }
    .cart-bottom .totals .btn-checkout {
      width: 100%; }
  @media (max-width: 966px) {
    .cart-bottom .cart-collaterals .deals button.button {
      width: 35%; } }
  @media (max-width: 640px) {
    .cart-bottom .cart-collaterals > .deals > * {
      width: 100%;
      margin: 0 0 15px 0;
      float: none; }
      .cart-bottom .cart-collaterals > .deals > * .v-fix {
        display: block;
        width: 100%;
        margin-right: 0; }
        .cart-bottom .cart-collaterals > .deals > * .v-fix input {
          width: 100%; }
      .cart-bottom .cart-collaterals > .deals > * button {
        display: block;
        cursor: pointer;
        text-align: left;
        text-transform: capitalize;
        text-decoration: underline;
        padding: 0;
        background: transparent;
        border: none;
        line-height: 20px;
        font-size: 1em;
        font-family: arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        transition: all 0.45s;
        -moz-transition: all 0.45s;
        /*  Firefox */
        -webkit-transition: all 0.45s;
        /*  Safari and Chrome */
        -ms-transition: all 0.45s;
        /*  ie */
        -o-transition: all 0.45s;
        /*  Opera */
        margin: 10px 0; }
        .cart-bottom .cart-collaterals > .deals > * button span {
          transition: all 0.45s;
          -moz-transition: all 0.45s;
          /*  Firefox */
          -webkit-transition: all 0.45s;
          /*  Safari and Chrome */
          -ms-transition: all 0.45s;
          /*  ie */
          -o-transition: all 0.45s;
          /*  Opera */
          text-transform: capitalize;
          color: #212121; }
        .cart-bottom .cart-collaterals > .deals > * button:hover {
          background: transparent; }
        .cart-bottom .cart-collaterals > .deals > * button:active {
          background: transparent; }
    .cart-bottom .cart-collaterals > .deals .giftcard {
      margin-bottom: 30px; }
    .cart-bottom .totals {
      width: 100%;
      margin-bottom: 100px; } }
      @media (max-width: 640px) and (max-width: 640px) {
        .cart-bottom .cart-collaterals > .deals > * button {
          width: auto; } }

@media (max-width: 966px) {
  .checkout-cart-index .cart {
    padding: 0 20px; } }
.checkout-cart-index .cart .desktop-elem {
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    .checkout-cart-index .cart .desktop-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.checkout-cart-index .cart .mobile-elem {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    .checkout-cart-index .cart .mobile-elem {
      display: block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }

header .header-container .header-panel > .wrapper .utility-links a.mobile-continue-shopping {
  display: none;
  margin-top: 16px; }
  @media (max-width: 640px) {
    header .header-container .header-panel > .wrapper .utility-links a.mobile-continue-shopping {
      display: block; } }

#shopping-cart-table.data-table th {
  text-transform: uppercase;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  line-height: 3.333em;
  font-weight: bold; }
  @media (max-width: 640px) {
    #shopping-cart-table.data-table th {
      font-size: 15px;
      line-height: 20px; } }
#shopping-cart-table .price-box {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  padding-top: 3px; }
  @media (max-width: 640px) {
    #shopping-cart-table .price-box {
      font-size: 15px;
      line-height: 20px; } }
#shopping-cart-table .item-options {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    #shopping-cart-table .item-options {
      font-size: 15px;
      line-height: 20px; } }
#shopping-cart-table td {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    #shopping-cart-table td {
      font-size: 15px;
      line-height: 20px; } }
#shopping-cart-table .col-3 > * {
  position: relative;
  top: 50px; }

.checkout-cart-index .cart button.button:not(.cta-dark) span {
  color: #999999; }

.deals button.button {
  width: 100px; }

#shopping-cart-table.data-table .product-name,
#shopping-cart-table.data-table .price,
#shopping-cart-table.data-table .qty {
  color: #999999; }

.opc-wrapper:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: relative;
  background: transparent;
  clear: both; }
@media (max-width: 966px) {
  .opc-wrapper {
    padding-left: 20px;
    padding-right: 20px; } }
.opc-wrapper .desktop-elem {
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    .opc-wrapper .desktop-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.opc-wrapper .mobile-elem {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    .opc-wrapper .mobile-elem {
      display: block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }
.opc-wrapper #col-right-opcheckout {
  float: left;
  width: 20.3%;
  margin-right: 5.7%; }
  @media (max-width: 966px) {
    .opc-wrapper #col-right-opcheckout {
      display: none; } }
.opc-wrapper #checkoutSteps {
  float: right;
  width: 74%; }
  @media (max-width: 966px) {
    .opc-wrapper #checkoutSteps {
      float: none;
      display: block;
      width: 100%; } }

#checkoutSteps {
  /*#review-please-wait {
  	display: none!important;
  }*/ }
  #checkoutSteps .section.active .step-title h2 {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    line-height: 13px;
    padding: 15px 22px;
    text-transform: uppercase;
    color: #888888;
    border-top: 1px solid #dedede;
    background: white;
    text-indent: 10px;
    padding-top: 22px;
    padding-bottom: 22px;
    color: #212121;
    background: #eff0f3; }
    @media (max-width: 640px) {
      #checkoutSteps .section.active .step-title h2 {
        font-size: 15px;
        line-height: 15px;
        padding: 22px; } }
  #checkoutSteps .section.active .step {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  #checkoutSteps .section.allow .step-title h2 {
    padding: 23px; }
  #checkoutSteps .section:last-child {
    border-bottom: 1px solid #dedede;
    margin-bottom: 50px; }
    #checkoutSteps .section:last-child.active {
      border-bottom: none; }
  #checkoutSteps .section .step-title .number {
    display: none; }
  #checkoutSteps .section .step-title h2 {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    line-height: 13px;
    padding: 15px 22px;
    text-transform: uppercase;
    color: #888888;
    border-top: 1px solid #dedede;
    background: white;
    text-indent: 10px;
    cursor: pointer; }
    @media (max-width: 640px) {
      #checkoutSteps .section .step-title h2 {
        font-size: 15px;
        line-height: 15px;
        padding: 22px; } }
  #checkoutSteps .section .step {
    padding: 30px 0 40px; }
    #checkoutSteps .section .step .col2-set:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    #checkoutSteps .section .step .col2-set .col-1 {
      float: left;
      width: 47.5%; }
      @media (max-width: 966px) {
        #checkoutSteps .section .step .col2-set .col-1 {
          padding-right: 3%; } }
      #checkoutSteps .section .step .col2-set .col-1:last-child {
        margin-left: 5%; }
        @media (max-width: 640px) {
          #checkoutSteps .section .step .col2-set .col-1:last-child {
            margin-left: 0; } }
      @media (max-width: 640px) {
        #checkoutSteps .section .step .col2-set .col-1 {
          float: none;
          width: 100% !important; } }
    #checkoutSteps .section .step .col2-set .col-2 {
      float: left;
      width: 47%;
      margin-left: 5%; }
      @media (max-width: 640px) {
        #checkoutSteps .section .step .col2-set .col-2 {
          float: none;
          width: 100% !important;
          margin-left: 0; } }
    #checkoutSteps .section .step h4 {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.17em;
      text-transform: uppercase;
      color: #888888;
      line-height: 2em;
      margin-bottom: 5px; }
      @media (max-width: 640px) {
        #checkoutSteps .section .step h4 {
          font-size: 1em; } }
    #checkoutSteps .section .step p {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.166em;
      color: #888888; }
      @media (max-width: 640px) {
        #checkoutSteps .section .step p {
          font-size: 1em; } }
      #checkoutSteps .section .step p.required {
        color: #888888 !important;
        padding-left: 0; }
    #checkoutSteps .section .step button.cta-dark {
      width: 127px;
      position: relative; }
      @media (max-width: 640px) {
        #checkoutSteps .section .step button.cta-dark {
          width: 100%; } }
    #checkoutSteps .section .step #payment-buttons-container button.cta-dark, #checkoutSteps .section .step #shipping-method-buttons-container button.cta-dark {
      width: 180px; }
      @media (max-width: 640px) {
        #checkoutSteps .section .step #payment-buttons-container button.cta-dark, #checkoutSteps .section .step #shipping-method-buttons-container button.cta-dark {
          width: 100%; } }
    #checkoutSteps .section .step .input-box select {
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */
      text-indent: 1px; }
      @media (max-width: 640px) {
        #checkoutSteps .section .step .input-box select {
          text-indent: 10px; } }
    #checkoutSteps .section .step#checkout-step-login {
      padding-bottom: 50px;
      margin-top: -7px; }
      #checkoutSteps .section .step#checkout-step-login .forgot-pass {
        font-size: 1em;
        line-height: 2.5em;
        color: #888888; }
      #checkoutSteps .section .step#checkout-step-login .col-1 {
        width: 51%; }
        #checkoutSteps .section .step#checkout-step-login .col-1 p {
          margin-bottom: 15px; }
      #checkoutSteps .section .step#checkout-step-login .col-2 {
        width: 34.9%;
        float: right; }
        #checkoutSteps .section .step#checkout-step-login .col-2 label {
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.166em;
          color: #888888; }
          @media (max-width: 966px) {
            #checkoutSteps .section .step#checkout-step-login .col-2 label {
              font-size: 1em; } }
        #checkoutSteps .section .step#checkout-step-login .col-2 .form-list li {
          padding-bottom: 15px; }
        #checkoutSteps .section .step#checkout-step-login .col-2 .register-note {
          margin: 0 0 20px;
          padding-top: 20px;
          border-top: 1px solid #dedede; }
          #checkoutSteps .section .step#checkout-step-login .col-2 .register-note li {
            list-style: disc inside none;
            font-family: "Neuzeit Grot Regular", Arial, serif;
            font-weight: normal;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.166em;
            color: #888888;
            margin-bottom: 10px;
            margin-left: 4px; }
            @media (max-width: 966px) {
              #checkoutSteps .section .step#checkout-step-login .col-2 .register-note li {
                font-size: 1em; } }
    #checkoutSteps .section .step#checkout-step-billing .form-alt {
      /*width: 50%;
      padding-right: 6.46707%;*/
      width: 47.5%; }
      @media (max-width: 966px) {
        #checkoutSteps .section .step#checkout-step-billing .form-alt {
          padding-right: 3%; } }
      @media (max-width: 640px) {
        #checkoutSteps .section .step#checkout-step-billing .form-alt {
          width: 100%;
          padding: 0; } }
    #checkoutSteps .section .step#checkout-step-billing .buttons-container {
      margin-top: 70px;
      padding-right: 40px; }
      @media (max-width: 640px) {
        #checkoutSteps .section .step#checkout-step-billing .buttons-container {
          padding-right: 0;
          margin-top: 56px; } }
    #checkoutSteps .section .step#checkout-step-shipping .form-alt {
      /*width: 50%;
      padding-right: 6.46707%;*/
      width: 47.5%; }
      @media (max-width: 966px) {
        #checkoutSteps .section .step#checkout-step-shipping .form-alt {
          padding-right: 3%; } }
      @media (max-width: 640px) {
        #checkoutSteps .section .step#checkout-step-shipping .form-alt {
          width: 100%;
          padding: 0; } }
    #checkoutSteps .section .step#checkout-step-shipping .buttons-container {
      margin-top: 25px; }
    #checkoutSteps .section .step#checkout-step-shipping_method form #checkout-shipping-method-load {
      margin: 10px 0 30px; }
      #checkoutSteps .section .step#checkout-step-shipping_method form #checkout-shipping-method-load dt {
        display: none; }
      #checkoutSteps .section .step#checkout-step-shipping_method form #checkout-shipping-method-load label {
        color: #888888;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.166em; }
        @media (max-width: 640px) {
          #checkoutSteps .section .step#checkout-step-shipping_method form #checkout-shipping-method-load label {
            font-size: 1em; } }
      #checkoutSteps .section .step#checkout-step-shipping_method form #checkout-shipping-method-load .no-sign-message {
        margin-top: 30px; }
        #checkoutSteps .section .step#checkout-step-shipping_method form #checkout-shipping-method-load .no-sign-message p {
          line-height: 21px; }
    #checkoutSteps .section .step#checkout-step-shipping_method form #onepage-checkout-shipping-method-additional-load {
      margin-bottom: 30px; }
      #checkoutSteps .section .step#checkout-step-shipping_method form #onepage-checkout-shipping-method-additional-load .add-gift-message h3 {
        color: #888888;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.166em;
        margin-bottom: 18px; }
      #checkoutSteps .section .step#checkout-step-shipping_method form #onepage-checkout-shipping-method-additional-load .gift-message-form {
        padding-top: 10px;
        padding-left: 20px;
        width: 58%; }
        @media (max-width: 966px) {
          #checkoutSteps .section .step#checkout-step-shipping_method form #onepage-checkout-shipping-method-additional-load .gift-message-form {
            width: 100%;
            padding-left: 0; } }
        #checkoutSteps .section .step#checkout-step-shipping_method form #onepage-checkout-shipping-method-additional-load .gift-message-form .gift-options-for-order .fieldset .form-list > li label {
          color: #888888;
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 1.166em;
          text-transform: capitalize;
          font-size: 1.166em !important; }
        #checkoutSteps .section .step#checkout-step-shipping_method form #onepage-checkout-shipping-method-additional-load .gift-message-form .gift-message-control .cta {
          width: 100%; }
      #checkoutSteps .section .step#checkout-step-shipping_method form #onepage-checkout-shipping-method-additional-load #allow-gift-options-for-order-container {
        /*margin-top:17px;*/ }
        #checkoutSteps .section .step#checkout-step-shipping_method form #onepage-checkout-shipping-method-additional-load #allow-gift-options-for-order-container .custom-dropdown {
          width: 100%; }
    #checkoutSteps .section .step .custom-dropdown-address-select {
      width: 100%; }
    #checkoutSteps .section .step#checkout-step-payment > form {
      width: 75%; }
      @media (max-width: 640px) {
        #checkoutSteps .section .step#checkout-step-payment > form {
          width: 100%; } }
      #checkoutSteps .section .step#checkout-step-payment > form li > .input-box {
        width: 55%; }
        @media (max-width: 640px) {
          #checkoutSteps .section .step#checkout-step-payment > form li > .input-box {
            width: 100%; } }
        #checkoutSteps .section .step#checkout-step-payment > form li > .input-box .v-fix {
          width: 48%; }
      #checkoutSteps .section .step#checkout-step-payment > form .v-fix {
        float: left;
        width: 55%; }
        #checkoutSteps .section .step#checkout-step-payment > form .v-fix:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        @media (max-width: 640px) {
          #checkoutSteps .section .step#checkout-step-payment > form .v-fix {
            width: 100%; } }
        #checkoutSteps .section .step#checkout-step-payment > form .v-fix .input-box {
          float: left;
          width: 48%;
          position: relative; }
          @media (max-width: 640px) {
            #checkoutSteps .section .step#checkout-step-payment > form .v-fix .input-box {
              width: 100%; } }
          #checkoutSteps .section .step#checkout-step-payment > form .v-fix .input-box select {
            width: 100%; }
          #checkoutSteps .section .step#checkout-step-payment > form .v-fix .input-box:first-child {
            margin-right: 4%; }
            @media (max-width: 640px) {
              #checkoutSteps .section .step#checkout-step-payment > form .v-fix .input-box:first-child {
                margin-right: 0;
                margin-bottom: 15px; } }
      #checkoutSteps .section .step#checkout-step-payment > form .cvv-what-is-this {
        line-height: 35px;
        margin-left: 4%;
        color: #888888; }
      #checkoutSteps .section .step#checkout-step-payment > form .checkout-onepage-payment-additional-giftcardaccount {
        padding-top: 10px; }
      #checkoutSteps .section .step#checkout-step-payment > form .note {
        margin-bottom: 10px; }
        #checkoutSteps .section .step#checkout-step-payment > form .note a {
          text-decoration: underline;
          color: #888888; }
    #checkoutSteps .section .step#checkout-step-review {
      padding-top: 0; }
      #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table thead tr th {
        text-transform: uppercase; }
        #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table thead tr th:last-child {
          text-align: center; }
        @media (max-width: 966px) {
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table thead tr th, #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table thead tr th:last-child {
            text-align: right; }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table thead tr th:nth-child(1) {
            text-align: left; } }
        @media (max-width: 640px) {
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table thead tr th {
            display: none; } }
      #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td {
        color: #333333;
        font-size: 1.1em; }
        #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td.col-2 {
          width: 45.863%; }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td.col-2 .product-name {
            text-transform: uppercase; }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td.col-2 p {
            font-size: 1.07em; }
        #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td.last {
          text-align: center; }
        @media (max-width: 966px) {
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td, #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td:last-child {
            text-align: right; }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td:nth-child(2) {
            text-align: left; }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td.col-1 {
            width: 22.395833%; } }
        @media (max-width: 640px) {
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td .item-desc {
            display: none; }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td:nth-child(1), #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td:nth-child(2) {
            width: 50%; }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td:nth-child(3), #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td:nth-child(4), #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tbody td:nth-child(5) {
            display: none; } }
      #checkoutSteps .section .step#checkout-step-review #checkout-review-table-wrapper table tfoot {
        color: #333333; }
      #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper {
        margin: 20px 0; }
        #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper table {
          float: right;
          width: 60%; }
          @media (max-width: 640px) {
            #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper table {
              width: 100%; } }
          #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper table tr td {
            width: 20%;
            text-align: right;
            font-size: 1.09em;
            line-height: 2.01em; }
            #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper table tr td * {
              display: block; }
            #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper table tr td:first-child {
              width: 80%; }
            @media (max-width: 640px) {
              #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper table tr td {
                width: 40%; }
                #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper table tr td:first-child {
                  width: 60%; } }
            #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper table tr td strong {
              font-weight: normal; }
        #checkoutSteps .section .step#checkout-step-review #checkout-total-table-wrapper #checkout-reivew-total-table {
          color: #333333; }
      #checkoutSteps .section .step#checkout-step-review #checkout-review-submit:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      #checkoutSteps .section .step#checkout-step-review #checkout-review-submit .buttons-set {
        float: right;
        position: relative;
        width: 178px; }
        #checkoutSteps .section .step#checkout-step-review #checkout-review-submit .buttons-set button.cta-dark {
          width: 100%; }
        @media (max-width: 640px) {
          #checkoutSteps .section .step#checkout-step-review #checkout-review-submit .buttons-set {
            float: none;
            display: block;
            width: 100%; } }
        #checkoutSteps .section .step#checkout-step-review #checkout-review-submit .buttons-set .loader {
          /*!!! Obsoleted, check loading-container under _onemodal.scss instead!!!*/
          width: 30px;
          height: 30px;
          width: 60px;
          opacity: 1;
          -moz-opacity: 1;
          /* do nothing */ }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-submit .buttons-set .loader:before {
            content: '';
            display: block;
            position: absolute;
            top: 25px;
            left: 25px;
            margin-top: -30px;
            margin-left: -30px;
            background-color: rgba(0, 0, 0, 0);
            border: 5px solid rgba(128, 128, 128, 0.9);
            opacity: 1;
            border-top: 5px solid rgba(0, 0, 0, 0);
            border-left: 5px solid rgba(0, 0, 0, 0);
            border-radius: 50px;
            box-shadow: 0 0 35px gray;
            width: 50px;
            height: 50px;
            margin: 0 auto;
            -moz-animation: spinPulse 2s infinite ease-in-out;
            -webkit-animation: spinPulse 2s infinite linear; }
          #checkoutSteps .section .step#checkout-step-review #checkout-review-submit .buttons-set .loader:after {
            content: '';
            display: block;
            left: 0px;
            margin-top: -30px;
            margin-left: -30px;
            background-color: rgba(0, 0, 0, 0);
            border: 5px solid rgba(128, 128, 128, 0.9);
            opacity: .9;
            border-top: 5px solid rgba(0, 0, 0, 0);
            border-left: 5px solid rgba(0, 0, 0, 0);
            border-radius: 50px;
            box-shadow: 0 0 15px gray;
            width: 30px;
            height: 30px;
            margin: 0 auto;
            position: relative;
            top: 35px;
            -moz-animation: spinoffPulse 1s infinite linear;
            -webkit-animation: spinoffPulse 1s infinite linear;
            color: gray; }
    #checkoutSteps .section .step #co-shipping-method-form > p {
      text-transform: capitalize; }
  #checkoutSteps .section .buttons-container {
    text-align: right; }
    @media (max-width: 640px) {
      #checkoutSteps .section .buttons-container {
        text-align: left; } }
    #checkoutSteps .section .buttons-container .buttons-set {
      overflow: hidden; }
      #checkoutSteps .section .buttons-container .buttons-set .button.cta-dark {
        float: right; }
  #checkoutSteps .please-wait {
    height: 12px;
    width: 12px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block; }

.opc-block-progress > .block-title {
  display: none; }
.opc-block-progress > .block-content dl > div {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  line-height: 13px;
  padding: 15px 22px;
  text-transform: uppercase;
  color: #888888;
  border-top: 1px solid #dedede;
  background: white;
  text-indent: 10px;
  padding: 23px 0; }
  @media (max-width: 640px) {
    .opc-block-progress > .block-content dl > div {
      font-size: 15px;
      line-height: 15px;
      padding: 22px; } }
  .opc-block-progress > .block-content dl > div:last-child {
    border-bottom: 1px solid #dedede; }
  .opc-block-progress > .block-content dl > div dt.complete {
    color: #212121; }
    .opc-block-progress > .block-content dl > div dt.complete a {
      font-family: arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 12px;
      text-transform: capitalize;
      text-decoration: underline;
      float: right; }
      @media (max-width: 640px) {
        .opc-block-progress > .block-content dl > div dt.complete a {
          font-size: 15px; } }
  .opc-block-progress > .block-content dl > div dt.active {
    color: #212121;
    background: #eff0f3;
    margin-top: -23px;
    margin-bottom: -23px;
    padding-top: 23px;
    padding-bottom: 23px; }
  .opc-block-progress > .block-content dl > div dd {
    padding: 15px 0;
    border-top: 1px solid #dedede;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.166em;
    text-transform: capitalize;
    line-height: 20px;
    text-indent: 0;
    font-size: 14px; }
  .opc-block-progress > .block-content dl > div dd.complete {
    border-top: none;
    padding-left: 10px;
    margin-bottom: -23px; }
  .opc-block-progress > .block-content dl > div .opc-progress-edit {
    padding-top: 17px;
    display: block;
    color: #888888;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 14px; }
  .opc-block-progress > .block-content dl > div#payment-progress-opcheckout .cards-list dd {
    padding: 0;
    border: none; }
  .opc-block-progress > .block-content dl > div#payment-progress-opcheckout table {
    width: 100%; }
    .opc-block-progress > .block-content dl > div#payment-progress-opcheckout table:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .opc-block-progress > .block-content dl > div#payment-progress-opcheckout table * {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.166em;
      font-size: 14px; }
    .opc-block-progress > .block-content dl > div#payment-progress-opcheckout table strong {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.166em;
      font-weight: normal;
      font-size: 14px; }
    .opc-block-progress > .block-content dl > div#payment-progress-opcheckout table tr {
      display: block;
      text-align: left; }
      .opc-block-progress > .block-content dl > div#payment-progress-opcheckout table tr:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      .opc-block-progress > .block-content dl > div#payment-progress-opcheckout table tr td {
        float: left;
        width: 50%;
        text-align: left; }
      .opc-block-progress > .block-content dl > div#payment-progress-opcheckout table tr th {
        float: left;
        width: 50%;
        text-align: left; }

.checkout-onepage-success h1, .checkouttester-index-success h1 {
  color: #333333; }
@media (max-width: 966px) {
  .checkout-onepage-success #content .wrapper, .checkouttester-index-success #content .wrapper {
    padding-left: 20px;
    padding-right: 20px; } }
.checkout-onepage-success #checkout-reivew-total-table, .checkouttester-index-success #checkout-reivew-total-table {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 23px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    .checkout-onepage-success #checkout-reivew-total-table, .checkouttester-index-success #checkout-reivew-total-table {
      font-size: 15px;
      line-height: 23px; } }
  .checkout-onepage-success #checkout-reivew-total-table tr:last-of-type, .checkouttester-index-success #checkout-reivew-total-table tr:last-of-type {
    color: black; }
.checkout-onepage-success .order-message, .checkouttester-index-success .order-message {
  text-align: center;
  max-width: 355px;
  width: 100%;
  margin: 0 auto; }
  .checkout-onepage-success .order-message .sub-title, .checkouttester-index-success .order-message .sub-title {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    font-weight: normal;
    text-transform: uppercase;
    color: #888888;
    margin-bottom: 10px; }
  .checkout-onepage-success .order-message .inner-content, .checkouttester-index-success .order-message .inner-content {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.166em;
    color: #888888; }
    .checkout-onepage-success .order-message .inner-content a, .checkouttester-index-success .order-message .inner-content a {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: bold;
      font-style: normal;
      font-size: 1em;
      letter-spacing: 0.05em;
      font-size: 12px;
      color: #888888; }
.checkout-onepage-success #checkout-review-table-wrapper, .checkouttester-index-success #checkout-review-table-wrapper {
  margin-top: 20px; }
  @media (max-width: 640px) {
    .checkout-onepage-success #checkout-review-table-wrapper, .checkouttester-index-success #checkout-review-table-wrapper {
      border-top: 1px solid #dedede; } }
  .checkout-onepage-success #checkout-review-table-wrapper .table-title, .checkouttester-index-success #checkout-review-table-wrapper .table-title {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    text-transform: uppercase;
    color: #212121;
    line-height: 36px;
    text-align: center;
    display: none; }
  .checkout-onepage-success #checkout-review-table-wrapper table thead tr th, .checkouttester-index-success #checkout-review-table-wrapper table thead tr th {
    color: #333333; }
    .checkout-onepage-success #checkout-review-table-wrapper table thead tr th:last-child, .checkouttester-index-success #checkout-review-table-wrapper table thead tr th:last-child {
      text-align: center; }
    @media (max-width: 966px) {
      .checkout-onepage-success #checkout-review-table-wrapper table thead tr th, .checkout-onepage-success #checkout-review-table-wrapper table thead tr th:last-child, .checkouttester-index-success #checkout-review-table-wrapper table thead tr th, .checkouttester-index-success #checkout-review-table-wrapper table thead tr th:last-child {
        text-align: right; }
      .checkout-onepage-success #checkout-review-table-wrapper table thead tr th:nth-child(1), .checkouttester-index-success #checkout-review-table-wrapper table thead tr th:nth-child(1) {
        text-align: left; } }
    @media (max-width: 640px) {
      .checkout-onepage-success #checkout-review-table-wrapper table thead tr th, .checkouttester-index-success #checkout-review-table-wrapper table thead tr th {
        display: none; } }
  .checkout-onepage-success #checkout-review-table-wrapper table tbody td, .checkouttester-index-success #checkout-review-table-wrapper table tbody td {
    font-size: 1.1em; }
    .checkout-onepage-success #checkout-review-table-wrapper table tbody td.item-qty, .checkouttester-index-success #checkout-review-table-wrapper table tbody td.item-qty {
      color: #333333; }
    .checkout-onepage-success #checkout-review-table-wrapper table tbody td:last-child, .checkouttester-index-success #checkout-review-table-wrapper table tbody td:last-child {
      text-align: center; }
    .checkout-onepage-success #checkout-review-table-wrapper table tbody td.col-1, .checkouttester-index-success #checkout-review-table-wrapper table tbody td.col-1 {
      width: 16.675768%;
      padding-right: 2%; }
    .checkout-onepage-success #checkout-review-table-wrapper table tbody td.col-2, .checkout-onepage-success #checkout-review-table-wrapper table tbody td:nth-child(2), .checkouttester-index-success #checkout-review-table-wrapper table tbody td.col-2, .checkouttester-index-success #checkout-review-table-wrapper table tbody td:nth-child(2) {
      width: 50%; }
    @media (max-width: 966px) {
      .checkout-onepage-success #checkout-review-table-wrapper table tbody td, .checkout-onepage-success #checkout-review-table-wrapper table tbody td:last-child, .checkouttester-index-success #checkout-review-table-wrapper table tbody td, .checkouttester-index-success #checkout-review-table-wrapper table tbody td:last-child {
        text-align: right; }
      .checkout-onepage-success #checkout-review-table-wrapper table tbody td:nth-child(2), .checkouttester-index-success #checkout-review-table-wrapper table tbody td:nth-child(2) {
        text-align: left; }
      .checkout-onepage-success #checkout-review-table-wrapper table tbody td.col-1, .checkouttester-index-success #checkout-review-table-wrapper table tbody td.col-1 {
        width: 22.395833%; } }
    @media (max-width: 966px) and (max-width: 640px) {
      .checkout-onepage-success #checkout-review-table-wrapper table tbody td .item-desc, .checkouttester-index-success #checkout-review-table-wrapper table tbody td .item-desc {
        display: none; }
      .checkout-onepage-success #checkout-review-table-wrapper table tbody td.col-1, .checkout-onepage-success #checkout-review-table-wrapper table tbody td:nth-child(1), .checkout-onepage-success #checkout-review-table-wrapper table tbody td:nth-child(2), .checkouttester-index-success #checkout-review-table-wrapper table tbody td.col-1, .checkouttester-index-success #checkout-review-table-wrapper table tbody td:nth-child(1), .checkouttester-index-success #checkout-review-table-wrapper table tbody td:nth-child(2) {
        width: 50%; }
      .checkout-onepage-success #checkout-review-table-wrapper table tbody td:nth-child(3), .checkout-onepage-success #checkout-review-table-wrapper table tbody td:nth-child(4), .checkout-onepage-success #checkout-review-table-wrapper table tbody td:nth-child(5), .checkouttester-index-success #checkout-review-table-wrapper table tbody td:nth-child(3), .checkouttester-index-success #checkout-review-table-wrapper table tbody td:nth-child(4), .checkouttester-index-success #checkout-review-table-wrapper table tbody td:nth-child(5) {
        display: none; } }
.checkout-onepage-success #checkout-total-table-wrapper, .checkouttester-index-success #checkout-total-table-wrapper {
  margin: 20px 0;
  color: #333333;
  font-size: 1.1em; }
  .checkout-onepage-success #checkout-total-table-wrapper strong, .checkouttester-index-success #checkout-total-table-wrapper strong {
    font-weight: normal; }
  .checkout-onepage-success #checkout-total-table-wrapper:after, .checkouttester-index-success #checkout-total-table-wrapper:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .checkout-onepage-success #checkout-total-table-wrapper table, .checkouttester-index-success #checkout-total-table-wrapper table {
    float: right;
    width: 60%; }
    @media (max-width: 640px) {
      .checkout-onepage-success #checkout-total-table-wrapper table, .checkouttester-index-success #checkout-total-table-wrapper table {
        width: 100%; } }
    .checkout-onepage-success #checkout-total-table-wrapper table tr td, .checkouttester-index-success #checkout-total-table-wrapper table tr td {
      width: 20%;
      text-align: right; }
      .checkout-onepage-success #checkout-total-table-wrapper table tr td *, .checkouttester-index-success #checkout-total-table-wrapper table tr td * {
        display: block; }
      .checkout-onepage-success #checkout-total-table-wrapper table tr td:first-child, .checkouttester-index-success #checkout-total-table-wrapper table tr td:first-child {
        width: 80%; }
      @media (max-width: 640px) {
        .checkout-onepage-success #checkout-total-table-wrapper table tr td, .checkouttester-index-success #checkout-total-table-wrapper table tr td {
          width: 40%; }
          .checkout-onepage-success #checkout-total-table-wrapper table tr td:first-child, .checkouttester-index-success #checkout-total-table-wrapper table tr td:first-child {
            width: 60%; } }
.checkout-onepage-success .box-collateral .category-products .products-grid .item:nth-child(3), .checkout-onepage-success .box-collateral .category-products .products-grid .item:nth-child(4), .checkouttester-index-success .box-collateral .category-products .products-grid .item:nth-child(3), .checkouttester-index-success .box-collateral .category-products .products-grid .item:nth-child(4) {
  display: block; }

.checkout-onepage-index .page-title {
  margin-bottom: 11px; }
  .checkout-onepage-index .page-title h1 {
    color: #333333; }

#billing-new-address-form .custom-dropdown,
#shipping-new-address-form .custom-dropdown {
  width: 100%; }

/*#allow-gift-options-for-order-container .gift-wrapping-form {
	.input-box{
		float: none;
		width: 200px;
		clear: both;
		display: block;
	}
	label{
		width: 300px;
	}
}*/
#payment_form_paypal_direct .custom-dropdown {
  width: 100%; }

/*
#allow-gift-options-for-order-container{
	display: none;
}
[id^="add-gift-options-for-order"] {
	display: none;
}*/
.gift-wrapping-form [id^="giftwrapping"] {
  width: 175px; }

#checkout-review-table .item-desc {
  display: none; }

.paypal-express-image {
  margin-top: 8px; }

.paypal-hidden-image {
  display: none; }

input#p_method_paypal_express:checked + label + .paypal-hidden-image {
  display: block; }

.paypal-express-image, .paypal-express-image-merge-box {
  display: inline-block; }

.paypal-express-image-merge-box {
  height: 68px;
  padding: 0px 25px 0 5px;
  border-right: 1px solid #cccccc;
  vertical-align: top;
  margin-top: 8px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  width: 154px;
  border-left: 0px solid white;
  position: relative;
  left: -5px;
  background-color: white; }

#co-payment-form #payment_form_paypal_express {
  display: none; }

.paypal-express-image-merge-box-link {
  display: block;
  margin-top: 5px; }

.paypal-express-image-merge-box-desc {
  line-height: 15px;
  display: inline-block; }

fieldset .form-list > li.ship-to-option label {
  width: 100%; }

.checkout-review-subscriber {
  display: none; }

/* Account general elements */
/* Defined in global stylesheet */
/* End */
.my-account a:hover, .my-account:active, .my-account:focus {
  color: #999999; }

.customer-account-content .desktop-elem {
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    .customer-account-content .desktop-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.customer-account-content .mobile-elem {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    .customer-account-content .mobile-elem {
      display: block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }
.customer-account-content .page-title {
  margin: 7px 0 13px; }
  @media (max-width: 966px) {
    .customer-account-content .page-title {
      border-bottom: 0px solid transparent; } }
.customer-account-content .sidebar .block-content:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: relative;
  background: transparent;
  clear: both; }
.customer-account-content .sidebar .block-content li {
  line-height: 3em;
  width: 16.666667%;
  float: left;
  cursor: pointer;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }
  .customer-account-content .sidebar .block-content li > * {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0;
    letter-spacing: 1px;
    display: block;
    border: 1px solid #dedede;
    border-right: none;
    text-align: center;
    text-transform: uppercase;
    line-height: 40px; }
    @media (max-width: 640px) {
      .customer-account-content .sidebar .block-content li > * {
        font-size: 15px;
        line-height: 20px; } }
  .customer-account-content .sidebar .block-content li:last-child > * {
    border-right: 1px solid #dedede; }
  .customer-account-content .sidebar .block-content li.current, .customer-account-content .sidebar .block-content li:hover {
    background: #eff0f3; }
    @media (max-width: 640px) {
      .customer-account-content .sidebar .block-content li.current, .customer-account-content .sidebar .block-content li:hover {
        background: transparent; } }
    .customer-account-content .sidebar .block-content li.current > *, .customer-account-content .sidebar .block-content li:hover > * {
      color: #333333; }
      @media (max-width: 640px) {
        .customer-account-content .sidebar .block-content li.current > *, .customer-account-content .sidebar .block-content li:hover > * {
          line-height: 60px; } }
  @media (max-width: 966px) {
    .customer-account-content .sidebar .block-content li a {
      font-size: 13px; } }
  @media (max-width: 640px) {
    .customer-account-content .sidebar .block-content li a {
      font-size: 14px; } }
@media (max-width: 640px) {
  .customer-account-content .sidebar .block-content li {
    display: none;
    line-height: 4em; }
    .customer-account-content .sidebar .block-content li.current {
      display: block;
      width: 100%; }
      .customer-account-content .sidebar .block-content li.current > * {
        text-align: left;
        text-indent: 0px;
        border-right: none !important;
        border-left: none !important; } }
.customer-account-content .mobile-sidebar {
  margin: 30px 0 0; }
  .customer-account-content .mobile-sidebar .block-content li {
    display: block;
    line-height: 4em;
    position: relative; }
    .customer-account-content .mobile-sidebar .block-content li:after {
      font-family: "Welden Icon Font";
      font-weight: normal;
      font-style: normal;
      content: "\e625";
      display: block;
      width: 20px;
      height: 47px;
      top: 0;
      right: 0;
      background-size: 50px auto;
      position: absolute; }
    .customer-account-content .mobile-sidebar .block-content li > * {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1em;
      display: block;
      text-transform: uppercase;
      text-align: left;
      text-indent: 15px;
      border-bottom: 1px solid #dedede;
      color: #999999; }
      @media (max-width: 640px) {
        .customer-account-content .mobile-sidebar .block-content li > * {
          text-indent: 0px; } }
    .customer-account-content .mobile-sidebar .block-content li:first-child > * {
      border-top: 1px solid #dedede; }
    .customer-account-content .mobile-sidebar .block-content li.current > *, .customer-account-content .mobile-sidebar .block-content li:hover > * {
      color: #333333; }
    .customer-account-content .mobile-sidebar .block-content li:last-child a {
      border-bottom: 0px solid transparent; }
.customer-account-content .my-account {
  margin-top: 28px;
  margin-bottom: 102px; }
  @media (max-width: 966px) {
    .customer-account-content .my-account {
      padding: 0 20px; } }
  @media (max-width: 640px) {
    .customer-account-content .my-account {
      margin-top: 28px;
      margin-bottom: 0px;
      padding: 0; }
      .customer-account-content .my-account select {
        opacity: 1;
        -moz-opacity: 1;
        /* do nothing */ } }
  .customer-account-content .my-account .legend, .customer-account-content .my-account .sub-title {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: 10px;
    text-transform: uppercase; }
    @media (max-width: 640px) {
      .customer-account-content .my-account .legend, .customer-account-content .my-account .sub-title {
        font-size: 15px;
        line-height: 20px; } }
    @media (max-width: 640px) {
      .customer-account-content .my-account .legend, .customer-account-content .my-account .sub-title {
        text-transform: none; } }
  .customer-account-content .my-account .legend {
    color: #999; }
  .customer-account-content .my-account .lower-sub-title {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-transform: capitalize; }
    @media (max-width: 640px) {
      .customer-account-content .my-account .lower-sub-title {
        font-size: 15px;
        line-height: 20px; } }
    @media (max-width: 640px) {
      .customer-account-content .my-account .lower-sub-title {
        text-transform: none; } }
    .customer-account-content .my-account .lower-sub-title .grey {
      color: #666; }
  .customer-account-content .my-account .my-order-list .sub-title {
    margin-bottom: 28px; }
  .customer-account-content .my-account .welcome-msg .sub-title {
    margin-bottom: 8px; }
  .customer-account-content .my-account p {
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0;
    max-width: 490px; }
    @media (max-width: 640px) {
      .customer-account-content .my-account p {
        font-size: 15px;
        line-height: 20px; } }
  .customer-account-content .my-account .addresses-list {
    padding: 27px 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    margin: 45px 0 0;
    display: table;
    width: 100%; }
    .customer-account-content .my-account .addresses-list:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    @media (max-width: 640px) {
      .customer-account-content .my-account .addresses-list {
        border-bottom: 0px solid transparent; } }
    .customer-account-content .my-account .addresses-list > .col {
      width: 25%;
      padding-right: 4%;
      float: none;
      display: table-cell;
      padding-bottom: 20px;
      position: relative; }
      .customer-account-content .my-account .addresses-list > .col .box-title {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #333333;
        letter-spacing: 0;
        margin-bottom: 10px;
        text-transform: uppercase;
        margin-bottom: 3px; }
        @media (max-width: 640px) {
          .customer-account-content .my-account .addresses-list > .col .box-title {
            font-size: 15px;
            line-height: 20px; } }
        @media (max-width: 640px) {
          .customer-account-content .my-account .addresses-list > .col .box-title {
            text-transform: none; } }
      .customer-account-content .my-account .addresses-list > .col .price {
        color: #999999; }
      .customer-account-content .my-account .addresses-list > .col .box-content p, .customer-account-content .my-account .addresses-list > .col .box-content address {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #999999;
        letter-spacing: 0; }
        @media (max-width: 640px) {
          .customer-account-content .my-account .addresses-list > .col .box-content p, .customer-account-content .my-account .addresses-list > .col .box-content address {
            font-size: 15px;
            line-height: 20px; } }
        .customer-account-content .my-account .addresses-list > .col .box-content p a, .customer-account-content .my-account .addresses-list > .col .box-content address a {
          position: relative;
          display: inline; }
      .customer-account-content .my-account .addresses-list > .col .box-content a {
        font-family: arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #333333;
        letter-spacing: 0;
        text-decoration: underline;
        position: absolute;
        bottom: 0; }
        @media (max-width: 640px) {
          .customer-account-content .my-account .addresses-list > .col .box-content a {
            font-size: 15px; } }
        @media (max-width: 640px) {
          .customer-account-content .my-account .addresses-list > .col .box-content a {
            font-size: 15px;
            line-height: 20px; } }
      .customer-account-content .my-account .addresses-list > .col .box-content a:hover, .customer-account-content .my-account .addresses-list > .col .box-content a:active, .customer-account-content .my-account .addresses-list > .col .box-content a:focus {
        color: #999999; }
      .customer-account-content .my-account .addresses-list > .col .box-content address {
        padding-bottom: 10px; }
      .customer-account-content .my-account .addresses-list > .col .actions {
        position: absolute;
        bottom: 0; }
        .customer-account-content .my-account .addresses-list > .col .actions a {
          font-family: arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 12px;
          font-family: "Neuzeit Grot Regular", Arial, serif;
          font-weight: normal;
          font-style: normal;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          font-size: 14px;
          line-height: 17px;
          color: #333333;
          letter-spacing: 0;
          text-decoration: underline;
          margin-right: 10px; }
          @media (max-width: 640px) {
            .customer-account-content .my-account .addresses-list > .col .actions a {
              font-size: 15px; } }
          @media (max-width: 640px) {
            .customer-account-content .my-account .addresses-list > .col .actions a {
              font-size: 15px;
              line-height: 20px; } }
    .customer-account-content .my-account .addresses-list.column-two > .col {
      width: 50%; }
    @media (max-width: 640px) {
      .customer-account-content .my-account .addresses-list {
        display: block; }
        .customer-account-content .my-account .addresses-list > .col {
          display: block;
          width: 100%;
          padding-right: 0;
          padding-bottom: 0;
          padding-top: 30px;
          border-top: 1px solid #dedede;
          margin-bottom: 25px; }
          .customer-account-content .my-account .addresses-list > .col .box-content p a {
            margin-top: 0; }
          .customer-account-content .my-account .addresses-list > .col .box-content a {
            display: block;
            position: relative;
            margin-top: 20px; }
          .customer-account-content .my-account .addresses-list > .col .actions {
            margin-top: 30px;
            position: relative; }
          .customer-account-content .my-account .addresses-list > .col:first-child {
            padding-top: 0;
            border-top: none; }
          .customer-account-content .my-account .addresses-list > .col:last-child {
            margin-bottom: 0; } }
  .customer-account-content .my-account .my-account-info > .col {
    width: 50%;
    padding-right: 16.666667%; }
    @media (max-width: 966px) {
      .customer-account-content .my-account .my-account-info > .col {
        padding-right: 5.666667%; } }
    .customer-account-content .my-account .my-account-info > .col .newsletter .input-box {
      margin-left: 0; }
    .customer-account-content .my-account .my-account-info > .col.col-1 .buttons-set {
      margin-top: 15px; }
    .customer-account-content .my-account .my-account-info > .col.col-2 p {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      line-height: 17px;
      color: #999999;
      letter-spacing: 0; }
      @media (max-width: 640px) {
        .customer-account-content .my-account .my-account-info > .col.col-2 p {
          font-size: 15px;
          line-height: 20px; } }
    .customer-account-content .my-account .my-account-info > .col.col-2 .fieldset {
      margin: 20px 0; }
  @media (max-width: 640px) {
    .customer-account-content .my-account .my-account-info > .col {
      width: 100%;
      padding-right: 0; }
      .customer-account-content .my-account .my-account-info > .col button {
        width: 100%; } }
  .customer-account-content .my-account > .account-address-form {
    width: 50%; }
    @media (max-width: 966px) {
      .customer-account-content .my-account > .account-address-form {
        width: 100%; } }
    .customer-account-content .my-account > .account-address-form .custom-dropdown {
      width: 100%; }
  .customer-account-content .my-account .address-book .new-address-container {
    margin-bottom: 30px;
    margin-top: 30px; }
    .customer-account-content .my-account .address-book .new-address-container .box-title {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      line-height: 17px;
      color: #333333;
      letter-spacing: 0;
      margin-bottom: 10px;
      text-transform: uppercase; }
      @media (max-width: 640px) {
        .customer-account-content .my-account .address-book .new-address-container .box-title {
          font-size: 15px;
          line-height: 20px; } }
      @media (max-width: 640px) {
        .customer-account-content .my-account .address-book .new-address-container .box-title {
          text-transform: none; } }
    .customer-account-content .my-account .address-book .new-address-container .add-new {
      margin-top: 20px; }
    .customer-account-content .my-account .address-book .new-address-container .account-address-form {
      padding: 20px 0;
      display: none; }
    .customer-account-content .my-account .address-book .new-address-container .fieldset:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .customer-account-content .my-account .address-book .new-address-container .fieldset .control {
      width: 50%;
      padding-right: 16.666667%; }
      .customer-account-content .my-account .address-book .new-address-container .fieldset .control:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      @media (max-width: 966px) {
        .customer-account-content .my-account .address-book .new-address-container .fieldset .control {
          padding-right: 5.666667%; } }
      .customer-account-content .my-account .address-book .new-address-container .fieldset .control .control-field {
        float: left;
        width: 50%; }
        .customer-account-content .my-account .address-book .new-address-container .fieldset .control .control-field .input-box {
          margin: 0; }
    .customer-account-content .my-account .address-book .new-address-container .fieldset.default-setting {
      margin-bottom: 20px; }
    .customer-account-content .my-account .address-book .new-address-container .col2-set .col {
      width: 50%;
      padding-right: 16.666667%;
      float: left; }
      @media (max-width: 966px) {
        .customer-account-content .my-account .address-book .new-address-container .col2-set .col {
          padding-right: 5.666667%; } }
  @media (max-width: 640px) {
    .customer-account-content .my-account .address-book button {
      width: 100%; }
    .customer-account-content .my-account .address-book .new-address-container .fieldset .control {
      width: 100%;
      padding-right: 0; }
      .customer-account-content .my-account .address-book .new-address-container .fieldset .control:after {
        display: block;
        content: "";
        width: 0;
        height: 0;
        position: relative;
        background: transparent;
        clear: both; }
      .customer-account-content .my-account .address-book .new-address-container .fieldset .control .control-field {
        float: left;
        width: 50%; }
        .customer-account-content .my-account .address-book .new-address-container .fieldset .control .control-field .input-box {
          margin: 0; }
    .customer-account-content .my-account .address-book .new-address-container .col2-set .col {
      width: 100%;
      padding-right: 0%;
      float: left; } }
  .customer-account-content .my-account .my-order-list .data-table th {
    line-height: 36px; }
  .customer-account-content .my-account .my-order-list .data-table .col {
    padding: 0;
    color: #999999;
    text-transform: capitalize; }
    .customer-account-content .my-account .my-order-list .data-table .col a {
      padding-left: 10px;
      text-decoration: underline;
      color: #333333; }
      @media (max-width: 640px) {
        .customer-account-content .my-account .my-order-list .data-table .col a {
          padding-left: 0px; } }
      @media (max-width: 640px) {
        .customer-account-content .my-account .my-order-list .data-table .col a {
          color: #999999; } }
      .customer-account-content .my-account .my-order-list .data-table .col a:first-child {
        padding-right: 10px;
        border-right: 1px solid #999999; }
    .customer-account-content .my-account .my-order-list .data-table .col a:hover, .customer-account-content .my-account .my-order-list .data-table .col a:active, .customer-account-content .my-account .my-order-list .data-table .col a:focus {
      color: #999999; }
  @media (max-width: 640px) {
    .customer-account-content .my-account .my-order-list .data-table.mobile-elem {
      border-top: 0px solid #dedede; }
      .customer-account-content .my-account .my-order-list .data-table.mobile-elem .col {
        width: 33.333333%;
        text-align: left; }
        .customer-account-content .my-account .my-order-list .data-table.mobile-elem .col a {
          text-decoration: none; }
          .customer-account-content .my-account .my-order-list .data-table.mobile-elem .col a:first-child {
            padding-right: 0;
            border-right: none; } }
  .customer-account-content .my-account .return-list .sub-title, .customer-account-content .my-account .rma-page .sub-title {
    margin-bottom: 30px; }
  .customer-account-content .my-account .order-page .order-view-buttons {
    margin: -4px 0 20px; }
    .customer-account-content .my-account .order-page .order-view-buttons > a {
      text-decoration: underline;
      font-size: 14px; }
    .customer-account-content .my-account .order-page .order-view-buttons .cta-reorder, .customer-account-content .my-account .order-page .order-view-buttons .cta-return {
      display: inline-block;
      margin-right: 15px; }
    @media (max-width: 640px) {
      .customer-account-content .my-account .order-page .order-view-buttons {
        margin: 0 0 20px 0; }
        .customer-account-content .my-account .order-page .order-view-buttons .cta {
          width: 100%;
          margin-right: 0;
          margin-bottom: 20px; } }
  .customer-account-content .my-account .order-page .mobile-title:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .customer-account-content .my-account .order-page .mobile-title > div {
    float: left;
    width: 33.3333333%;
    text-align: left;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0;
    color: #999999;
    line-height: 40px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede; }
    @media (max-width: 640px) {
      .customer-account-content .my-account .order-page .mobile-title > div {
        font-size: 15px;
        line-height: 40px; } }
  .customer-account-content .my-account .order-page .order-items > .table-caption, .customer-account-content .my-account .order-page .order-items > .buttons-set {
    display: none; }
  @media (max-width: 640px) {
    .customer-account-content .my-account .order-page .order-items #my-orders-table {
      width: 100%; }
      .customer-account-content .my-account .order-page .order-items #my-orders-table tr th {
        display: none; }
      .customer-account-content .my-account .order-page .order-items #my-orders-table tr td {
        width: 6%; }
        .customer-account-content .my-account .order-page .order-items #my-orders-table tr td.col-3, .customer-account-content .my-account .order-page .order-items #my-orders-table tr td.col-4, .customer-account-content .my-account .order-page .order-items #my-orders-table tr td.col-5, .customer-account-content .my-account .order-page .order-items #my-orders-table tr td.col-6 {
          display: none; } }
  .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper {
    font-size: 1.17em;
    line-height: 24px;
    margin: 32px 0; }
    .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper table {
      float: right;
      width: 60%; }
      .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper table tr td {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #999999;
        letter-spacing: 0;
        width: 20%;
        text-align: right; }
        @media (max-width: 640px) {
          .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper table tr td {
            font-size: 15px;
            line-height: 20px; } }
        .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper table tr td * {
          display: block; }
        .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper table tr td:first-child {
          width: 80%;
          color: #333333; }
        @media (max-width: 640px) {
          .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper table tr td {
            width: 40%; }
            .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper table tr td:first-child {
              width: 60%; } }
      @media (max-width: 640px) {
        .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper table {
          width: 100%; } }
    .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper .grand_total .price {
      color: #333333; }
    .customer-account-content .my-account .order-page .order-items #my-orders-total-table-wrapper .grand_total strong {
      font-weight: normal; }
  .customer-account-content .my-account .order-page .addresses-list {
    margin: 20px 0;
    padding-top: 35px; }
    .customer-account-content .my-account .order-page .addresses-list .payment p {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      line-height: 17px;
      color: #999999;
      letter-spacing: 0; }
      @media (max-width: 640px) {
        .customer-account-content .my-account .order-page .addresses-list .payment p {
          font-size: 15px;
          line-height: 20px; } }
    .customer-account-content .my-account .order-page .addresses-list .payment table {
      display: none; }
  .customer-account-content .my-account .my-wishlist .cart-table {
    border-top: 1px solid #dedede; }
    .customer-account-content .my-account .my-wishlist .cart-table tr td {
      width: 25%; }
      .customer-account-content .my-account .my-wishlist .cart-table tr td:nth-child(2) {
        width: 50%; }
      .customer-account-content .my-account .my-wishlist .cart-table tr td.last {
        text-align: left; }
      .customer-account-content .my-account .my-wishlist .cart-table tr td .price-box .old-price {
        display: none; }
      .customer-account-content .my-account .my-wishlist .cart-table tr td .add-to-cart-alt {
        /* margin: 15px 0;*/
        width: 70%;
        float: right; }
        .customer-account-content .my-account .my-wishlist .cart-table tr td .add-to-cart-alt .cta {
          width: 100%; }
      .customer-account-content .my-account .my-wishlist .cart-table tr td .control a {
        text-decoration: underline;
        padding-right: 5px;
        margin-right: 5px; }
        .customer-account-content .my-account .my-wishlist .cart-table tr td .control a:first-child {
          border-right: 1px solid #212121; }
      .customer-account-content .my-account .my-wishlist .cart-table tr td .product-name a {
        color: #333333;
        text-decoration: underline; }
      .customer-account-content .my-account .my-wishlist .cart-table tr td .product-name a:hover, .customer-account-content .my-account .my-wishlist .cart-table tr td .product-name a:active, .customer-account-content .my-account .my-wishlist .cart-table tr td .product-name a:focus {
        color: #999999; }
    .customer-account-content .my-account .my-wishlist .cart-table tr.mobile-row {
      display: none; }
    @media (max-width: 640px) {
      .customer-account-content .my-account .my-wishlist .cart-table tr td {
        width: 50%;
        border-bottom: none; }
      .customer-account-content .my-account .my-wishlist .cart-table tr.mobile-row {
        display: table-row; }
        .customer-account-content .my-account .my-wishlist .cart-table tr.mobile-row td {
          width: 100%;
          padding-top: 0;
          border-bottom: 1px solid #dedede; }
          .customer-account-content .my-account .my-wishlist .cart-table tr.mobile-row td .price-box {
            display: none; }
          .customer-account-content .my-account .my-wishlist .cart-table tr.mobile-row td .add-to-cart-alt {
            margin-top: 0px;
            width: 100%; }
            .customer-account-content .my-account .my-wishlist .cart-table tr.mobile-row td .add-to-cart-alt .cta {
              width: 100%; } }
  .customer-account-content .my-account .return-create .return-info-container {
    width: 50%;
    margin-bottom: 50px; }
    .customer-account-content .my-account .return-create .return-info-container .cta {
      width: 35%; }
    .customer-account-content .my-account .return-create .return-info-container .buttons-set:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .customer-account-content .my-account .return-create .return-info-container .buttons-set .cta {
      width: 35%;
      float: right; }
    .customer-account-content .my-account .return-create .return-info-container .return-info-list .form-list > .fields.add-row {
      padding-top: 15px;
      border-top: 1px solid #dedede; }
    .customer-account-content .my-account .return-create .return-info-container .return-info-comment {
      margin-top: 15px; }
    @media (max-width: 640px) {
      .customer-account-content .my-account .return-create .return-info-container {
        width: 100%; }
        .customer-account-content .my-account .return-create .return-info-container .cta {
          width: 100%; }
        .customer-account-content .my-account .return-create .return-info-container .buttons-set:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        .customer-account-content .my-account .return-create .return-info-container .buttons-set .cta {
          width: 100%;
          float: none; } }
  .customer-account-content .my-account .return-list .cart-table {
    border-top: 1px solid #dedede; }
    .customer-account-content .my-account .return-list .cart-table tr td .control a {
      text-decoration: underline;
      padding-right: 5px;
      margin-right: 5px; }
  @media (max-width: 640px) {
    .customer-account-content .my-account .return-list .data-table {
      border-top: 1px solid #dedede; }
      .customer-account-content .my-account .return-list .data-table tr td {
        width: 33.333333%;
        padding: 0;
        text-align: left; }
        .customer-account-content .my-account .return-list .data-table tr td a {
          color: #999999; }
        .customer-account-content .my-account .return-list .data-table tr td a:hover, .customer-account-content .my-account .return-list .data-table tr td a:active, .customer-account-content .my-account .return-list .data-table tr td a:focus {
          color: #999999; } }
  .customer-account-content .my-account .rma-page .addresses-list {
    margin: 50px 0 20px; }
    .customer-account-content .my-account .rma-page .addresses-list > .col .box-content p a {
      position: relative; }
    .customer-account-content .my-account .rma-page .addresses-list > .col .box-content p a:hover, .customer-account-content .my-account .rma-page .addresses-list > .col .box-content p a:active, .customer-account-content .my-account .rma-page .addresses-list > .col .box-content p a:focus {
      color: #999999; }
  .customer-account-content .my-account .rma-page .mobile-title:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .customer-account-content .my-account .rma-page .mobile-title > div {
    float: left;
    width: 33.3333333%;
    text-align: left;
    font-size: 14px;
    color: #999999;
    line-height: 40px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede; }
  @media (max-width: 640px) {
    .customer-account-content .my-account .rma-page .data-table tr td.col-1 {
      padding-right: 10px; }
    .customer-account-content .my-account .rma-page .data-table tr td.col-2 {
      padding: 20px 0 40px;
      position: relative; }
      .customer-account-content .my-account .rma-page .data-table tr td.col-2 .mobile-elem {
        position: absolute;
        bottom: 20px;
        color: #999999; } }
  .customer-account-content .my-account .data-table th {
    color: #333333; }
  .customer-account-content .my-account .data-table td {
    font-size: 14px; }
  .customer-account-content .my-account .data-table td.col-2, .customer-account-content .my-account .data-table td.col-3, .customer-account-content .my-account .data-table td.col-4, .customer-account-content .my-account .data-table td.col-5, .customer-account-content .my-account .data-table td.col-6 {
    padding-top: 15px; }
  .customer-account-content .my-account .data-table .item-options {
    margin: 5px 0; }

@media (max-width: 966px) {
  .customer-account-login .my-account,
  .customer-account-create .my-account,
  .customer-account-forgotpassword .my-account,
  .customer-account-resetpassword .my-account {
    padding: 0 20px; } }
@media (max-width: 640px) {
  .customer-account-login .my-account,
  .customer-account-create .my-account,
  .customer-account-forgotpassword .my-account,
  .customer-account-resetpassword .my-account {
    padding: 0 3%; }
    .customer-account-login .my-account select,
    .customer-account-create .my-account select,
    .customer-account-forgotpassword .my-account select,
    .customer-account-resetpassword .my-account select {
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }
.customer-account-login .my-account .page-title,
.customer-account-create .my-account .page-title,
.customer-account-forgotpassword .my-account .page-title,
.customer-account-resetpassword .my-account .page-title {
  margin: 11px 0 13px; }
.customer-account-login .my-account .legend, .customer-account-login .my-account .sub-title,
.customer-account-create .my-account .legend,
.customer-account-create .my-account .sub-title,
.customer-account-forgotpassword .my-account .legend,
.customer-account-forgotpassword .my-account .sub-title,
.customer-account-resetpassword .my-account .legend,
.customer-account-resetpassword .my-account .sub-title {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-transform: uppercase; }
  @media (max-width: 640px) {
    .customer-account-login .my-account .legend, .customer-account-login .my-account .sub-title,
    .customer-account-create .my-account .legend,
    .customer-account-create .my-account .sub-title,
    .customer-account-forgotpassword .my-account .legend,
    .customer-account-forgotpassword .my-account .sub-title,
    .customer-account-resetpassword .my-account .legend,
    .customer-account-resetpassword .my-account .sub-title {
      font-size: 15px;
      line-height: 20px; } }
  @media (max-width: 640px) {
    .customer-account-login .my-account .legend, .customer-account-login .my-account .sub-title,
    .customer-account-create .my-account .legend,
    .customer-account-create .my-account .sub-title,
    .customer-account-forgotpassword .my-account .legend,
    .customer-account-forgotpassword .my-account .sub-title,
    .customer-account-resetpassword .my-account .legend,
    .customer-account-resetpassword .my-account .sub-title {
      text-transform: none; } }
.customer-account-login .my-account .sub-title,
.customer-account-create .my-account .sub-title,
.customer-account-forgotpassword .my-account .sub-title,
.customer-account-resetpassword .my-account .sub-title {
  color: #999999; }
.customer-account-login .my-account .section-title,
.customer-account-create .my-account .section-title,
.customer-account-forgotpassword .my-account .section-title,
.customer-account-resetpassword .my-account .section-title {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  font-size: 1.17em;
  line-height: 3em;
  color: #333333;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-indent: 15px;
  margin-bottom: 30px; }
  @media (max-width: 640px) {
    .customer-account-login .my-account .section-title,
    .customer-account-create .my-account .section-title,
    .customer-account-forgotpassword .my-account .section-title,
    .customer-account-resetpassword .my-account .section-title {
      text-indent: 0px; } }
.customer-account-login .my-account .registered-users .section-title,
.customer-account-create .my-account .registered-users .section-title,
.customer-account-forgotpassword .my-account .registered-users .section-title,
.customer-account-resetpassword .my-account .registered-users .section-title {
  padding-left: 17.4%;
  padding-top: 9px;
  padding-bottom: 12px;
  line-height: 14px;
  margin-bottom: 23px; }
  @media (max-width: 640px) {
    .customer-account-login .my-account .registered-users .section-title,
    .customer-account-create .my-account .registered-users .section-title,
    .customer-account-forgotpassword .my-account .registered-users .section-title,
    .customer-account-resetpassword .my-account .registered-users .section-title {
      padding-left: 0; } }
.customer-account-login .my-account .new-users .section-title,
.customer-account-create .my-account .new-users .section-title,
.customer-account-forgotpassword .my-account .new-users .section-title,
.customer-account-resetpassword .my-account .new-users .section-title {
  padding-left: 24.5%;
  padding-top: 9px;
  padding-bottom: 12px;
  line-height: 14px;
  margin-bottom: 23px; }
  @media (max-width: 640px) {
    .customer-account-login .my-account .new-users .section-title,
    .customer-account-create .my-account .new-users .section-title,
    .customer-account-forgotpassword .my-account .new-users .section-title,
    .customer-account-resetpassword .my-account .new-users .section-title {
      padding-left: 0; } }
.customer-account-login .my-account p,
.customer-account-create .my-account p,
.customer-account-forgotpassword .my-account p,
.customer-account-resetpassword .my-account p {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    .customer-account-login .my-account p,
    .customer-account-create .my-account p,
    .customer-account-forgotpassword .my-account p,
    .customer-account-resetpassword .my-account p {
      font-size: 15px;
      line-height: 20px; } }
.customer-account-login .my-account .col2-set:after,
.customer-account-create .my-account .col2-set:after,
.customer-account-forgotpassword .my-account .col2-set:after,
.customer-account-resetpassword .my-account .col2-set:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: relative;
  background: transparent;
  clear: both; }
.customer-account-login .my-account .col2-set .col-1, .customer-account-login .my-account .col2-set .col-2,
.customer-account-create .my-account .col2-set .col-1,
.customer-account-create .my-account .col2-set .col-2,
.customer-account-forgotpassword .my-account .col2-set .col-1,
.customer-account-forgotpassword .my-account .col2-set .col-2,
.customer-account-resetpassword .my-account .col2-set .col-1,
.customer-account-resetpassword .my-account .col2-set .col-2 {
  float: left;
  width: 50%;
  position: relative; }
  .customer-account-login .my-account .col2-set .col-1 .col-inner, .customer-account-login .my-account .col2-set .col-2 .col-inner,
  .customer-account-create .my-account .col2-set .col-1 .col-inner,
  .customer-account-create .my-account .col2-set .col-2 .col-inner,
  .customer-account-forgotpassword .my-account .col2-set .col-1 .col-inner,
  .customer-account-forgotpassword .my-account .col2-set .col-2 .col-inner,
  .customer-account-resetpassword .my-account .col2-set .col-1 .col-inner,
  .customer-account-resetpassword .my-account .col2-set .col-2 .col-inner {
    width: 80%; }
  @media (max-width: 640px) {
    .customer-account-login .my-account .col2-set .col-1, .customer-account-login .my-account .col2-set .col-2,
    .customer-account-create .my-account .col2-set .col-1,
    .customer-account-create .my-account .col2-set .col-2,
    .customer-account-forgotpassword .my-account .col2-set .col-1,
    .customer-account-forgotpassword .my-account .col2-set .col-2,
    .customer-account-resetpassword .my-account .col2-set .col-1,
    .customer-account-resetpassword .my-account .col2-set .col-2 {
      width: 100%; }
      .customer-account-login .my-account .col2-set .col-1 .col-inner, .customer-account-login .my-account .col2-set .col-2 .col-inner,
      .customer-account-create .my-account .col2-set .col-1 .col-inner,
      .customer-account-create .my-account .col2-set .col-2 .col-inner,
      .customer-account-forgotpassword .my-account .col2-set .col-1 .col-inner,
      .customer-account-forgotpassword .my-account .col2-set .col-2 .col-inner,
      .customer-account-resetpassword .my-account .col2-set .col-1 .col-inner,
      .customer-account-resetpassword .my-account .col2-set .col-2 .col-inner {
        width: 100%; } }
.customer-account-login .my-account .col2-set .col-1 .col-inner,
.customer-account-create .my-account .col2-set .col-1 .col-inner,
.customer-account-forgotpassword .my-account .col2-set .col-1 .col-inner,
.customer-account-resetpassword .my-account .col2-set .col-1 .col-inner {
  padding-left: 20.5%;
  width: 100%; }
  @media (max-width: 640px) {
    .customer-account-login .my-account .col2-set .col-1 .col-inner,
    .customer-account-create .my-account .col2-set .col-1 .col-inner,
    .customer-account-forgotpassword .my-account .col2-set .col-1 .col-inner,
    .customer-account-resetpassword .my-account .col2-set .col-1 .col-inner {
      padding-left: 0; } }
.customer-account-login .my-account .col2-set .col-2 .col-inner,
.customer-account-create .my-account .col2-set .col-2 .col-inner,
.customer-account-forgotpassword .my-account .col2-set .col-2 .col-inner,
.customer-account-resetpassword .my-account .col2-set .col-2 .col-inner {
  padding-left: 27.5%; }
  @media (max-width: 640px) {
    .customer-account-login .my-account .col2-set .col-2 .col-inner,
    .customer-account-create .my-account .col2-set .col-2 .col-inner,
    .customer-account-forgotpassword .my-account .col2-set .col-2 .col-inner,
    .customer-account-resetpassword .my-account .col2-set .col-2 .col-inner {
      padding-left: 0; } }
.customer-account-login .my-account #login-form .cta,
.customer-account-create .my-account #login-form .cta,
.customer-account-forgotpassword .my-account #login-form .cta,
.customer-account-resetpassword .my-account #login-form .cta {
  width: 190px; }
.customer-account-login .my-account #login-form .form-list,
.customer-account-create .my-account #login-form .form-list,
.customer-account-forgotpassword .my-account #login-form .form-list,
.customer-account-resetpassword .my-account #login-form .form-list {
  margin-top: 23px; }
.customer-account-login .my-account #login-form .new-users,
.customer-account-create .my-account #login-form .new-users,
.customer-account-forgotpassword .my-account #login-form .new-users,
.customer-account-resetpassword .my-account #login-form .new-users {
  margin-bottom: 15px; }
  .customer-account-login .my-account #login-form .new-users .form-list,
  .customer-account-create .my-account #login-form .new-users .form-list,
  .customer-account-forgotpassword .my-account #login-form .new-users .form-list,
  .customer-account-resetpassword .my-account #login-form .new-users .form-list {
    margin-top: 36px; }
    .customer-account-login .my-account #login-form .new-users .form-list .buttons-set,
    .customer-account-create .my-account #login-form .new-users .form-list .buttons-set,
    .customer-account-forgotpassword .my-account #login-form .new-users .form-list .buttons-set,
    .customer-account-resetpassword .my-account #login-form .new-users .form-list .buttons-set {
      padding: 0;
      width: 75%; }
.customer-account-login .my-account #login-form .registered-users .form-list .buttons-set,
.customer-account-create .my-account #login-form .registered-users .form-list .buttons-set,
.customer-account-forgotpassword .my-account #login-form .registered-users .form-list .buttons-set,
.customer-account-resetpassword .my-account #login-form .registered-users .form-list .buttons-set {
  margin-top: 29px; }
  .customer-account-login .my-account #login-form .registered-users .form-list .buttons-set a.required,
  .customer-account-create .my-account #login-form .registered-users .form-list .buttons-set a.required,
  .customer-account-forgotpassword .my-account #login-form .registered-users .form-list .buttons-set a.required,
  .customer-account-resetpassword .my-account #login-form .registered-users .form-list .buttons-set a.required {
    display: block;
    font-size: 14px;
    padding-top: 7px; }
@media (max-width: 640px) {
  .customer-account-login .my-account #login-form .cta,
  .customer-account-create .my-account #login-form .cta,
  .customer-account-forgotpassword .my-account #login-form .cta,
  .customer-account-resetpassword .my-account #login-form .cta {
    width: 100%; }
  .customer-account-login .my-account #login-form .new-users .form-list .buttons-set,
  .customer-account-create .my-account #login-form .new-users .form-list .buttons-set,
  .customer-account-forgotpassword .my-account #login-form .new-users .form-list .buttons-set,
  .customer-account-resetpassword .my-account #login-form .new-users .form-list .buttons-set {
    width: 100%; } }
.customer-account-login .my-account .forgot-pass-form,
.customer-account-create .my-account .forgot-pass-form,
.customer-account-forgotpassword .my-account .forgot-pass-form,
.customer-account-resetpassword .my-account .forgot-pass-form {
  display: block;
  width: 100%;
  border-top: 1px solid #dedede;
  text-align: center;
  padding-top: 30px; }
  @media (max-width: 640px) {
    .customer-account-login .my-account .forgot-pass-form,
    .customer-account-create .my-account .forgot-pass-form,
    .customer-account-forgotpassword .my-account .forgot-pass-form,
    .customer-account-resetpassword .my-account .forgot-pass-form {
      border-top: none; } }
  .customer-account-login .my-account .forgot-pass-form .fieldset,
  .customer-account-create .my-account .forgot-pass-form .fieldset,
  .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset,
  .customer-account-resetpassword .my-account .forgot-pass-form .fieldset {
    width: 33.33333%;
    margin: 0 auto; }
    .customer-account-login .my-account .forgot-pass-form .fieldset p,
    .customer-account-create .my-account .forgot-pass-form .fieldset p,
    .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset p,
    .customer-account-resetpassword .my-account .forgot-pass-form .fieldset p {
      margin-bottom: 30px; }
    .customer-account-login .my-account .forgot-pass-form .fieldset .input-box, .customer-account-login .my-account .forgot-pass-form .fieldset button,
    .customer-account-create .my-account .forgot-pass-form .fieldset .input-box,
    .customer-account-create .my-account .forgot-pass-form .fieldset button,
    .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset .input-box,
    .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset button,
    .customer-account-resetpassword .my-account .forgot-pass-form .fieldset .input-box,
    .customer-account-resetpassword .my-account .forgot-pass-form .fieldset button {
      display: inline-block;
      vertical-align: top; }
    .customer-account-login .my-account .forgot-pass-form .fieldset .input-box,
    .customer-account-create .my-account .forgot-pass-form .fieldset .input-box,
    .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset .input-box,
    .customer-account-resetpassword .my-account .forgot-pass-form .fieldset .input-box {
      width: 65%; }
      .customer-account-login .my-account .forgot-pass-form .fieldset .input-box input,
      .customer-account-create .my-account .forgot-pass-form .fieldset .input-box input,
      .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset .input-box input,
      .customer-account-resetpassword .my-account .forgot-pass-form .fieldset .input-box input {
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.17em;
        text-transform: uppercase; }
    .customer-account-login .my-account .forgot-pass-form .fieldset button,
    .customer-account-create .my-account .forgot-pass-form .fieldset button,
    .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset button,
    .customer-account-resetpassword .my-account .forgot-pass-form .fieldset button {
      width: 30%; }
    @media (max-width: 640px) {
      .customer-account-login .my-account .forgot-pass-form .fieldset,
      .customer-account-create .my-account .forgot-pass-form .fieldset,
      .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset,
      .customer-account-resetpassword .my-account .forgot-pass-form .fieldset {
        width: 100%; }
        .customer-account-login .my-account .forgot-pass-form .fieldset .input-box, .customer-account-login .my-account .forgot-pass-form .fieldset button,
        .customer-account-create .my-account .forgot-pass-form .fieldset .input-box,
        .customer-account-create .my-account .forgot-pass-form .fieldset button,
        .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset .input-box,
        .customer-account-forgotpassword .my-account .forgot-pass-form .fieldset button,
        .customer-account-resetpassword .my-account .forgot-pass-form .fieldset .input-box,
        .customer-account-resetpassword .my-account .forgot-pass-form .fieldset button {
          display: block;
          width: 100%;
          margin-bottom: 15px; } }
  .customer-account-login .my-account .forgot-pass-form.reset-pass-form .fieldset .input-box,
  .customer-account-create .my-account .forgot-pass-form.reset-pass-form .fieldset .input-box,
  .customer-account-forgotpassword .my-account .forgot-pass-form.reset-pass-form .fieldset .input-box,
  .customer-account-resetpassword .my-account .forgot-pass-form.reset-pass-form .fieldset .input-box {
    display: block;
    margin: 0 auto;
    float: none; }
.customer-account-login .my-account .account-create-container,
.customer-account-create .my-account .account-create-container,
.customer-account-forgotpassword .my-account .account-create-container,
.customer-account-resetpassword .my-account .account-create-container {
  width: 35%; }
  .customer-account-login .my-account .account-create-container .fieldset .form-list > li.control,
  .customer-account-create .my-account .account-create-container .fieldset .form-list > li.control,
  .customer-account-forgotpassword .my-account .account-create-container .fieldset .form-list > li.control,
  .customer-account-resetpassword .my-account .account-create-container .fieldset .form-list > li.control {
    margin-bottom: 15px; }
  @media (max-width: 966px) {
    .customer-account-login .my-account .account-create-container,
    .customer-account-create .my-account .account-create-container,
    .customer-account-forgotpassword .my-account .account-create-container,
    .customer-account-resetpassword .my-account .account-create-container {
      width: 50%; } }
  @media (max-width: 640px) {
    .customer-account-login .my-account .account-create-container,
    .customer-account-create .my-account .account-create-container,
    .customer-account-forgotpassword .my-account .account-create-container,
    .customer-account-resetpassword .my-account .account-create-container {
      width: 100%; } }

.customer-account-forgotpassword .my-account .forgot-pass-form .fieldset .input-box input {
  text-transform: none; }

.customer-address-form .fieldset .form-list > li.control {
  margin-bottom: 15px; }

.fieldset .form-list > li.buttons-set p.required {
  margin-top: 10px; }

#wishlist-table .item-desc {
  margin-bottom: 7px; }

.my-account-info .fieldset .form-list > li label {
  color: #999; }

.my-wishlist .last > .price-box {
  display: none; }

#wishlist-view-form .product-name {
  margin-bottom: 7px; }

.account-create .fieldset .form-list > li label {
  width: 40%; }

.account-create .fieldset .form-list > li .input-box {
  width: 60%; }
  @media (max-width: 640px) {
    .account-create .fieldset .form-list > li .input-box {
      width: 100%; } }

.account-create .fieldset .form-list > li.control .input-box {
  margin-left: 40%; }
  @media (max-width: 640px) {
    .account-create .fieldset .form-list > li.control .input-box {
      margin-left: 0%; } }

.account-create .fieldset .form-list > li.control label {
  width: 100%; }

.my-order-list .data-table .price {
  color: #999; }

.sales-order-view .cart-table tbody td .product-image {
  max-width: 220px; }
.sales-order-view .cart-table tbody .col-1 {
  width: 18.6962%; }

.sales-order-history .data-table tbody td {
  border-bottom: 0px solid transparent; }

@media (max-width: 640px) {
  .sales-order-history .data-table {
    line-height: 2em; } }

.cart-table tbody .col td:nth-child(2) {
  width: 29.8634%;
  padding-left: 4%; }

.return-info-container .custom-dropdown, .return-info-container .input-box {
  width: 100%; }

.my-wishlist .btn-share, .my-account .btn-share {
  margin-top: 20px; }
  @media (min-width: 640px) {
    .my-wishlist .btn-share, .my-account .btn-share {
      float: right; } }

@media (max-width: 640px) {
  .wishlist-index-share .button.button.cta-dark {
    width: 100%; } }
@media (min-width: 640px) {
  .form-buttons .back-link {
    display: inline-block;
    margin-top: 30px;
    float: left; } }
fieldset .form-list > li label.checkout-email-subscribe-label {
  line-height: 1em;
  width: auto; }

body.utility-cms-view:not(.cms-home):not(.cms-styleguide) .std {
  margin: 0 auto 60px;
  max-width: none; }
  body.utility-cms-view:not(.cms-home):not(.cms-styleguide) .std h2 {
    margin: 0px 0 0px;
    text-align: left; }
  body.utility-cms-view:not(.cms-home):not(.cms-styleguide) .std .page-title {
    margin: 22px 0 0;
    text-align: left; }
    body.utility-cms-view:not(.cms-home):not(.cms-styleguide) .std .page-title h2 {
      margin: 0px 0 25px;
      text-align: center; }

.cms-page-view:not(.cms-home):not(.cms-styleguide) .std, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .std {
  margin: 0 auto 60px;
  max-width: 65%; }
  @media (max-width: 640px) {
    .cms-page-view:not(.cms-home):not(.cms-styleguide) .std, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .std {
      max-width: 85%; } }
.cms-page-view:not(.cms-home):not(.cms-styleguide) h2, .utility-cms-view:not(.cms-home):not(.cms-styleguide) h2 {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 15px;
  color: #999999;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  text-align: center;
  margin: 40px auto 25px; }
  @media (max-width: 640px) {
    .cms-page-view:not(.cms-home):not(.cms-styleguide) h2, .utility-cms-view:not(.cms-home):not(.cms-styleguide) h2 {
      font-size: 14px; } }
.cms-page-view:not(.cms-home):not(.cms-styleguide) h1, .utility-cms-view:not(.cms-home):not(.cms-styleguide) h1 {
  font-family: "Freight Big Pro Book", Georgia, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 36px;
  color: #333333;
  letter-spacing: 1px;
  text-align: center;
  margin: 0px auto 35px; }
  @media (max-width: 640px) {
    .cms-page-view:not(.cms-home):not(.cms-styleguide) h1, .utility-cms-view:not(.cms-home):not(.cms-styleguide) h1 {
      font-size: 30px; } }
.cms-page-view:not(.cms-home):not(.cms-styleguide) p, .utility-cms-view:not(.cms-home):not(.cms-styleguide) p {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  text-align: left;
  margin: 0px auto 25px; }
  @media (max-width: 640px) {
    .cms-page-view:not(.cms-home):not(.cms-styleguide) p, .utility-cms-view:not(.cms-home):not(.cms-styleguide) p {
      font-size: 15px;
      line-height: 20px; } }
.cms-page-view:not(.cms-home):not(.cms-styleguide) img, .utility-cms-view:not(.cms-home):not(.cms-styleguide) img {
  text-align: center;
  margin: 0 auto 35px; }
.cms-page-view:not(.cms-home):not(.cms-styleguide) .image-with-desc, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .image-with-desc {
  width: 80%;
  margin: 0 auto 80px;
  padding: 20px 0 0;
  position: relative; }
  @media (max-width: 640px) {
    .cms-page-view:not(.cms-home):not(.cms-styleguide) .image-with-desc, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .image-with-desc {
      margin: 0 auto 40px;
      padding: 10px 0 30px;
      width: 100%; }
      .cms-page-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc p, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc p {
        margin: 0px auto 0px; } }
  .cms-page-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    padding: 40px 10px 0 0;
    background-color: white; }
    .cms-page-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc p, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc p {
      color: #111; }
    .cms-page-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc a, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc a {
      color: #999999; }
    .cms-page-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc p:last-child, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .image-with-desc .desc p:last-child {
      margin: 0px auto 0px; }
.cms-page-view:not(.cms-home):not(.cms-styleguide) .mobile-back-to-top, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .mobile-back-to-top {
  display: none;
  cursor: pointer;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  text-transform: uppercase;
  margin: 40px auto 0;
  text-align: center; }
  @media (max-width: 640px) {
    .cms-page-view:not(.cms-home):not(.cms-styleguide) .mobile-back-to-top, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .mobile-back-to-top {
      display: block; } }
  @media (max-width: 640px) {
    .cms-page-view:not(.cms-home):not(.cms-styleguide) .mobile-back-to-top, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .mobile-back-to-top {
      font-size: 15px;
      line-height: 20px; } }
  .cms-page-view:not(.cms-home):not(.cms-styleguide) .mobile-back-to-top:before, .utility-cms-view:not(.cms-home):not(.cms-styleguide) .mobile-back-to-top:before {
    font-family: "Welden Icon Font";
    font-weight: normal;
    font-style: normal;
    content: "\ea40";
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    clear: both;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto 10px; }
.cms-page-view .desktop-elem, .utility-cms-view .desktop-elem {
  opacity: 1;
  -moz-opacity: 1;
  /* do nothing */ }
  @media (max-width: 640px) {
    .cms-page-view .desktop-elem, .utility-cms-view .desktop-elem {
      display: none;
      opacity: 0;
      -moz-opacity: 0;
      filter: alpha(opacity=0); } }
.cms-page-view .mobile-elem, .utility-cms-view .mobile-elem {
  display: none;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0); }
  @media (max-width: 640px) {
    .cms-page-view .mobile-elem, .utility-cms-view .mobile-elem {
      display: block;
      opacity: 1;
      -moz-opacity: 1;
      /* do nothing */ } }
.cms-page-view .breadcrumbs, .utility-cms-view .breadcrumbs {
  display: none; }
.cms-page-view.utility-cms-view .utility-page, .utility-cms-view.utility-cms-view .utility-page {
  margin-bottom: 50px; }
  .cms-page-view.utility-cms-view .utility-page:after, .utility-cms-view.utility-cms-view .utility-page:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  @media (max-width: 966px) {
    .cms-page-view.utility-cms-view .utility-page, .utility-cms-view.utility-cms-view .utility-page {
      padding: 0 20px; } }
.cms-page-view.utility-cms-view .utility-menu, .utility-cms-view.utility-cms-view .utility-menu {
  float: left;
  width: 23.037543%;
  margin-right: 5.9726962%; }
  @media (max-width: 966px) {
    .cms-page-view.utility-cms-view .utility-menu, .utility-cms-view.utility-cms-view .utility-menu {
      width: 28.037543%; } }
  .cms-page-view.utility-cms-view .utility-menu li, .utility-cms-view.utility-cms-view .utility-menu li {
    cursor: pointer;
    font-family: "Neuzeit Grot Regular", Arial, serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    line-height: 17px;
    color: #999999;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #212121;
    background: transparent;
    line-height: 58px;
    border-bottom: 1px solid #dedede;
    text-indent: 10px;
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }
    @media (max-width: 640px) {
      .cms-page-view.utility-cms-view .utility-menu li, .utility-cms-view.utility-cms-view .utility-menu li {
        font-size: 15px;
        line-height: 20px; } }
    .cms-page-view.utility-cms-view .utility-menu li:first-child, .utility-cms-view.utility-cms-view .utility-menu li:first-child {
      border-top: 1px solid #dedede; }
    .cms-page-view.utility-cms-view .utility-menu li.current, .utility-cms-view.utility-cms-view .utility-menu li.current {
      background: #f8f8f8; }
.cms-page-view.utility-cms-view .cms-content, .utility-cms-view.utility-cms-view .cms-content {
  float: right;
  width: 70.989761%; }
  @media (max-width: 966px) {
    .cms-page-view.utility-cms-view .cms-content, .utility-cms-view.utility-cms-view .cms-content {
      width: 65.989761%; } }
  @media (max-width: 640px) {
    .cms-page-view.utility-cms-view .cms-content, .utility-cms-view.utility-cms-view .cms-content {
      width: 100%;
      float: none; } }
  .cms-page-view.utility-cms-view .cms-content section, .utility-cms-view.utility-cms-view .cms-content section {
    margin-bottom: 30px; }
    .cms-page-view.utility-cms-view .cms-content section .column .col, .utility-cms-view.utility-cms-view .cms-content section .column .col {
      width: 50%; }
    .cms-page-view.utility-cms-view .cms-content section .section-title, .utility-cms-view.utility-cms-view .cms-content section .section-title {
      font-family: "Neuzeit Grot Regular", Arial, serif;
      font-weight: normal;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 14px;
      line-height: 17px;
      color: #212121;
      letter-spacing: 0;
      text-transform: uppercase;
      background: transparent;
      line-height: 58px;
      border-top: 1px solid #dedede; }
      @media (max-width: 640px) {
        .cms-page-view.utility-cms-view .cms-content section .section-title, .utility-cms-view.utility-cms-view .cms-content section .section-title {
          font-size: 15px;
          line-height: 20px; } }
      @media (max-width: 640px) {
        .cms-page-view.utility-cms-view .cms-content section .section-title, .utility-cms-view.utility-cms-view .cms-content section .section-title {
          padding: 20px 0; } }
    .cms-page-view.utility-cms-view .cms-content section .info-block, .utility-cms-view.utility-cms-view .cms-content section .info-block {
      margin-bottom: 25px; }
      .cms-page-view.utility-cms-view .cms-content section .info-block .info-title, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-title {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #333333;
        letter-spacing: 0;
        margin-bottom: 20px; }
        @media (max-width: 640px) {
          .cms-page-view.utility-cms-view .cms-content section .info-block .info-title, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-title {
            font-size: 15px;
            line-height: 20px; } }
      .cms-page-view.utility-cms-view .cms-content section .info-block .info-content, .cms-page-view.utility-cms-view .cms-content section .info-block .info-content *, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-content, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-content * {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 22px;
        color: #999999;
        letter-spacing: 0;
        color: #888888; }
        @media (max-width: 640px) {
          .cms-page-view.utility-cms-view .cms-content section .info-block .info-content, .cms-page-view.utility-cms-view .cms-content section .info-block .info-content *, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-content, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-content * {
            font-size: 15px;
            line-height: 20px; } }
      .cms-page-view.utility-cms-view .cms-content section .info-block .info-content p, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-content p {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #999999;
        letter-spacing: 0;
        margin-bottom: 25px; }
        @media (max-width: 640px) {
          .cms-page-view.utility-cms-view .cms-content section .info-block .info-content p, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-content p {
            font-size: 15px;
            line-height: 20px; } }
      .cms-page-view.utility-cms-view .cms-content section .info-block .info-content a, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-content a {
        font-family: "Neuzeit Grot Regular", Arial, serif;
        font-weight: normal;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        line-height: 17px;
        color: #999999;
        letter-spacing: 0;
        display: inline-block;
        text-decoration: underline;
        text-transform: capitalize; }
        @media (max-width: 640px) {
          .cms-page-view.utility-cms-view .cms-content section .info-block .info-content a, .utility-cms-view.utility-cms-view .cms-content section .info-block .info-content a {
            font-size: 15px;
            line-height: 20px; } }
    .cms-page-view.utility-cms-view .cms-content section.contact-us, .utility-cms-view.utility-cms-view .cms-content section.contact-us {
      margin-bottom: 0; }
      .cms-page-view.utility-cms-view .cms-content section.contact-us img, .utility-cms-view.utility-cms-view .cms-content section.contact-us img {
        margin-bottom: 25px; }
      .cms-page-view.utility-cms-view .cms-content section.contact-us .info-block .info-title, .utility-cms-view.utility-cms-view .cms-content section.contact-us .info-block .info-title {
        margin-bottom: 10px; }
      .cms-page-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p, .utility-cms-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p {
        display: block;
        width: 100%;
        position: relative;
        margin-bottom: 0px; }
        .cms-page-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p:after, .utility-cms-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        .cms-page-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span, .utility-cms-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span {
          width: 50%;
          float: left; }
          .cms-page-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span:first-child, .utility-cms-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span:first-child {
            width: 20%; }
            @media (max-width: 966px) {
              .cms-page-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span:first-child, .utility-cms-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span:first-child {
                width: 50%; } }
          @media (max-width: 640px) {
            .cms-page-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span, .utility-cms-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span {
              width: 70%; }
              .cms-page-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span:first-child, .utility-cms-view.utility-cms-view .cms-content section.contact-us .info-block .info-content p span:first-child {
                width: 30%; } }
    @media (max-width: 640px) {
      .cms-page-view.utility-cms-view .cms-content section, .utility-cms-view.utility-cms-view .cms-content section {
        margin-bottom: 0; }
        .cms-page-view.utility-cms-view .cms-content section .column .col, .utility-cms-view.utility-cms-view .cms-content section .column .col {
          width: 100%; }
        .cms-page-view.utility-cms-view .cms-content section .section-title, .utility-cms-view.utility-cms-view .cms-content section .section-title {
          position: relative; }
          .cms-page-view.utility-cms-view .cms-content section .section-title:after, .utility-cms-view.utility-cms-view .cms-content section .section-title:after {
            font-family: "Welden Icon Font";
            font-weight: normal;
            font-style: normal;
            content: "\e645";
            height: 100%;
            width: 25px;
            position: absolute;
            display: block;
            top: 0;
            right: 0;
            line-height: 60px;
            color: #666666;
            /*background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat center -2637px transparent;
            background-size: 50px auto;*/ }
        .cms-page-view.utility-cms-view .cms-content section .section-content, .utility-cms-view.utility-cms-view .cms-content section .section-content {
          display: none; }
        .cms-page-view.utility-cms-view .cms-content section.active .section-title:after, .utility-cms-view.utility-cms-view .cms-content section.active .section-title:after {
          content: "\e643"; }
        .cms-page-view.utility-cms-view .cms-content section.active .section-content, .utility-cms-view.utility-cms-view .cms-content section.active .section-content {
          display: block; }
        .cms-page-view.utility-cms-view .cms-content section:last-child, .utility-cms-view.utility-cms-view .cms-content section:last-child {
          border-bottom: 1px solid #dedede; } }

@media (max-width: 966px) {
  .store-locator-page {
    padding: 0 20px; } }
.store-locator-page .filters {
  padding: 10px 18.003413%;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background: #f8f8f8; }
  @media (max-width: 966px) {
    .store-locator-page .filters {
      padding: 10px 20px; } }
  .store-locator-page .filters > ul {
    width: 100%;
    position: relative; }
    .store-locator-page .filters > ul:after {
      display: block;
      content: "";
      width: 0;
      height: 0;
      position: relative;
      background: transparent;
      clear: both; }
    .store-locator-page .filters > ul > li {
      display: block;
      float: left; }
      .store-locator-page .filters > ul > li select {
        width: 100%; }
      @media (max-width: 640px) {
        .store-locator-page .filters > ul > li {
          float: none;
          margin-bottom: 20px; }
          .store-locator-page .filters > ul > li:last-child {
            margin-bottom: 0; } }
  .store-locator-page .filters .option {
    width: 39.866667%;
    margin-right: 1.6%;
    position: relative; }
    @media (max-width: 640px) {
      .store-locator-page .filters .option {
        width: 100%;
        margin-right: 0; } }
    .store-locator-page .filters .option.option-state .input-box:after {
      content: "";
      position: absolute;
      display: none;
      background: transparent;
      width: 100%;
      height: 100%;
      z-index: 1;
      top: 0;
      left: 0; }
    .store-locator-page .filters .option.option-state .input-box.disable {
      opacity: 0.3;
      -moz-opacity: 0.3;
      filter: alpha(opacity=30); }
      .store-locator-page .filters .option.option-state .input-box.disable:after {
        display: block; }
  .store-locator-page .filters .action {
    width: 17.066667%; }
    @media (max-width: 640px) {
      .store-locator-page .filters .action {
        width: 100%; } }
    .store-locator-page .filters .action .cta {
      width: 100%; }
.store-locator-page .result-list {
  margin-top: 55px; }
  .store-locator-page .result-list:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  .store-locator-page .result-list > div {
    float: left; }
  .store-locator-page .result-list .country-list {
    width: 24.668942%;
    margin-right: 4%; }
    .store-locator-page .result-list .country-list p {
      font-family: Arial, sans-serif;
      font-weight: bold;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-size: 1.17em;
      text-transform: uppercase; }
  .store-locator-page .result-list .store-list {
    width: 71.331058%; }
    @media (max-width: 640px) {
      .store-locator-page .result-list .store-list {
        width: 100%; } }
    .store-locator-page .result-list .store-list .state-store-container {
      border-top: 1px solid #dedede;
      padding: 20px 0; }
      .store-locator-page .result-list .store-list .state-store-container > p {
        font-family: Arial, sans-serif;
        font-weight: bold;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 1.17em;
        margin-bottom: 20px;
        text-transform: uppercase; }
      .store-locator-page .result-list .store-list .state-store-container ul {
        width: 100%;
        position: relative; }
        .store-locator-page .result-list .store-list .state-store-container ul:after {
          display: block;
          content: "";
          width: 0;
          height: 0;
          position: relative;
          background: transparent;
          clear: both; }
        .store-locator-page .result-list .store-list .state-store-container ul li {
          float: left;
          width: 33.3333333%;
          color: #888888;
          height: 100px; }
          .store-locator-page .result-list .store-list .state-store-container ul li .store-name {
            font-family: Arial, sans-serif;
            font-weight: bold;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 1.17em;
            text-transform: uppercase; }
          @media (max-width: 966px) {
            .store-locator-page .result-list .store-list .state-store-container ul li {
              width: 50%; } }
          @media (max-width: 640px) {
            .store-locator-page .result-list .store-list .state-store-container ul li {
              width: 100%; } }

.cms-index-noroute .box-collateral, .customer-account-logoutsuccess .box-collateral, .empty-cart-page .box-collateral, .checkouttester-index-success .box-collateral, .checkout-onepage-success .box-collateral,
.catalogsearch-result-index .box-collateral {
  width: 100%; }
  @media (max-width: 640px) {
    .cms-index-noroute .box-collateral, .customer-account-logoutsuccess .box-collateral, .empty-cart-page .box-collateral, .checkouttester-index-success .box-collateral, .checkout-onepage-success .box-collateral,
    .catalogsearch-result-index .box-collateral {
      margin-top: 50px;
      height: 0; } }
.cms-index-noroute .box-collateral .category-products .products-grid .item, .customer-account-logoutsuccess .box-collateral .category-products .products-grid .item, .empty-cart-page .box-collateral .category-products .products-grid .item, .checkouttester-index-success .box-collateral .category-products .products-grid .item, .checkout-onepage-success .box-collateral .category-products .products-grid .item,
.catalogsearch-result-index .box-collateral .category-products .products-grid .item {
  width: 23.6%; }
.cms-index-noroute .box-collateral .category-products .products-grid, .customer-account-logoutsuccess .box-collateral .category-products .products-grid, .empty-cart-page .box-collateral .category-products .products-grid, .checkouttester-index-success .box-collateral .category-products .products-grid, .checkout-onepage-success .box-collateral .category-products .products-grid,
.catalogsearch-result-index .box-collateral .category-products .products-grid {
  padding: 0; }

/* ======= ONE ROCKWELL: WELDEN BLOG STYLES ========================================== */
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Modular Classes & Global Blog
1.0 Blog Header
2.0 Homepage/Archive
3.0 Single Post
4.0 Press Archive
--------------------------------------------------------------*/
/* ======= 0.0 Modular Classes & Global Blog ========================================== */
body {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #999999; }

[data-icon]:before {
  content: attr(data-icon);
  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-alone {
  display: inline-block; }

.overflow {
  overflow: hidden; }

.margin-auto {
  margin-left: auto;
  margin-right: auto;
  display: block; }

.img-100 {
  width: 100%;
  height: auto; }

.float-left {
  float: left; }

.float-right {
  float: right; }

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

.wd-blog #page {
  overflow: visible; }

/* ======= 1.0 Blog Header ========================================== */
.blog-top {
  text-align: center;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 50px 0; }
  @media (max-width: 966px) {
    .blog-top {
      border-top: 0px solid #eeeeee; } }
  .blog-top .blog-top-name a {
    font-size: 15px;
    line-height: 15px;
    color: #999999;
    text-transform: uppercase; }
  .blog-top .blog-top-desc {
    font-family: "Freight Big Pro Book", Georgia, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 30px;
    line-height: 30px;
    color: #333333;
    padding-top: 28px;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
    display: block; }
    @media (max-width: 767px) {
      .blog-top .blog-top-desc {
        font-size: 25px;
        line-height: 25px; } }

/* End .blog-top */
@media (max-width: 767px) {
  .home .blog-top, .archive .blog-top {
    border-bottom: none;
    width: 100%; } }

.blog-top-name a:hover, .blog-top-name a:active, .blog-top-name a:focus {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  color: #666666; }

.single .blog-top {
  border-bottom: none;
  padding-bottom: 0; }

/* ======= 2.0 Homepage/Archive ========================================== */
@media (max-width: 970px) {
  .blog-top, #page #content.wd-blog-content {
    padding-left: 5%;
    padding-right: 5%; } }

@media (max-width: 640px) {
  .post-type-archive-press #page #content.wd-blog-content, .post-type-archive-press .blog-top, .mobile .masonrypage #page #content.wd-blog-content, .mobile .masonrypage .blog-top {
    padding-left: 0;
    padding-right: 0; } }

.hp-connect {
  padding: 14px 0; }
  @media (max-width: 767px) {
    .hp-connect {
      display: none; } }
  .hp-connect .hp-link-social > span:before {
    color: #aaa; }

.hp-text-social, .wd-archive-title {
  line-height: 12px;
  color: #888888;
  text-transform: uppercase; }

.hp-text-social {
  margin-right: 7px; }

.wd-archive-title {
  padding: 26px 0; }

.hp-link-social {
  margin: 0 7px; }
  .hp-link-social [data-icon]:before {
    font-size: 12px;
    line-height: 12px;
    color: #888888;
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */ }

/* END .hp-link-social */
.hp-link-social:hover [data-icon]:before, .hp-link-social:active [data-icon]:before, .hp-link-social:focus [data-icon]:before {
  color: #666666;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }

.wd-blog-content .hp-link-social:hover, .wd-blog-content .hp-link-social:active, .wd-blog-content .hp-link-social:focus {
  text-decoration: none; }

@media (max-width: 767px) {
  .hp-filter {
    float: none;
    clear: both;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee; } }

@media (max-width: 767px) {
  .hp-filter {
    display: none; } }

.hp-connect-filter .category-nav-filter {
  border-top: 0px solid transparent; }
.hp-connect-filter .hp-cat-filter {
  border: none;
  width: 200px;
  color: #888888;
  background: none; }
  @media (max-width: 767px) {
    .hp-connect-filter .hp-cat-filter {
      margin-top: 0; } }

.custom-dropdown-hp-cat-filter {
  margin-top: 14px; }

/* END .hp-connect-filter */
.hp-post {
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 14px;
  /*@include respond-to(max-width, $resBeforeTablet){ width: 86%; }*/ }
  @media (max-width: 640px) {
    .hp-post {
      border-bottom: 0px solid transparent; } }

.hp-post-img {
  max-height: 405px;
  max-width: 314px;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  display: block; }

.hp-post-cat, .hp-post-title, .wd-post-cat {
  text-transform: capitalize;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  /*letter-spacing: 1px; font-size: 12px; line-height: 12px;*/ }
  @media (max-width: 640px) {
    .hp-post-cat, .hp-post-title, .wd-post-cat {
      font-size: 15px;
      line-height: 20px; } }

.hp-post-cat, .hp-post-title a {
  display: block; }

.hp-post-cat {
  padding: 22px 0 8px; }

.hp-post-title a {
  color: #999999;
  padding-bottom: 22px; }

/* ======= 3.0 Single Post ========================================== */
.single footer {
  margin-top: 0; }

.single .wd-back-link {
  position: absolute;
  top: 90px; }
  @media (max-width: 640px) {
    .single .wd-back-link {
      top: 30px; } }
.single #main {
  position: relative; }
.single .blog-top {
  padding: 20px 0; }
  @media (max-width: 640px) {
    .single .blog-top {
      padding: 0px; } }

.wd-entry {
  max-width: 632px; }

.wd-entry-title {
  font-family: "Freight Big Pro Book", Georgia, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 30px;
  color: #333333;
  text-align: center;
  padding: 24px 0 22px; }

.wd-post-cat {
  text-align: center;
  display: block;
  padding-bottom: 30px;
  color: #333; }

.wd-post-cat:hover, .wd-post-cat:active, .wd-post:focus {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  color: #666666; }

.wd-entry-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 10px; }

.wd-entry-content, .wd-entry-content p {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 18px;
  color: #888888;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    .wd-entry-content, .wd-entry-content p {
      font-size: 15px;
      line-height: 20px; } }

.wd-entry-content p {
  padding-top: 30px; }

.wd-entry-content a:hover, .wd-entry-content:active, .wd-entry-content:focus {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  color: #666666; }

.wd-attachment {
  padding-top: 30px; }

.wd-entry-footer {
  padding-top: 20px;
  height: auto; }

.btn-share-post, .btn-share-post-mobile {
  text-align: center;
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #999999;
  letter-spacing: 0;
  text-transform: uppercase;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  color: #949494;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  display: block; }
  @media (max-width: 640px) {
    .btn-share-post, .btn-share-post-mobile {
      font-size: 15px;
      line-height: 20px; } }

.btn-share-post:hover, .btn-share-post:active, .btn-share-post:focus {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  color: #666666; }

.wd-share-tooltip {
  display: none;
  margin-top: 10px;
  text-align: center; }
  .wd-share-tooltip .share-social {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */
    margin: 0 5px;
    color: #999999; }

.wd-blog-content .share-social:hover, .wd-blog-content .share-social:active, .wd-blog-content .share-social:focus {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  text-decoration: none;
  color: #666666; }

.wd-back-link {
  color: #999999;
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase; }
  .wd-back-link [data-icon]:before {
    padding-right: 8px; }

.wd-back-link:hover, .wd-back-link:active, .wd-back-link:focus {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  color: #666666; }

/* ======= 4.0 Press Archive ========================================== */
.post-type-archive .blog-top {
  margin-bottom: -70px; }

.post-type-archive #content > .wrapper {
  border: none; }

.press-archive {
  padding: 74px 0 64px;
  max-width: 1000px; }
  @media (max-width: 767px) {
    .press-archive {
      padding-top: 0; } }

.wd-press-post {
  position: relative;
  width: 25%;
  height: 98px;
  margin-bottom: 20px;
  text-align: center;
  border-left: 1px solid transparent;
  border-right: 1px solid #cccccc; }
  @media (max-width: 767px) {
    .wd-press-post {
      width: 50%;
      border-left-color: #cccccc; } }

.wd-press-post:nth-of-type(4n) {
  border-right-color: transparent; }
  @media (max-width: 767px) {
    .wd-press-post:nth-of-type(4n) {
      border-right-color: #cccccc; } }

@media (max-width: 767px) {
  .wd-press-post:nth-of-type(2n) {
    border-left-color: transparent; } }

.press-divider {
  width: 100%;
  height: 1px;
  background-color: #cccccc;
  clear: both;
  margin-bottom: 20px; }

.wd-press-permalink {
  display: block;
  height: 100%;
  opacity: .8;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }

.wd-press-permalink:hover, .wd-press-permalink:active, .wd-press-permalink:focus {
  opacity: 1;
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */ }

.wd-press-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  /*max-width: 140px;*/ }

.wd-press-date {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  color: #949494; }

.press-full-image, .press-img-full, .press-image {
  display: none; }

.press-image-clone {
  display: table;
  margin: 30px auto 0;
  position: relative;
  height: 100%;
  text-align: center; }

.press-image-clone img {
  max-width: none;
  max-height: none;
  height: 100%;
  display: inline; }

@media (max-width: 640px) {
  .press-image-clone {
    /* padding: 0 3%;*/
    display: table;
    margin: 30px auto 0;
    position: relative;
    max-height: 100%;
    height: auto;
    max-width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }

  .press-image-clone img {
    max-width: none;
    max-height: none;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    width: 100%;
    display: inline; } }
@media (max-width: 640px) {
  .mobile .press-image-clone {
    height: 100%;
    top: 55%; } }
.press-full-wrapper {
  margin-bottom: 70px;
  position: relative; }

.btn-close-press-image {
  background: none;
  border: none;
  position: absolute;
  top: 30px;
  right: 30px; }
  .btn-close-press-image [data-icon]:before {
    transition: all 0.45s;
    -moz-transition: all 0.45s;
    /*  Firefox */
    -webkit-transition: all 0.45s;
    /*  Safari and Chrome */
    -ms-transition: all 0.45s;
    /*  ie */
    -o-transition: all 0.45s;
    /*  Opera */
    color: #cccccc;
    font-size: 15px;
    line-height: 15px; }

.btn-close-press-image:hover [data-icon]:before,
.btn-close-press-image:active [data-icon]:before,
.btn-close-press-image:focus [data-icon]:before {
  transition: all 0.45s;
  -moz-transition: all 0.45s;
  /*  Firefox */
  -webkit-transition: all 0.45s;
  /*  Safari and Chrome */
  -ms-transition: all 0.45s;
  /*  ie */
  -o-transition: all 0.45s;
  /*  Opera */
  color: #666666; }

.zoom-overlay-hint {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #333333;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer; }

.zoom-overlay-text {
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #fff;
  padding: 11px 26px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 155px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.wd-blog .press-full-wrapper {
  height: 50px;
  padding-bottom: 0px;
  margin: 0 auto 60px;
  max-width: 875px;
  /*max-height: 500px;*/ }

.btn-close-press-image {
  display: none; }

#product-zoom {
  background: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 999;
  display: none; }

#product-zoom img {
  display: inline !important;
  position: absolute;
  border: 3px solid #E9E9E9; }

#product-zoom .close {
  background: url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/press/zoom-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  position: absolute;
  right: 16px;
  top: 14px;
  display: block;
  cursor: pointer;
  width: 38px;
  height: 38px;
  z-index: 9999; }

#product-zoom .next {
  /*background:url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/press/zoom-right.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
  position: absolute;
  right: 16px;
  top: 50%;
  display: block;
  cursor: pointer;
  width: 50px;
  height: 50px;
  z-index: 9999; }

#product-zoom .next:after {
  font-family: "Welden Icon Font";
  font-weight: normal;
  font-style: normal;
  content: "\e645";
  font-size: 50px; }

#product-zoom .prev {
  /*background:url("http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/press/zoom-left.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
  position: absolute;
  left: 16px;
  top: 50%;
  display: block;
  cursor: pointer;
  width: 50px;
  height: 50px;
  z-index: 9999; }

#product-zoom .prev:after {
  font-family: "Welden Icon Font";
  font-weight: normal;
  font-style: normal;
  content: "\e642";
  font-size: 50px; }

.category-view .filter-bars .filter-block {
  margin-left: 11px;
  margin-right: 4px; }

.category-view .filter-bars .filter-block.shop-by-price {
  margin-right: 3px; }

.zoom-overlay-hint {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(9, 9, 9, 0.7);
  width: 100%;
  height: 100%;
  cursor: pointer;
  /*font-family: "Futura Bold";*/
  font-size: 11px;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 2px; }

.press-img-hero-contianer {
  position: relative;
  display: table;
  margin: 0 auto; }

.ui-icon-triangle-1-s {
  background-position: -66px -14px; }

.press-img-hero-contianer-full {
  display: none; }

.cms-page-view.cms-lookbook .std {
  max-width: 936px;
  text-align: center; }

body.single-post #content > .wrapper {
  border-top: 0px solid #eee; }

.blog-pager-container {
  text-align: center; }
  .blog-pager-container .page-numbers {
    font-family: "Freight Big Pro Book", Georgia, sans-serif;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 40px;
    line-height: 36px;
    color: #333333;
    letter-spacing: 1px;
    line-height: 32px; }
    @media (max-width: 640px) {
      .blog-pager-container .page-numbers {
        font-size: 40px; } }
  .blog-pager-container .blog-pager {
    display: inline-block;
    padding: 10px 0 14px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    margin: 50px auto 40px; }
  .blog-pager-container .page-numbers:before {
    content: "0"; }
  .blog-pager-container .page-numbers:after {
    content: "-"; }
  .blog-pager-container .page-numbers.lastPage:after {
    content: ""; }
  .blog-pager-container .indicator {
    color: #999;
    font-size: 28px;
    line-height: 28px;
    vertical-align: bottom;
    position: relative;
    top: 4px; }
    .blog-pager-container .indicator > a {
      color: #999; }

.blog-pager-container {
  width: 100%; }

.wd-blog .toolbar-bottom .pages-bar .page-number {
  line-height: 36px; }

.post .wd-attachment {
  text-align: center;
  margin: auto; }

.single-post #page {
  padding-bottom: 0px; }

.wd-blog header.global {
  height: auto; }
  @media (max-width: 966px) {
    .wd-blog header.global {
      height: 124px; } }
  @media (max-width: 640px) {
    .wd-blog header.global {
      height: 65px; } }

.single-post .wd-entry-header.blog-top {
  border-top: 0px solid #ededed;
  border-bottom: 0px solid #ededed;
  padding: 30px 0; }

.masonry-wrapper {
  margin: auto; }

.hp-post-date {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 14px;
  line-height: 17px;
  color: #333333;
  letter-spacing: 0; }
  @media (max-width: 640px) {
    .hp-post-date {
      font-size: 15px;
      line-height: 20px; } }

.wd-entry-footer {
  text-align: center; }
  @media (max-width: 640px) {
    .wd-entry-footer .btn-share-post-mobile, .wd-entry-footer .wd-share-tooltip {
      display: inline-block !important; } }
  .wd-entry-footer .btn-share-post-mobile {
    display: none; }

article > header {
  height: auto; }

.single-bottom-direction {
  display: inline-block;
  width: 49%;
  text-align: center; }
  .single-bottom-direction a {
    color: #999;
    text-transform: uppercase; }

.single-bottom-prev {
  border-right: 1px solid #eee; }

.single-bottom {
  padding: 10px 0 0 0;
  margin: 40px 0 -10px 0;
  border-top: 1px solid #eee; }

.mobile .wd-press-img {
  max-width: 90%; }

.post-type-archive-press .blog-top .blog-top-desc {
  padding-bottom: 25px; }
@media (min-width: 966px) {
  .post-type-archive-press .toStickyContent {
    margin-top: 0; } }

@media (max-width: 640px) {
  .mobile .text-logo {
    margin-right: 10px; } }

.disable-scrolling {
  overflow: hidden; }

div#product-zoom {
  overflow: scroll;
  position: absolute; }

@media (max-width: 640px) {
  .mobile .press-image-clone img {
    height: auto; } }

.error-404.not-found .no-route-content {
  text-align: center; }
  .error-404.not-found .no-route-content h1, .error-404.not-found .no-route-content p {
    margin-bottom: 20px; }
  .error-404.not-found .no-route-content .wp-404 {
    margin: auto;
    width: 200px; }

.error404 .blog-top {
  border-bottom: 0px solid #ededed; }

.one-line-p {
  display: inline-block;
  margin-left: 20px;
  text-transform: uppercase; }

#style-guide section .section-title {
  font-family: "Neuzeit Grot Regular", Arial, serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 15px;
  line-height: 15px;
  color: #999999;
  letter-spacing: 0.05em;
  text-align: center;
  margin: 22px auto;
  width: 100%;
  text-transform: uppercase;
  display: block;
  	/*
  	@include cta-2;
  	color: $speGrey3;
  	display: block;
  	width: 100%;
  	text-transform: uppercase;
  	text-align: center;
  	margin: 0 auto;
  	line-height: 4.16em;
  	border-top: 1px solid $speGrey7;
  	position: relative;
  	cursor: pointer;
  
  	&:after {
  		content: "";
  		display: none; //off
  		position: absolute;
  		width: 30px;
  		height: 30px;
  		background: white;
  		top: -15px;
  		right: 65px;
  		background: url(../../skin/frontend/onerockwell/welden/images/icons/sprite_desktop.png) no-repeat scroll center -1698px white;
  		@include respond-to(max-width, $resMobileWidth) {
  			display: block;
          	background: url(http://cdn.weldenbags.com/skin/frontend/onerockwell/welden/images/icons/sprite_mobile.png) no-repeat scroll center -1793px transparent;
  			background-size: 50px auto;
          }
  	}
  
  	@include respond-to(max-width, $resMobileWidth) {
  		&:after {
  		    margin-top: -15px;
  		    right: 20px;
  		    top: 50%;
  		}
  	}*/ }
  @media (max-width: 640px) {
    #style-guide section .section-title {
      font-size: 14px; } }
#style-guide section .section-content > .row {
  display: block;
  margin: 15px 0; }
  #style-guide section .section-content > .row:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  #style-guide section .section-content > .row > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }
#style-guide section .section-content > .container {
  display: block;
  margin: 15px 0; }
  #style-guide section .section-content > .container:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: relative;
    background: transparent;
    clear: both; }
  #style-guide section .section-content > .container .container-title {
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.17em;
    display: block;
    text-align: center;
    margin: 10px auto; }
#style-guide section.section-5 .section-content > .container {
  display: inline-block;
  vertical-align: top; }
  #style-guide section.section-5 .section-content > .container.container-1 {
    width: 70%;
    margin-right: -3px; }
  #style-guide section.section-5 .section-content > .container.container-2 {
    width: 25%;
    margin-left: 2%; }

/*Style guide*/
.cms-styleguide .demo-content1 {
  max-width: 633px;
  margin: auto; }
.cms-styleguide .align-center {
  text-align: center; }
.cms-styleguide .chosen-single > span img {
  border: 1px solid #dedede;
  margin: 7px 0 7px 5px; }
.cms-styleguide .chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.cms-styleguide .plp-product-list {
  width: 23.8%; }
.cms-styleguide .swatch-container .chosen-single > span > *,
.cms-styleguide .swatch-container .chosen-drop span {
  display: inline-block;
  vertical-align: middle; }
.cms-styleguide .swatch-container .chosen-drop img {
  display: inline-block;
  vertical-align: middle; }
.cms-styleguide .demo-teb-expand {
  max-width: 300px; }