/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@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     base_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.calendar {
  z-index:10001;
}

/* 
 * Itemslider - based on Owl Carousel
 *
 * IMPORTANT: Flexslider was replaced by Owl Carousel.
 * Deprecated styles for Flexslider are not needed any more and can be found inside this file: itemslider-old.css
 */



/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Necessary styles (Core Owl Carousel CSS File v1.24)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/* CSS3 Transitions */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}


/* Additional styles for Owl Carousel
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Preloading images */
.owl-item.loading {
  min-height: 60px;
  background: url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/ajax-loader.gif) no-repeat center center;
}

/* Pagination */
.owl-pagination { text-align: center; z-index: 1; /* z-index to show above other items */ }



/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.itemslider { margin-bottom: 20px; }

/* Items */
.itemslider .item { padding-left:10px; padding-right:10px; }

/* Lazy loading */
.itemslider .owl-item.loading { background-position: center 40px; }
.itemslider .owl-item.loading .product-image { min-height: 70px; }

/* If slider inside menu */
#nav .itemslider .price-box span { display: inline; }
/**
 * Generic interface elements
 */



/* Owl Carousel %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Generic arrows 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows1 .owl-controls .owl-buttons { position:absolute; }
.slider-arrows1 .owl-controls .owl-buttons div {
	float:left;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#e5e5e5;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.slider-arrows1 .owl-controls.clickable .owl-buttons div:hover { background-color:#333; }
.slider-arrows1 .owl-controls			.owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.slider-arrows1 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#e5e5e5; /* Must be the same as default color */ }

.slider-arrows1 .owl-controls 			.owl-buttons .owl-prev					{ background-position:-10px -10px; margin-right:1px; }
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev:hover			{ background-position:-10px -60px; }
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover	{ background-position:-10px -10px; /* Same as default */ }

.slider-arrows1 .owl-controls 			.owl-buttons .owl-next					{ background-position:-60px -10px; }
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next:hover			{ background-position:-60px -60px; }
.slider-arrows1 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover	{ background-position:-60px -10px; /* Same as default */ }

/* Position */
.slider-arrows1-pos-top-right .owl-controls .owl-buttons { top:-40px; right:0px; }
.slider-arrows1-pos-top-left  .owl-controls .owl-buttons { top:-40px; left:0px; }


/* Generic arrows 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows2 .owl-controls .owl-buttons div {
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#fff;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	
	opacity:0;
	filter:alpha(opacity=0);
}
.slider-arrows2:hover .owl-controls .owl-buttons div { opacity:1; filter:alpha(opacity=100); }

.slider-arrows2 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; }
.slider-arrows2 .owl-controls			.owl-buttons .owl-prev			{ background-position:-2px 0; left:0; top:44%; }
.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-prev:hover	{ background-position:-2px -50px; }
.slider-arrows2 .owl-controls			.owl-buttons .owl-next			{ background-position:-48px 0; right:0; top:44%; }
.slider-arrows2 .owl-controls.clickable .owl-buttons .owl-next:hover	{ background-position:-48px -50px; }


/* Generic arrows 3
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-arrows3 .owl-controls .owl-buttons div {
	position:absolute;
	display:block;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/generic-nav/slider-arrows.png);
	background-repeat:no-repeat;
	background-color:#fff;
	transition:			opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

.slider-arrows3 .owl-controls.clickable .owl-buttons div:hover { background-color:#000; }
.slider-arrows3 .owl-controls			.owl-buttons div.disabled { opacity:0.4; filter:alpha(opacity=40); cursor:default; }
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover { background-color:#fff; /* Must be the same as default color */ }

.slider-arrows3 .owl-controls			.owl-buttons .owl-prev					{ background-position:-10px -10px; top:30%; left:-32px; }
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev:hover			{ background-position:-10px -60px; }
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-prev.disabled:hover	{ background-position:-10px -10px; /* Same as default */ }

.slider-arrows3 .owl-controls			.owl-buttons .owl-next					{ background-position:-60px -10px; top:30%; right:-32px; }
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next:hover			{ background-position:-60px -60px; }
.slider-arrows3 .owl-controls.clickable .owl-buttons .owl-next.disabled:hover	{ background-position:-60px -10px; /* Same as default */ }


/* Generic pagination 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination1 .owl-controls .owl-page {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.slider-pagination1 .owl-controls .owl-page span {
	display: block;
	width: 12px;
	height: 12px;
	margin: 7px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#eee;
	transition:			background-color 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out;
}
.slider-pagination1 .owl-controls.clickable .owl-page:hover span { background-color:#000; }
.slider-pagination1 .owl-controls .owl-page.active span { background-color:#ccc; }


/* Generic pagination 2
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slider-pagination2 .owl-controls .owl-page {
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.slider-pagination2 .owl-controls .owl-page span {
	display: block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-color:#fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	width:10px;
	height:10px;
	margin:8px;
	transition:			background-color 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out;
/*	transition:			width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition:	width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-webkit-transition:	width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition:		width 300ms ease-in-out, height 300ms ease-in-out, margin 300ms ease-in-out, background-color 300ms ease-in-out;*/
}
.slider-pagination2 .owl-controls.clickable .owl-page:hover span,
.slider-pagination2 .owl-controls .owl-page.active span {
	width:16px;
	height:16px;
	margin:5px;
}
.slider-pagination2 .owl-controls .owl-page.active {
	cursor:default;
}


/* Pagination position
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.pagination-pos-bottom-centered							{ padding-bottom: 50px; /* Additional space for bottom pagination */ }
.pagination-pos-bottom-centered 		.owl-pagination { padding: 10px 0; text-align: center; position: absolute; width: 100%; }
.pagination-pos-bottom-right 			.owl-pagination { padding: 10px 0; float: right; }
.pagination-pos-bottom-left 			.owl-pagination { padding: 10px 0; float: left; }

/* Over the slider */
.pagination-pos-over-bottom-centered	.owl-pagination { text-align: center; margin-top: -35px; position: absolute; width: 100%; }
.pagination-pos-over-bottom-right		.owl-pagination { /*position:absolute;*/ bottom:3.5%; right:1.5%; }
.pagination-pos-over-bottom-left		.owl-pagination { position:absolute; bottom:3.5%; left:1.5%; }

/**
 * Brands
 */



/* Base
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-name {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 18px;
	text-align: center;
}
.brand-name-wrapper {
	display: table;
	min-height: 36px; /* Two lines of text */
	margin: 0 auto;
}
.brand-name-wrapper .brand-name {
	display: table-cell;
	vertical-align: middle;
}


/* On product page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.box-brand a {
	margin:0 auto;
	display:block;
}
.box-brand img {
	margin:0 auto;
	display:block;
}
.box-brand .brand-name {}
.box-brand .brand-name .label {}

/* Brand in secondary column on product page */
.product-secondary-column .box-brand .attribute {
	font-size:1.25em; /*15px*/
	line-height:1.2em; /*18px*/
	font-weight:bold;
	text-align:center;
	margin:10px 0;
}


/* Brand slider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.brand-slider .item {
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.brand-slider .item a { display: block; }
.brand-slider .owl-item.loading { min-height:60px; }

/**
 * Ultra Slideshow
 */



/* Slideshow wrapper
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow-wrapper {}
.the-slideshow-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }


/* Slideshow
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow { margin:0 auto; }
.the-slideshow .slides { display: none; }


/* Banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow-banners {
	-webkit-backface-visibility: hidden; /* Fix possible glitches during animation */
	margin-bottom:0.1%; /* Important: a little bit bigger than slideshow bottom margin to avoid jumping on slide transition */
}
.the-slideshow-banners .banner { position:relative; /* Container for caption */ }
.the-slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */
.the-slideshow-banners .banner a { display:block; }

/* Additional effects
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow 			.fade-on-slideshow-hover,
.the-slideshow-wrapper	.fade-on-slideshow-wrapper-hover {
	transition:			opacity 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out;
}
.the-slideshow:hover 			.fade-on-slideshow-hover,
.the-slideshow-wrapper:hover 	.fade-on-slideshow-wrapper-hover {
	opacity:0.75;
	filter:alpha(opacity=75);
}

/*
 * Accordions and collapsible blocks
 */



/* Accordion  %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.accordion {
	padding:0;
	margin:0;
	list-style-type:none;
}
.accordion ul {
	display:block; /*display:none;*/
	float:left;
	width:100%;
	padding:0;
	margin:0;
}
.accordion li {
	float:left;
	display:block;
	width:100% !important;
	padding:0 !important;
	margin:0;
	list-style-type:none;
	cursor:pointer;
	position:relative;
}

.accordion li a {
	display:block;
	padding:15px 10px;
	font-size: 1.1666em; /*14px*/
	line-height: 1.2857em; /*18px*/
}
.accordion li li a { padding-left:20px; }
.accordion li li li a { padding-left:40px; }
.accordion li li li li a { padding-left:60px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion li.parent > a { padding-right:54px; }

/* Opener
-------------------------------------------------------------- */
.accordion .opener {
	position:absolute;
	right:0;
	top:0;
	display:block;
	cursor:pointer;
	text-align:center;
	
	width:49px;
	height:49px;
	line-height:49px;
	background: url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat;
}
.accordion .opener:hover {
	background-color:rgba(0,0,0, 0.05);
}

/* Active */
.accordion li.item-active > .opener {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png);
}


/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Padding
-------------------------------------------------------------- */
.accordion-style1 li a { padding:5px 10px; }
.accordion-style1 li li a { padding-left:20px; }
.accordion-style1 li li li a { padding-left:35px; }
.accordion-style1 li li li li a { padding-left:50px; }

/* Space for openner if item has children.
   Space has to be a few pixels wider than openner */
.accordion-style1 li.parent > a { padding-right:33px; }

/* Misc
-------------------------------------------------------------- */
.accordion-style1 li a {
	border-bottom-color:#eee;
	border-bottom:1px solid rgba(0,0,0,0.06);
	font-size:1em; /*12px*/
	line-height:1.5em; /*18px*/
}
.accordion-style1 li a:hover {
	background-color:rgba(0,0,0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
	width:28px;
	height:28px;
	line-height:28px;
	/*background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small.png);*/
	background-color:rgba(0,0,0, 0.03);
}
.accordion-style1 .opener:hover {
	background-color:rgba(0,0,0, 0.10);
	background-image: url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png);
}

/* Active */
/*.accordion-style1 li.item-active > .opener {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-small-active.png);
}*/
.accordion-style1 li.item-active > .opener:hover {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png);
}



/* Collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.collapsible { position:relative; }
.collapsible .block-title {
	padding-top:8px;
	padding-right:35px; /* Space for opener */
	padding-bottom:8px;
	border-bottom:1px solid #f2f2f2;
	border-color:rgba(0,0,0, 0.05);
	margin-bottom:0.625em; /*10px*/
	
	font-size:1.3333em; /*16px*/
	line-height:1.25em; /*20px*/
	font-weight:normal;
}

.collapsible .block-content,
.collapsible .block-content > * {
	margin-top:0; /* Prevent animation jumping */
}

/* Opener
-------------------------------------------------------------- */
.collapsible .opener {
	position:absolute;
	right:0;
	top:2px;
	display:block;
	cursor:pointer;
	text-align:center;
	
	width:30px;
	height:30px;
	line-height:30px;
	
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#f2f2f2; /*IE*/
	background-color:rgba(0,0,0, 0.05);
}
.collapsible .opener:hover {
	background-color:#e5e5e5; /*IE*/
	background-color:rgba(0,0,0, 0.1);
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-w.png);
}
.collapsible.active .opener {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png);
}
.collapsible.active .opener:hover {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active-w.png);
}

/* Mobile collapsible
-------------------------------------------------------------- */
.mobile-collapsible { position: static; }

/**
 * Mobile menu accordion
 */



.acco { list-style-type:none; }
.acco li.nav-item {
	list-style-type:none;
	display:block;
	float:left;
	width:100% !important; /* Use "!important" to override grid units styling */
	padding:0 !important;
	margin:0 !important;
	position:relative; /* For opener positioning */
}
.acco ul.nav-panel {
	display:block;
	float:left;
	width:100%;
	padding:0;
	margin:0;
}


/* Items
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Space for openner if item has children. Space has to be a few pixels wider than openner */
.acco li.parent > a { padding-right:54px; }

/* All levels
-------------------------------------------------------------- */
.acco .nav-item > a {
	display: block;
	padding: 15px 10px;

	/* Set default line height in pixels because font size will be changed via admin (and that would also change the line height) */
	font-size: 16px; /*1.3333em*/
	line-height: 19px; /*1.125em*/
}

/* Level 1
-------------------------------------------------------------- */
.acco li.level0 > a {
	font-size: 18px;
	text-transform: uppercase;
}

/* Level 2
-------------------------------------------------------------- */
.acco li.level1 > a {
	padding-left: 30px;
	font-size: 16px;
	text-transform: uppercase;
}

/* Level 3
-------------------------------------------------------------- */
.acco li.level2 > a {
	padding-left: 50px;
	font-size: 16px;
	text-transform: none;
}

/* Level 4
-------------------------------------------------------------- */
.acco li.level3 > a
{
	padding-left: 70px;
	font-size: 14px;
	text-transform: none;
}

/* Level 5+
-------------------------------------------------------------- */
.acco li.level3 .nav-item > a /* Level 5+ */
{
	padding-left: 90px;
	font-size: 12px;
	text-transform: none;
}



/* Opener
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.acco .opener {
	position:absolute;
	right:0;
	top:0;
	display:block;
	cursor:pointer;
	text-align:center;
	
	width:49px;
	height:49px;
	line-height:49px;
	background: url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener.png) center center no-repeat;
}
.acco .opener:hover {
	background-color:rgba(0,0,0, 0.05);
}

/* Active */
.acco li.item-active > .opener {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/accordion/opener-active.png);
}
/**
 * Main menu dropdown boxes
 */



/* Common %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-item { text-align: left; }
.nav-regular .nav-item > a { display: block; text-decoration: none; }

/* Level 1 only
-------------------------------------------------------------- */
.nav-regular li.level0 { float: left; }
.nav-regular li.level0 > a { padding: 0 12px; }
.nav-regular li.level0 > a > span { display: inline-block; white-space: nowrap; }

/* Top-level item on hover: pull up the link above the dropdown */
.nav-regular li.level0:hover > a {
	z-index: 2001; /* One level above the dropdown */
	position: relative;
}

/* Caret */
.nav-regular li.level0 > a .caret { opacity: 0.3; }
.nav-regular li.level0.active > a .caret { opacity: 1; }
.nav-regular li.level0:hover > a .caret { opacity: 1; }


/* Dropdowns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* All levels
-------------------------------------------------------------- */
.nav-regular .nav-panel--dropdown {
	display:none;
	position:absolute;
	top:0;
	z-index:2000; /* Pull above top-level menu items */
	background-color:#fff; /* To avoid transparent menu */

	/* Uncomment below line to fix possible glitches during animation in webkit browsers */
	/*-webkit-transform: translateZ(0);*/
}

/* Inner wrapper of the dropdown (for additional padding etc.)
-------------------------------------------------------------- */
#nav .nav-panel-inner { padding: 23px; } /* Required value in pixels to keep padding consistent in different dropdowns */
#nav .nav-panel-inner:before,
#nav .nav-panel-inner:after { display: table; line-height: 0; content: ""; }
#nav .nav-panel-inner:after { clear: both; }


/* Full width dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.nav-regular .nav-panel.full-width { width:100%; }
.nav-regular .nav-panel.tmp-full-width { width:100% !important; } /* Temporary class required by js */



/* Mega dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .mega > .nav-panel--dropdown { margin:0; }

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.mega { position: relative; } /* Container of the dropdown has to be relative (only on levels 2+) */
.nav-regular .nav-panel li.mega > .nav-panel--dropdown {}
.nav-regular .nav-panel li.mega:hover > .nav-panel--dropdown {
	display: block;
	left: 60px;
	top: 0;
}


/* Inside mega dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align submenu's content (grid) with the submenu */
.nav-regular .nav-submenu--mega { margin-left: -1%; margin-right: -1%; }

/* Inside mega dropdown, level 1: item
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li {
	display: inline-block;
	float: none;
	vertical-align: top;
	padding-top: 0;
	padding-bottom: 5px;
}
.nav-regular .nav-submenu--mega > li > a {
	font-size: 16px;
	line-height: 1.25em; /*20px*/
}

/* If item is a parent of subcategories, add bottom margin, but romove it if item is a parent of a dropdown */
.nav-regular .nav-submenu--mega > li.parent > a { margin-bottom: 10px; }
.nav-regular .nav-submenu--mega > li.nav-item--parent  > a { margin-bottom: 0; }

/* Inside mega dropdown, level 1: submenu
-------------------------------------------------------------- */
/* Each submenu has to be static unless it's a dropdown itself (e.g. if type "classic" was applied to the item).
   Also, add bottom margin to panel, but romove it if it's a dropdown. */
.nav-regular .nav-submenu--mega > li > .nav-panel { position: static; margin-bottom: 10px; }
.nav-regular .nav-submenu--mega > li > .nav-panel--dropdown { position: absolute; margin-bottom: 0; }

/* Inside mega dropdown, level 1: category blocks
-------------------------------------------------------------- */
.nav-regular .nav-submenu--mega > li > .nav-block--top { margin-top: 0; margin-bottom: 10px; }
.nav-regular .nav-submenu--mega > li > .nav-block--bottom { margin-top: 10px; margin-bottom: 0; }

/* Inside mega dropdown, level 2: item
-------------------------------------------------------------- */
/* List bullets */
.nav-regular .nav-submenu--mega > li > ul > li {
	background: url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet.png) 3px 6px no-repeat;
	padding-left: 15px;
	transition:			background-position 150ms ease-out;
	-moz-transition:	background-position 150ms ease-out;
	-webkit-transition:	background-position 150ms ease-out;
	-o-transition:		background-position 150ms ease-out;
}
.nav-regular .nav-submenu--mega > li > ul > li:hover { background-position:6px 6px; }

/* Important: if item is inside a dropdown (e.g. if type "classic" was applied to the parent item), remove bullets */
.nav-regular .nav-submenu--mega > li > ul.nav-panel--dropdown > li {
	background: none;
	padding-left: 0;
}

/* Other */
.nav-regular .nav-submenu--mega > li > ul > li > a { line-height: 1.6666em; /*20px*/ }



/* Classic dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown > li > a { line-height: 1.6666em; /*20px*/ }
.nav-regular .classic > .nav-panel--dropdown > li > a .caret { float: right; margin-top: 6px; }


/* Dropdown
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels
-------------------------------------------------------------- */
.nav-regular .classic > .nav-panel--dropdown {
	margin:0;
	padding:20px; /*TODO:*/
	width:16em;
	min-width:12em;
}

/* Level 2+
-------------------------------------------------------------- */
.nav-regular .nav-panel li.classic { position: relative; } /* Container of the dropdown has to be relative */
.nav-regular .nav-panel li.classic > .nav-panel--dropdown {}
.nav-regular .nav-panel li.classic:hover > .nav-panel--dropdown {
	display:block;
	left:60px;
	top:0;
}

/* If classic dropdown is on the 1 level of mega dropdown, change positioning */
.nav-regular .nav-submenu--mega > li.classic:hover > .nav-panel--dropdown {
	left:60px;
	top:20px;
}


/* Simple submenu - no dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* If submenu has to be displayed not as a dropdown, but as a simple list (with slight left indent) */
/* List bullets */
.nav-regular .simple > ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
.nav-regular .simple > ul > li {
	background:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/ultra-megamenu/bullet-mini.png) 3px 5px no-repeat;
	padding-left:15px;
	transition:			background-position 150ms ease-out;
	-moz-transition:	background-position 150ms ease-out;
	-webkit-transition:	background-position 150ms ease-out;
	-o-transition:		background-position 150ms ease-out;
}
.nav-regular .simple > ul > li:hover { background-position:6px 5px; }
.nav-regular .simple > ul > li > a {
	opacity: 0.6;
	transition:			opacity 150ms ease-out;
	-moz-transition:	opacity 150ms ease-out;
	-webkit-transition:	opacity 150ms ease-out;
	-o-transition:		opacity 150ms ease-out;
}
.nav-regular .simple:hover > ul > li > a { opacity: 1; }



/* Itemgrid for menu dropdown %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dd-itemgrid > .nav-item {
	float:left;
	padding-left:1%;
	padding-right:1%;
}

/* Itemgrid: different numbers of columns
-------------------------------------------------------------- */
/* Clear first item in each row (row: group of n items) */

/* Item grid: 1 column */
.dd-itemgrid-1col > .nav-item { width:98%; }

/* Item grid: 2 columns */
.dd-itemgrid-2col > .nav-item { width:48%; }
.dd-itemgrid-2col > .nav-item:nth-child(2n+1) { clear:left; }

/* Item grid: 3 columns */
.dd-itemgrid-3col > .nav-item { width:31.3333%; }
.dd-itemgrid-3col > .nav-item:nth-child(3n+1) { clear:left; }

/* Item grid: 4 columns */
.dd-itemgrid-4col > .nav-item { width:23%; }
.dd-itemgrid-4col > .nav-item:nth-child(4n+1) { clear:left; }

/* Item grid: 5 columns */
.dd-itemgrid-5col > .nav-item { width:18%; }
.dd-itemgrid-5col > .nav-item:nth-child(5n+1) { clear:left; }

/* Item grid: 6 columns */
.dd-itemgrid-6col > .nav-item { width:14.6666%; }
.dd-itemgrid-6col > .nav-item:nth-child(6n+1) { clear:left; }

/* Item grid: 7 columns */
.dd-itemgrid-7col > .nav-item { width:12.2857%; }
.dd-itemgrid-7col > .nav-item:nth-child(7n+1) { clear:left; }

/* Item grid: 8 columns */
.dd-itemgrid-8col > .nav-item { width:10.5%; }
.dd-itemgrid-8col > .nav-item:nth-child(8n+1) { clear:left; }



/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Fade
-------------------------------------------------------------- */
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent > .nav-panel--dropdown {
	display: block; /* Important: has to be visible before hover */
	left: -10000px;
	opacity: 0;
	-moz-transition:	opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms;
	-webkit-transition:	opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms;
	-o-transition:		opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms;
	transition:			opacity 300ms ease-in-out 150ms, left 0s ease-in-out 450ms, top 0s ease-in-out 450ms;
}
.nav-regular.opt-fx-fade-inout .nav-panel .nav-item--parent:hover > .nav-panel--dropdown {
	opacity: 1;
	transition-delay:			150ms;
	-moz-transition-delay:		150ms;
	-webkit-transition-delay:	150ms;
	-o-transition-delay:		150ms;
}

/**
 * Simple vertical menu (sidebar menu)
 */



.vertnav { float: left; width: 100%; }

/* Number of products in category */
.vertnav .number { color: #aaa; margin-left: 3px; }


/* Category labels inside vertical menu
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* All levels */
.vertnav li > a > span > .cat-label {
	position: static;
	display: inline-block !important;
	padding: 0 4px;
	margin-left: 3px;

	/* Label size */
	font-size: inherit;
	line-height: inherit;
}

/* Hide pin */
.vertnav li > a > span > .pin-bottom:before { display: none; }

@media only screen and (max-width: 319px) {
	.nav-mobile .nav-block { display: none !important; }
	.nav-mobile .nav-item > div.nav-panel--dropdown { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; background-color: transparent !important; }
	.nav-mobile .nav-item > div > div { padding: 0 !important; }
	.nav-mobile .nav-item > div > div > .nav-block--center { margin: 0 !important; width: 100% !important; }
	.nav-mobile .nav-item.nav-item--only-blocks { display: none; }
}
.featured-category-list{}
.featured-category-list ul{float:left; width:100%; margin:0 0 15px;}
.featured-category-list ul li{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    box-shadow: 0 0 0 #F0F0F0 inset, 0 0 5px #E8E6E6;
    float: left;
    margin-right: 15px;
    padding: 12px;
    text-align: left;
}
.featured-category-list .featuredcategory-image{border:1px solid #efefef;}
.featured-category-list .featuredcategory-name h5{text-align:left; float:left; margin:6px 0 0;}
.featured-category-list .featuredcategory-name h5 a{text-decoration:none; color:#333333; font-size:12px; font-weight:bold; text-transform:uppercase;}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchindex-results {
  *zoom: 1;
  margin-bottom: 10px;
  border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results:after {
  clear: both;
}
.searchindex-results li {
  margin-bottom: -1px;
  float: left;
  *zoom: 1;
  margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results li:after {
  clear: both;
}
.searchindex-results li a {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: block;
  cursor: pointer;
  padding: 2px 5px 1px 5px;
  line-height: 20px;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
}
.searchindex-results li a:hover {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-results li a span {
  font-weight: normal;
  font-size: 0.9em;
}
.searchindex-results li.active a {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  cursor: default;
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-result li {
  padding: 5px;
}
.searchindex-result li .title a {
  font-weight: bold;
  color: #203548;
  font-size: 13px;
}
.searchindex-result.searchindex-result-category {
  margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
  padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
  font-weight: bold;
  color: #203548;
}
.searchindex-highlight {
  background-color: #ff0;
}

/**
 * Infortis themes styles
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic layout
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-container {}
.section { padding:10px 0; }
.section-space { padding:10px; }


/* Helper classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Magento default helper classes
-------------------------------------------------------------- */

/* Layout helper classes
-------------------------------------------------------------- */
.margin-top { margin-top:20px; }
.margin-bottom { margin-bottom:20px; }
.padding-top { padding-top:20px; }
.padding-bottom { padding-bottom:20px; }
.float-left { float:left; } /*deprecated*/
.float-right { float:right; } /*deprecated*/



/* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caret {
	display:inline-block;
	width:0;
	height:0;
	margin-bottom:2px;
	vertical-align:middle;
	content:"";
	border-style:solid solid none;
	border-width:4px 4px 0;
	border-color:#333 transparent transparent;
}
.dropdown .caret {
	opacity:0.3;
	filter:alpha(opacity=30);
}
.dropdown:hover .caret {
	opacity:1;
	filter:alpha(opacity=100);
}


/* Product labels (stickers)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Positionning
-------------------------------------------------------------- */
.sticker-wrapper {
	position:absolute;
	transition:			all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-webkit-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
}
.product-view .sticker-wrapper { z-index:99; /* On product page z-index greater than Cloud Zoom image */ }
.product-view .product-img-column { position:relative; } /* Stickers are positioned relative to this container */

.sticker-wrapper.top-right { top:-3px; right:-3px; }
.sticker-wrapper.bottom-right { bottom:-3px; right:-3px; }
.sticker-wrapper.bottom-left { bottom:-3px; left:-3px; }
.sticker-wrapper.top-left { top:-3px; left:-3px; }

/* Appearence
-------------------------------------------------------------- */
.sticker {
	width:60px;
	height:60px;
	border-radius:50%;
	
	font-size:1.1666em;
	line-height:1em;
	font-weight:bold;
	text-align:center;
	display:table-cell !important; /* Add "important" to override inherited styles of parent elements */
	vertical-align:middle !important;

	transition:			all 150ms ease-in-out;
	-moz-transition:	all 150ms ease-in-out;
	-webkit-transition:	all 150ms ease-in-out;
	-o-transition:		all 150ms ease-in-out;
}

/* Colors */
.sticker.new { background-color:#5BD2EC; color:#fff; }
.sticker.sale { background-color:#F12B63; color:#fff; }

/* Effects */
.item:hover .sticker { width:65px; height:65px; }
.item:hover .sticker-wrapper.top-right,
.item:hover .sticker-wrapper.top-left { }
.item:hover .sticker-wrapper.top-right { }
.item:hover .sticker-wrapper.top-left { }

/*Sizes*/
.sticker.size-s { width:45px; height:45px; font-size:1em; }
.item:hover .sticker.size-s { width:50px; height:50px; }
.sticker.size-xs { width:40px; height:40px; font-size:0.9166em; /*11px*/ }
.item:hover .sticker.size-xs { width:45px; height:45px; }



/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
.video-wrapper,
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Page banners
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.banner-wrapper { position: relative; display: block; }
.page-banners .banner a { display:block; }
.page-banners .banner a img { display:block; margin:0 auto; }

/* depracated styles, left for backward compatibility: */
.page-banners .banner { margin-bottom:2%; }


/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.landing-page {}
.horizontal-section,
.vertical-section { display:block; margin-top:0; margin-bottom:10px; position:relative; }
.horizontal-section { margin-top:10px; }
.landing-page .center-block { display:block; margin:0 auto; }


/* Caption
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caption {
	display:block;
	position:absolute;
	bottom:0;
	width:80%;
	margin:6%;
	padding:0;
}

/* Caption position
-------------------------------------------------------------- */
.caption.top {
	top:0;
	bottom:auto;
	width:80%;
}
.caption.top-right {
	top:0;
	bottom:auto;
	right:0;
	width:58%;
}
.caption.bottom-right {
	right:0;
	width:58%;
}

/* Caption elements
-------------------------------------------------------------- */
.caption > * {
	float:left;
	display:inline-block;
	margin-bottom:1px;
}
.caption .heading {
	padding:0.25em;
	margin-bottom:0.2em;
	font-size:2.8em;
	line-height:1em;
	font-weight:normal;
}
.caption p {
	clear:left;
	padding:0.25em 0.5em;
	margin-bottom:1px;
	font-size: 1.3333em;
	line-height:1em;
}
.caption button {
	clear:left;
}

/* Caption layout
-------------------------------------------------------------- */
.caption.centered {
	text-align: center;
}
.caption.centered > * {
	display:inline-block;
	float: none;
}

/* Floating (text alignment) */
.caption.right > * { text-align:right; float:right !important; }

/* Caption additional styles
-------------------------------------------------------------- */
/* Width */
.caption.full-width { width:88%; margin:6%; }
.caption.narrow { width:38%; }

/* Prevent from hiding elements of the caption on narrow screens */
.caption .permanent { display:inline-block !important; }

/* Skin
-------------------------------------------------------------- */
.caption .heading,
.caption p {
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover .caption .heading,
a:hover .caption p {
	transition:			color 200ms ease-in-out, background-color 200ms ease-in-out;
	-moz-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-webkit-transition:	color 200ms ease-in-out, background-color 200ms ease-in-out;
	-o-transition:		color 200ms ease-in-out, background-color 200ms ease-in-out;
}

/* Dark + white text */
.caption.dark1 .heading,
.caption.dark1 p { background-color:rgba(0,0,0, 0.35); color:#fff; }
a:hover .caption.dark1 .heading,
a:hover .caption.dark1 p { background-color:rgba(0,0,0, 0.7); color:#fff; }

/* Dark + white text */
.caption.dark2 .heading,
.caption.dark2 p { background-color:rgba(0,0,0, 0.5); color:#fff; }
a:hover .caption.dark2 .heading,
a:hover .caption.dark2 p { background-color:rgba(0,0,0, 0.8); color:#fff; }

/* Dark + white text */
.caption.dark3 .heading,
.caption.dark3 p { background-color:rgba(0,0,0, 0.65); color:#fff; }
a:hover .caption.dark3 .heading,
a:hover .caption.dark3 p { background-color:rgba(0,0,0, 1); color:#fff; }

/* Light + black text */
.caption.light1 .heading,
.caption.light1 p { background-color:rgba(255,255,255, 0.35); color:#000; }
a:hover .caption.light1 .heading,
a:hover .caption.light1 p { background-color:rgba(255,255,255, 0.7); color:#000; }

/* Light + black text */
.caption.light2 .heading,
.caption.light2 p { background-color:rgba(255,255,255, 0.6); color:#000; }
a:hover .caption.light2 .heading,
a:hover .caption.light2 p { background-color:rgba(255,255,255, 0.85); color:#000; }

/* Light + black text */
.caption.light3 .heading,
.caption.light3 p { background-color:rgba(255,255,255, 0.8); color:#000; }
a:hover .caption.light3 .heading,
a:hover .caption.light3 p { background-color:rgba(255,255,255, 1); color:#000; }


/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Disable transitions, fade effect applied with JS */
.fade-on-hover {
	transition:			none;
	-moz-transition:	none;
	-webkit-transition:	none;
	-o-transition:		none;
}
/**
 * Theme Content Construction Kit
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Vertically centered content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.v-centered-content {
	display:table;
}
.v-centered-content .v-center {
	display:table-cell;
	vertical-align:middle;
}


/* Heading of a content section
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.section-title { clear:both; margin:0; display:block; }
.section-title.padding-right { padding-right:80px !important; }

/* Horizontal line */
.section-line {
	clear:both;
	display:block;
	font-size:0;
	line-height:0;
	height:0;
	margin:0 0 10px;
	padding:10px 0 0;
	background:none;
	border-bottom:1px solid #e5e5e5;
	text-indent:-9999em;
	overflow:hidden;
}


/* Custom sidebars
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.custom-sidebar-right { float:right !important; }
.custom-sidebar-right .inner {
	padding-left:10px;
	border-left:1px solid #e5e5e5;
}

.custom-sidebar-left { float:left !important; }
.custom-sidebar-left .inner {
	padding-right:10px;
	border-right:1px solid #e5e5e5;
}



/* Vertical links %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.links > li,
.links > li > a { line-height:3em; } /* line-height:36px; */ /*2.6666em = 32px;*/
.links > li > a { padding:0 0.5833em; } /* padding:0 7px; */
.links > li.label { padding-right:0.5833em; } /* 7px */

/* Basic links, no separators
-------------------------------------------------------------- */
.links > li { float:left; }
.links > li > a { display:block; }

/* Links with separators (at the right side)
-------------------------------------------------------------- */
.links-wrapper-separators .links > li { margin-left:-1px; }
.links-wrapper-separators .links > li > a {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/img/link-separator.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.links-wrapper-separators .links > li.last > a { background-image:none; }
.links-wrapper-separators .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators .links > li.separator-left > a { background-position:left center; }

/* Links with separators (at the left side)
-------------------------------------------------------------- */
.links-wrapper-separators-left .links > li { margin-left:-1px; }
.links-wrapper-separators-left .links > li > a {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/img/link-separator.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.links-wrapper-separators-left .links > li.first > a { background-image:none; }
.links-wrapper-separators-left .links > li.hide-separator > a { background-image:none; }
.links-wrapper-separators-left .links > li.separator-right > a { background-position:right center; }




/* Misc %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Link with an arrow */
a.go {
	background:url(https://skunk2.com/skin/frontend/ultimo/default/images/infortis/_shared/cck/bullet.png) 97% 50% no-repeat;
	padding-right:17px;
	display:inline !important;
}

/**
 * Drop-down block
 */



/* Dropdown box %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.dropdown { position:relative; }
.dropdown:hover { z-index:4000; }

/* Dropdown heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-heading {
	display:inline-block;
	cursor:default;
}

/* If heading is a link */
.dropdown a.dropdown-heading:hover {
	color: inherit;
}

/* Inside dropdown heading
-------------------------------------------------------------- */
/* Child elements of the heading have to be aligned vertically */
.dropdown .dropdown-heading > * {
	display:inline-block;
	vertical-align: middle;
}

/* If heading has additional inner wrapper (to cover the shadow of the dropdown),
   properties of that element needs to be reset (e.g. element shouldn't be "inline-block") */
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
	display: block;
	vertical-align: baseline;
}
.dropdown .dropdown-heading.cover > span > *,
.dropdown .dropdown-heading.cover > div > * {
	display:inline-block;
	vertical-align: middle;
}

	/* Elements of the dropdown heading */
	.dropdown .dropdown-heading .label {}
	.dropdown .dropdown-heading .value {
		margin-left: 2px;
	}
	.dropdown .dropdown-heading .dropdown-icon { /* e.g. for flags */
		width:18px;
		text-indent:-9999px;
		background-position:0 50%;
		background-repeat:no-repeat;
	}


/* Cover shadow of "dropdown-heading" and "dropdown-content"
   with additional div inside the heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-heading.cover > span,
.dropdown .dropdown-heading.cover > div {
	padding:0 10px;
}
.dropdown.open > .dropdown-heading.cover > span,
.dropdown.open > .dropdown-heading.cover > div {
	background-color:#fff;
	z-index:4001;
	position:relative;
}


/* Dropdown content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.dropdown .dropdown-content {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	z-index:4000;
	padding:20px;
	min-width:130px;
	line-height:1.5em;
	text-align:left;

	list-style:none;
	background-color:#fff;
}
.dropdown .dropdown-content.left-hand {
	left:auto;
	right:0;
}

/* When dropdown content is an unordered list
-------------------------------------------------------------- */
/* Everything is inline-block, except links */
.dropdown .dropdown-content > li * { display:inline-block; }
.dropdown .dropdown-content > li > a { display:block; }

.dropdown .dropdown-content > li { white-space:nowrap; }
.dropdown .dropdown-content > li .label { margin-right:8px; }
.dropdown .dropdown-content .dropdown-icon {
	width:18px;
	text-indent:-9999px;
	background-position:0 50%;
	background-repeat:no-repeat;
}

/**
 * Itemgrid
 */



.itemgrid .item {
	float:left;
	padding-left:1%;
	padding-right:1%;
}


/* Itemgrid: different numbers of columns
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Clear every first item in each row (row: group of n items) */

/* Item grid: 1 column */
.itemgrid-1col .item { width:98%; }

/* Item grid: 2 columns */
.itemgrid-2col .item { width:48%; }
.itemgrid-2col .item:nth-child(2n+1) { clear:left; }

/* Item grid: 3 columns */
.itemgrid-3col .item { width:31.3333%; }
.itemgrid-3col .item:nth-child(3n+1) { clear:left; }

/* Item grid: 4 columns */
.itemgrid-4col .item { width:23%; }
.itemgrid-4col .item:nth-child(4n+1) { clear:left; }
.itemgrid-4col .item.dop { width:48%; }

/* Item grid: 5 columns */
.itemgrid-5col .item { width:18%; }
.itemgrid-5col .item:nth-child(5n+1) { clear:left; }

/* Item grid: 6 columns */
.itemgrid-6col .item { width:14.6666%; }
.itemgrid-6col .item:nth-child(6n+1) { clear:left; }

/* Item grid: 7 columns */
.itemgrid-7col .item { width:12.2857%; }
.itemgrid-7col .item:nth-child(7n+1) { clear:left; }

/* Item grid: 8 columns */
.itemgrid-8col .item { width:10.5%; }
.itemgrid-8col .item:nth-child(8n+1) { clear:left; }

/**
 * Generic tabs
 */



/* Basic styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Tabs
-------------------------------------------------------------- */
/* Total height of the tab bar should be the same as in block titles */
.gen-tabs .tabs li { float:left; margin:0; }
.gen-tabs .tabs a {
	display:block;
	padding:0 10px;
	text-decoration:none;
	outline:none;
}

/* Tab panels
-------------------------------------------------------------- */
.gen-tabs .tabs-panels { padding:15px 0; }
.gen-tabs .tabs-panels .panel {}

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
	display:none;
	padding:0 0.5em;
	margin-bottom:1px;
	font-weight:normal;
}
.gen-tabs .acctab:hover { cursor:pointer; }

/* Accordion mode enabled */
.gen-tabs.accor .tabs { display:none; }
.gen-tabs.accor .acctab { display:block; }
.gen-tabs.accor .tabs-panels { padding-top:0; }
.gen-tabs.accor .tabs-panels .panel { display:none; margin:0 0 10px; padding:15px; }


/* Default skin
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs .tabs a {
	color:#333;
	background-color:#eee;
	line-height:3em;
}
.gen-tabs .tabs a:hover,
.gen-tabs .tabs a:focus   { background-color:#e5e5e5; }
.gen-tabs .tabs a.current { background-color:#ddd; }

/* Accordion
-------------------------------------------------------------- */
.gen-tabs .acctab {
	font-size:1.5em;
	line-height:2.7777em;
	background-color:#f5f5f5;
	color:#333;
}
.gen-tabs .acctab:hover,
.gen-tabs .acctab:focus,
.gen-tabs .acctab.current { background-color:#e5e5e5; }
.gen-tabs.accor .tabs-panels .panel { border-bottom:1px solid #e5e5e5; }


/* Tabs - skin 1: with thin borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style1 .tabs a {
	font-size:1.3333em;
	color:#333;
	background-color:#eee;
	border:1px solid transparent;
	border-bottom:none;
}
.gen-tabs-style1 .tabs a:hover,
.gen-tabs-style1 .tabs a:focus   { background-color:#e5e5e5; border-color:#e5e5e5; }
.gen-tabs-style1 .tabs a.current {
	background-color:#fff;
	border-color:#e5e5e5;
	border-bottom:1px solid transparent;
	margin-bottom:-1px;
	
	/* Make a little bit higher than other tabs */
	padding-top:4px;
	margin-top:-4px;
}
.gen-tabs-style1 .tabs-panels { border-top:1px solid #e5e5e5; }
.gen-tabs-style1.accor .tabs-panels { border-top:none; }


/* Tabs - skin 2: with shadow (obsolete, will be removed in next updates)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.gen-tabs-style2 .tabs a { font-size:1.3333em; }
.gen-tabs-style2 .tabs a.current {
	box-shadow:0 0 10px rgba(0,0,0, 0.15);
	position:relative;
	z-index:1;
	
	/* Make a little bit higher thatn other tabs */
	padding-top:4px;
	margin-top:-4px;
}
.gen-tabs-style2 .tabs-panels {
	background-color:#fff;
	position:relative;
	z-index:2;
}
/**
 * Icons and other styles related to icons.
 * Part of the font icon styles based on Font Awesome - http://fontawesome.io
 */



/* Icon %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.ic {
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* If icon is applied to 'i' tag */
i.ic {
	font-style: normal;
}

/* Floating icons - with generic modifiers
-------------------------------------------------------------- */
.ic.left {
	margin-right: .3em;
}
.ic.right {
	margin-left: .3em;
}

/* Size
-------------------------------------------------------------- */
/* Makes the font 33% larger relative to the icon container */
.ic-lg {
	font-size: 1.33333333em;
	line-height: 0.75em;
	vertical-align: -15%;
}
.ic-2x {
	font-size: 2em;
}
.ic-3x {
	font-size: 3em;
}
.ic-4x {
	font-size: 4em;
}
.ic-5x {
	font-size: 5em;
}
.ic-6x {
	font-size: 6em;
}
.ic-7x {
	font-size: 7em;
}
.ic-8x {
	font-size: 8em;
}
.ic-fw {
	width: 1.28571429em;
	text-align: center;
}

/* Lists
-------------------------------------------------------------- */
.ic-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none;
}
.ic-ul > li {
	position: relative;
}
.ic-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: 0.14285714em;
	text-align: center;
}
.ic-li.ic-lg {
	left: -1.85714286em;
}
.ic-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	border-radius: .1em;
}
.pull-right {
	float: right;
}
.pull-left {
	float: left;
}
.ic.pull-left {
	margin-right: .3em;
}
.ic.pull-right {
	margin-left: .3em;
}

/* Stacking
-------------------------------------------------------------- */
.ic-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle;
}
.ic-stack-1x,
.ic-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
}
.ic-stack-1x {
	line-height: inherit;
}
.ic-stack-2x {
	font-size: 2em;
}
.ic-inverse {
	color: #ffffff;
}

/* Effects
-------------------------------------------------------------- */
.ic-spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	-o-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(359deg);
	}
}
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotate(0deg);
	}
	100% {
		-o-transform: rotate(359deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
.ic-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.ic-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ic-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.ic-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.ic-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}


/* Characters as icon (letters, numbers etc.)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-char {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif !important;
}


/* Images as icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-img {
	font-family: inherit; /* Remove icon font to fix vertical alignment */
}
/* Set max size for images displayed as icons */
.ic-img img,
.icon img /* For backward compatibility */
{
	vertical-align: middle;
}



/* Iconbox - an icon with background color %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.ib,

/* For backward compatibility */
.social-links a > span.icon
{
	vertical-align: middle; /* TODO: check in which cases it's required */
	text-align: center;
	background-color: #e5e5e5;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}


/* Size
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib,
/* For backward compatibility: */
.feature > span.icon,
.social-links a > span.icon
{
	line-height: 36px;	
	width: 36px;
	height: 36px;
}
.ib-size-l,
/* For backward compatibility: */
.feature > span.icon.large
 {
	line-height: 48px;
	width: 48px;
	height: 48px;
}
.ib-size-xl {
	line-height: 60px;
	width: 60px;
	height: 60px;
}
.ib-size-xxl {
	line-height: 72px;
	width: 72px;
	height: 72px;
}
.ib-size-xxxl {
	line-height: 84px;
	width: 84px;
	height: 84px;
}

/* For backward compatibility: align center the content of the iconbox */
.feature > span.icon { text-align: center; }


/* Labels
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Label which immediately follows the iconbox */
.ib + .label {
	line-height: 36px;
	display: inline-block;
}
.ib-size-l + .label {
	line-height: 48px;
}
.ib-size-xl + .label {
	line-height: 60px;
}
.ib-size-xxl + .label {
	line-height: 72px;
}
.ib-size-xxxl + .label {
	line-height: 84px;
}


/* Hover state
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib-hover:hover, /* Apply hover state color only when special class is present */
.feature-icon-hover:hover .ib,

/* For backward compatibility: */
.icon-hover:hover,
.feature-icon-hover:hover > span.icon
{
	background-color: #333;
	color: #fff;
}


/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib,
.icon-hover, /* For backward compatibility */
.feature-icon-hover .ib,
.feature-icon-hover .icon /* For backward compatibility */
{
	/* TODO: position animation deprecated */
	transition: 			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition: 		color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition: 	color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition: 			color 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}


/* Characters as icon - modify styles if inside iconbox
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ib.ic-char,
.ib.i-char /* For backward compatibility */
{
	/*font-size: 16px;*/ /* Important: do not add font size here, it would override standard classes such as "ic-2x" */
	text-align: center;
}


/* Additional utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Background
-------------------------------------------------------------- */
/* Icon without background color */
.ib-no-bg,
.ib.no-bg-color /* For backward compatibility */
{
	background-color: transparent !important;
}

/* Shapes
-------------------------------------------------------------- */
.ib-circle,
.ib.circle /* For backward compatibility */
{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.ib-rounded,
.ib.rounded /* For backward compatibility */
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ib-square,
.ib.square /* For backward compatibility */
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/* All icons square */
.ib-wrapper--square .ib,
.icon-wrapper-square .ib /* For backward compatibility */
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}



/* Feature - box with icons, images, text etc. %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Basic styles */
.feature { margin: 10px 0; }
.feature:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
.feature.first { margin-top: 0; }
.feature.last { margin-bottom: 0; }

/* With top/bottom border line */
.feature.top-border { border-top: 1px solid #f5f5f5; padding-top: 10px; }
.feature.bottom-border { border-bottom: 1px solid #f5f5f5; padding-bottom: 10px; }

/* Wrapper with top/bottom line
-------------------------------------------------------------- */
.feature-wrapper.top-border {
	border-top: 1px solid #f5f5f5;
	margin-top: 20px;
	padding-top: 20px;
}
.feature-wrapper.bottom-border {
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 20px;
	padding-bottom: 20px;
}


/* Feature headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature .heading {
	font-size: 1.3333em; /*16px*/
	line-height: 1.25em; /*20px*/
	margin-bottom: 0.625em; /*10px*/
	font-weight: normal;
}
.feature .above-heading {
	margin: 0 0 5px;
	font-size: 11px;
	line-height: 1.4545em; /*16px*/
	text-transform: uppercase;
	color: #888;
}
.feature .below-heading {
	font-size: 1em;
	font-style: italic;
	line-height: 1.3333em; /*16px*/
	color: #888;
}


/* Feature and icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Floating icons - additional margin
-------------------------------------------------------------- */
.feature .ic.left {
	margin: 0 15px 10px 0;
}
.feature .ic.right {
	margin: 0 0 10px 15px;
}

/* Vertically centered icon
-------------------------------------------------------------- */
.feature.v-centered-content .v-center .ic {
	margin: 0 5px 0 0;
}


/* Indented feature
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* IMPORTANT: inside indented feature, the first level icon automatically floats left */
.feature.indent > .ic,
.feature.indent > .icon /* For backward compatibility */
{
	float: left;
	margin: 0 15px 0 0;
}
/* But override this behavior if an icon is explicitly floated right */
.feature.indent > .ic.right,
.feature.indent > .icon.right /* For backward compatibility */
{
	float: right;
	margin: 0 0 0 15px;
}

/* Size of indentation
-------------------------------------------------------------- */
/* Size of indentation = width of iconbox + right margin of the iconbox */

/* Default */
.feature.indent
{
	padding-left: 51px; /* 36 + 15 */
}
.feature.indent > .ic,
.feature.indent > span.icon /* For backward compatibility */
{
	margin-left: -51px;
}

/* Large */
.feature.indent-size-l,
.feature.indent.large /* For backward compatibility */
{
	padding-left: 63px;
}
.feature.indent-size-l > .ic,
.feature.indent.large > .ic, /* For backward compatibility */
.feature.indent.large > span.icon.large /* For backward compatibility */
{
	margin-left: -63px;
}

/* X Large */
.feature.indent-size-xl
{
	padding-left: 75px;
}
.feature.indent-size-xl > .ic
{
	margin-left: -75px;
}

/* XX Large */
.feature.indent-size-xxl
{
	padding-left: 87px;
}
.feature.indent-size-xxl > .ic
{
	margin-left: -87px;
}

/* XXX Large */
.feature.indent-size-xxxl
{
	padding-left: 99px;
}
.feature.indent-size-xxxl > .ic
{
	margin-left: -99px;
}


/* Feature centered
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.feature.centered { text-align: center; }
.feature.centered .ic {
	margin: 0 0 10px;
}

/* Additional styles
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Auto-size: allow for big icons. IMPORTANT: don't use "span" tag together with "icon" in this selector! */
.feature .ic.auto-size { width: auto; max-width: none; height: auto; max-height: none; }



/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/**
 * Definitions of the font with icons and definitions of the icon glyphs
 */



@font-face {
	font-family: 'ThemeIcons';
	src:url('https://skunk2.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?387osh');
	src:url('https://skunk2.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.eot?#iefix387osh') format('embedded-opentype'),
		url('https://skunk2.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.woff?387osh') format('woff'),
		url('https://skunk2.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.ttf?387osh') format('truetype'),
		url('https://skunk2.com/skin/frontend/ultimo/default/fonts/themeicons/ThemeIcons.svg?387osh#ThemeIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Icon codes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.ic-plane:before {
	content: "\e200";
}
.ic-tag:before {
	content: "\e201";
}
.ic-paint:before {
	content: "\e202";
}
.ic-credit:before {
	content: "\e203";
}
.ic-phone:before {
	content: "\e204";
}
.ic-letter:before {
	content: "\e205";
}
.ic-stopwatch:before {
	content: "\e206";
}
.ic-bars:before {
	content: "\e207";
}
.ic-truck:before {
	content: "\e208";
}
.ic-download:before {
	content: "\e209";
}
.ic-upload:before {
	content: "\e20a";
}
.ic-warning:before {
	content: "\e20b";
}
.ic-question:before {
	content: "\e20c";
}
.ic-info:before {
	content: "\e20d";
}
.ic-success:before {
	content: "\e20e";
}
.ic-close2:before {
	content: "\e20f";
}
.ic-reload:before {
	content: "\e210";
}
.ic-scissors:before {
	content: "\e211";
}
.ic-googleplus:before {
	content: "\e212";
}
.ic-facebook:before {
	content: "\e213";
}
.ic-twitter:before {
	content: "\e214";
}
.ic-feed:before {
	content: "\e215";
}
.ic-youtube:before {
	content: "\e216";
}
.ic-vimeo:before {
	content: "\e217";
}
.ic-flickr:before {
	content: "\e218";
}
.ic-dribbble:before {
	content: "\e219";
}
.ic-github:before {
	content: "\e21a";
}
.ic-wordpress:before {
	content: "\e21b";
}
.ic-blogger:before {
	content: "\e21c";
}
.ic-tumblr:before {
	content: "\e21d";
}
.ic-skype:before {
	content: "\e21e";
}
.ic-home:before {
	content: "\e21f";
}
.ic-edit2:before {
	content: "\e220";
}
.ic-cart:before,
.ic-cart1:before {
	content: "\e221";
}
.ic-menu:before {
	content: "\e222";
}
.ic-star-o:before {
	content: "\e223";
}
.ic-star:before {
	content: "\e224";
}
.ic-heart:before {
	content: "\e225";
}
.ic-heart-o:before {
	content: "\e226";
}
.ic-arrow-up:before {
	content: "\e227";
}
.ic-arrow-right:before {
	content: "\e228";
}
.ic-arrow-down:before {
	content: "\e229";
}
.ic-arrow-left:before {
	content: "\e22a";
}
.ic-filter:before {
	content: "\e22b";
}
.ic-lastminute:before {
	content: "\e22c";
}
.ic-close:before {
	content: "\e22d";
}
.ic-edit:before {
	content: "\e22e";
}
.ic-instagram:before {
	content: "\e22f";
}
.ic-user:before {
	content: "\e230";
}
.ic-mobile:before {
	content: "\e231";
}
.ic-pin:before {
	content: "\e232";
}
.ic-zoomin:before {
	content: "\e233";
}
.ic-zoomout:before {
	content: "\e234";
}
.ic-search:before {
	content: "\e235";
}
.ic-gift:before {
	content: "\e236";
}
.ic-anchor:before {
	content: "\e237";
}
.ic-calendar:before {
	content: "\e238";
}
.ic-remove:before {
	content: "\e239";
}
.ic-compare:before {
	content: "\e23a";
}
.ic-alarm:before {
	content: "\e23b";
}
.ic-plus:before {
	content: "\e23c";
}
.ic-minus:before {
	content: "\e23d";
}
.ic-pinterest:before {
	content: "\e23e";
}
.ic-call24:before {
	content: "\e23f";
}
.ic-callcenter:before {
	content: "\e240";
}
.ic-delivery:before {
	content: "\e241";
}
.ic-package:before {
	content: "\e242";
}
.ic-globe:before {
	content: "\e243";
}
.ic-lightbulb:before {
	content: "\e244";
}
.ic-microscope:before {
	content: "\e245";
}
.ic-24hours:before {
	content: "\e246";
}
.ic-coupon:before {
	content: "\e247";
}
.ic-tshirt:before {
	content: "\e248";
}
.ic-bag8:before {
	content: "\e249";
}
.ic-bag6:before {
	content: "\e24a";
}
.ic-bag4:before {
	content: "\e24b";
}
.ic-bag3:before {
	content: "\e24c";
}
.ic-bag7:before {
	content: "\e24d";
}
.ic-bag2:before {
	content: "\e24e";
}
.ic-bag5:before {
	content: "\e24f";
}
.ic-cart2:before {
	content: "\e250";
}
.ic-bag:before,
.ic-bag1:before {
	content: "\e251";
}
.ic-cart3:before {
	content: "\e252";
}
.ic-smartphones:before {
	content: "\e253";
}
.ic-grid:before {
	content: "\e254";
}
.ic-list:before {
	content: "\e255";
}
.ic-linkedin:before {
	content: "\e256";
}
.ic-bell:before {
	content: "\e257";
}
.ic-xing:before {
	content: "\e258";
}
.ic-vk:before {
	content: "\e259";
}
.ic-weibo:before {
	content: "\e25a";
}
.ic-renren:before {
	content: "\e25b";
}
.ic-behance:before {
	content: "\e25c";
}
.ic-vine:before {
	content: "\e25d";
}
.ic-share:before {
	content: "\e25e";
}
.ic-lowstock:before {
	content: "\e25f";
}
.ic-left:before {
	content: "\e260";
}
.ic-down:before {
	content: "\e261";
}
.ic-up:before {
	content: "\e262";
}
.ic-right:before {
	content: "\e263";
}

/**
 * Theme icons
 * Deprecated since 1.10.0 in favor of font icons
 */



/* Predefined icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Wishlist */
.icon.i-wishlist {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-7px -7px;
}
.icon.i-wishlist-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-7px -57px;
}

	/* bw */
	.icon.i-wishlist-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-7px -7px;
	}
	.icon-hover:hover.i-wishlist-bw,
	.feature-icon-hover:hover .icon.i-wishlist-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-7px -57px;
	}
	
	/* wb */
	.icon.i-wishlist-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-7px -57px;
	}
	.icon-hover:hover.i-wishlist-wb,
	.feature-icon-hover:hover .icon.i-wishlist-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-7px -7px;
	}

/* Compare */
.icon.i-compare {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-57px -7px;
}
.icon.i-compare-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-57px -57px;
}

	/* bw */
	.icon.i-compare-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-57px -7px;
	}
	.icon-hover:hover.i-compare-bw,
	.feature-icon-hover:hover .icon.i-compare-bw,
	.open > .dropdown-toggle.cover .icon.i-compare-bw
	{
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-57px -57px;
	}
	
	/* wb */
	.icon.i-compare-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-57px -57px;
	}
	.icon-hover:hover.i-compare-wb,
	.feature-icon-hover:hover .icon.i-compare-wb,
	.open > .dropdown-toggle.cover .icon.i-compare-wb
	{
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-57px -7px;
	}

/* Share/recommend */
.icon.i-recommend {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-107px -7px;
}
.icon.i-recommend-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-107px -57px;
}

	/* bw */
	.icon.i-recommend-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-107px -7px;
	}
	.icon-hover:hover.i-recommend-bw,
	.feature-icon-hover:hover .icon.i-recommend-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-107px -57px;
	}
	
	/* wb */
	.icon.i-recommend-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-107px -57px;
	}
	.icon-hover:hover.i-recommend-wb,
	.feature-icon-hover:hover .icon.i-recommend-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-107px -7px;
	}

/* Low stock */
.icon.i-lowstock {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-157px -7px;
}
.icon.i-lowstock-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-157px -57px;
}

	/* bw */
	.icon.i-lowstock-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-157px -7px;
	}
	.icon-hover:hover.i-lowstock-bw,
	.feature-icon-hover:hover .icon.i-lowstock-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-157px -57px;
	}
	
	/* wb */
	.icon.i-lowstock-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-157px -57px;
	}
	.icon-hover:hover.i-lowstock-wb,
	.feature-icon-hover:hover .icon.i-lowstock-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-157px -7px;
	}



/* Cart */
.icon.i-cart {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-457px -7px;
}
.icon.i-cart-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-457px -57px;
}

	/* bw */
	.icon.i-cart-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-457px -7px;
	}
	.icon-hover:hover.i-cart-bw,
	.feature-icon-hover:hover .icon.i-cart-bw,
	.open > .dropdown-toggle.cover .icon.i-cart-bw
	{
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-457px -57px;
	}
	
	/* wb */
	.icon.i-cart-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-457px -57px;
	}
	.icon-hover:hover.i-cart-wb,
	.feature-icon-hover:hover .icon.i-cart-wb,
	.open > .dropdown-toggle.cover .icon.i-cart-wb
	{
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-457px -7px;
	}

/* Row 2
-------------------------------------------------------------- */

/* Home */
.icon.i-home {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-7px -107px;
}
.icon.i-home-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-7px -157px;
}

	/* bw */
	.icon.i-home-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-7px -107px;
	}
	.icon-hover:hover.i-home-bw,
	.feature-icon-hover:hover .icon.i-home-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-7px -157px;
	}
	
	/* wb */
	.icon.i-home-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-7px -157px;
	}
	.icon-hover:hover.i-home-wb,
	.feature-icon-hover:hover .icon.i-home-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-7px -107px;
	}

/* Left */
.icon.i-left {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-107px -107px;
}
.icon.i-left-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-107px -157px;
}

	/* bw */
	.icon.i-left-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-107px -107px;
	}
	.icon-hover:hover.i-left-bw,
	.feature-icon-hover:hover .icon.i-left-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-107px -157px;
	}
	
	/* wb */
	.icon.i-left-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-107px -157px;
	}
	.icon-hover:hover.i-left-wb,
	.feature-icon-hover:hover .icon.i-left-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-107px -107px;
	}

/* Right */
.icon.i-right {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-157px -107px;
}
.icon.i-right-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-157px -157px;
}

	/* bw */
	.icon.i-right-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-157px -107px;
	}
	.icon-hover:hover.i-right-bw,
	.feature-icon-hover:hover .icon.i-right-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-157px -157px;
	}
	
	/* wb */
	.icon.i-right-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-157px -157px;
	}
	.icon-hover:hover.i-right-wb,
	.feature-icon-hover:hover .icon.i-right-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-157px -107px;
	}

/* Top */
.icon.i-top {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-207px -107px;
}
.icon.i-top-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-207px -157px;
}

	/* bw */
	.icon.i-top-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-207px -107px;
	}
	.icon-hover:hover.i-top-bw,
	.feature-icon-hover:hover .icon.i-top-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-207px -157px;
	}
	
	/* wb */
	.icon.i-top-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-207px -157px;
	}
	.icon-hover:hover.i-top-wb,
	.feature-icon-hover:hover .icon.i-top-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-207px -107px;
	}

/* Bottom */
.icon.i-bottom {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-257px -107px;
}
.icon.i-bottom-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
	background-position:-257px -157px;
}

	/* bw */
	.icon.i-bottom-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-257px -107px;
	}
	.icon-hover:hover.i-bottom-bw,
	.feature-icon-hover:hover .icon.i-bottom-bw {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-257px -157px;
	}
	
	/* wb */
	.icon.i-bottom-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-257px -157px;
	}
	.icon-hover:hover.i-bottom-wb,
	.feature-icon-hover:hover .icon.i-bottom-wb {
		background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite.png);
		background-position:-257px -107px;
	}

/**
 * Social icons
 * Deprecated since 1.10.0 in favor of font icons
 */



/* Contact icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Phone */
.icon.i-telephone {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-7px -7px;
}
.icon.i-telephone-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-7px -57px;
}

/* Mobile */
.icon.i-mobile {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-57px -7px;
}
.icon.i-mobile-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-57px -57px;
}

/* Skype */
.icon.i-skype {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-107px -7px;
}
.icon.i-skype-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-107px -57px;
}

/* Letter */
.icon.i-letter {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-157px -7px;
}
.icon.i-letter-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-157px -57px;
}

/* Location */
.icon.i-location {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-207px -7px;
}
.icon.i-location-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-207px -57px;
}


/* Row 2
-------------------------------------------------------------- */
/* Twitter */
.icon.i-twitter {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-7px -107px;
}
.icon.i-twitter-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-7px -157px;
}

/* Facebook */
.icon.i-facebook {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-57px -107px;
}
.icon.i-facebook-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-57px -157px;
}

/* Google plus */
.icon.i-googleplus {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-107px -107px;
}
.icon.i-googleplus-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-107px -157px;
}

/* Youtube */
.icon.i-youtube {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-157px -107px;
}
.icon.i-youtube-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-157px -157px;
}

/* Vimeo */
.icon.i-vimeo {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-207px -107px;
}
.icon.i-vimeo-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-207px -157px;
}

/* Wordpress */
.icon.i-wordpress {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-257px -107px;
}
.icon.i-wordpress-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-257px -157px;
}

/* Pinterest */
.icon.i-pinterest {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-307px -107px;
}
.icon.i-pinterest-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-307px -157px;
}

/* Linked in */
.icon.i-linkedin {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-357px -107px;
}
.icon.i-linkedin-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-357px -157px;
}

/* Blogger */
.icon.i-blogger {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-407px -107px;
}
.icon.i-blogger-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-407px -157px;
}

/* Envato */
.icon.i-envato {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-457px -107px;
}
.icon.i-envato-w {
	background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social.png);
	background-position:-457px -157px;
}

/**
 * Common styles for multiple elements
 */

/* Blocks and headings */

/* Sizes */
/* Css for IE */
@media \0screen {
.nav-regular {background:#000 !important;}
.garage-block .partfinder-fields{float:left !important;}
.garage-block { padding-bottom:20px !important;}
}
.header-top,
.header .dropdown .dropdown-heading { line-height: 36px; }
.header .dropdown .dropdown-heading { max-height: 36px; }
/* Set static height to improve layout of inline elements */

.menu-container{background: transparent !important;}


/* Blocks
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.sidebar .block:first-child { margin-top:6px; } /* To align with page title */
.cms-index-index .sidebar .block:first-child { margin-top:0; } /* Remove margin on home page */

 
/* Headings
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Page Heading
-------------------------------------------------------------- */
.my-account .page-title,
.category-title { border-bottom:1px solid #e5e5e5; }

/* Block titles and section headings
-------------------------------------------------------------- */
/* Sidebar blocks */
.block .block-title,

/* Section title */
.section-title,

/* Cart */
.cart .crosssell h2,
.cart .discount h2,
.cart .shipping h2
{
	/* padding:13px 0 7px; */ /*TODO*/
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #e5e5e5;
	font-weight:normal;
	font-size:22px; /*18px*/
	line-height:26px; /*22px*/
	font-family:"Roboto Condensed",sans-serif; 
}

/* Secondary headings
-------------------------------------------------------------- */
/* Log in */
.account-login h2,

/* Checkout log in */
#opc-login h3,

/* Fieldset and multiple checkout */
.fieldset .legend,
.multiple-checkout .col2-set h2.legend,
.info-set h2.legend
{
	padding-bottom:7px;
	border-bottom:1px solid #2c2c2c;
	font-weight:normal;
	font-size:1.5em; /*18px*/
	line-height:1.2222em; /*22px*/
	margin-bottom:15px;
}

/* Account headings
-------------------------------------------------------------- */
/* Primary */
.box-account .box-head h2,
.order-items h2.table-caption,
.order-items h2.sub-title,
.order-items .order-comments h2 {}

/* Secondary */
.dashboard .box .box-title h3,
.dashboard .box .box-title h4,
.order-info-box h2 {}

/* Other headings
-------------------------------------------------------------- */
/* Page title */
.category-title,

/* Account */
.my-account .page-title,
.box-account .box-head,
.dashboard .box .box-title
{
	border-color:#e5e5e5;
}



/* Colors %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Borders
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with horizontal border - standard
-------------------------------------------------------------- */
/* Blocks */
.block .actions,

/* CMS */
.section-line,

/* Misc */
.buttons-set,
.toolbar 
{
	border-color:#e5e5e5;
}

/* Elements with horizontal border - lighter
-------------------------------------------------------------- */
/* Product page - Add-to-cart area */
.product-view .product-type-data,
.product-view .product-type-data .price-box,
.container1-wrapper,
.container2-wrapper,
.product-view .add-to-box,

/* Product grid/list */
.category-products-grid .item,
.products-list li.item,

/* Pop-ups */
.remember-me-popup h3,
.map-popup-heading
{
	border-color:#f5f5f5;
}

/* Elements with vertical border - standard
-------------------------------------------------------------- */
/* Ratings separator */
.product-view .ratings .rating-links .separator,

/* Product page */
.custom-sidebar-right .inner,
.custom-sidebar-left .inner
{
	border-color:#e5e5e5;
}

/* Elements with vertical border - lighter
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .product-shop-inner
{
	border-color:#f5f5f5;
}

/* Elements with darker border
-------------------------------------------------------------- */
/* Cart */
.data-table thead,
.cart-table thead tr,

/* Availability */
.availability-only-details thead
{
	border-color:#e5e5e5; /*Currently the same color as other borders*/
}


/* Background colors
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with light gray background
-------------------------------------------------------------- */
/* Product page - increaments */
.extrahint-wrapper .product-pricing,

/* Account */
.addresses-list .addresses-primary .item,
.order-info-box,

/* Advanced search */
.advanced-search-summary,

/* Checkout */
.opc .gift-messages-form
{
	background-color:#f5f5f5;
}


/* Text color
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements with lighter text
-------------------------------------------------------------- */
/* Product grid/list */
.products-list .ratings,
.products-grid .ratings,
.products-list .ratings a,
.products-grid .ratings a,

/* Breadcrumbs */
.breadcrumbs li,
.breadcrumbs a,

/* Layered nav */
.block-layered-nav dd li,

/* Product page */
.block-related-simple .related-add-to-wishlist,
.block-related-thumbnails .related-add-to-wishlist,

/* Availability */
.availability,

/* Reviews */
.product-view .box-reviews dd .date,

/* Product options */
.item-options dd,
.product-options p.note,

/* Prices */
.price-notice .price,

/* MSRP price and old price */
.old-price,
.product-view .price-box .old-price .price,
#map-popup-msrp,
.map-popup-msrp .price
{
	color:#aaa;
}


/* Forms
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Product options form colors
-------------------------------------------------------------- */
.product-options dd select,
.product-options dd .input-text,
.product-options dd textarea,
.product-options ul.options-list { color:#888; }
.product-options dd select:hover,
.product-options dd select:focus,
.product-options dd textarea:hover,
.product-options dd textarea:focus,
.product-options ul.options-list:hover { color:#333; }



/* Fonts %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Price on product page and MSRP
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .price-box .price,
.map-popup-price .price,
.map-popup-msrp .price { font-family:Verdana, Geneva, sans-serif; }



/* Effects %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Shadows: for pop-ups, drop-downs etc.
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Sticky header */
.sticky-header .sticky-container,

/* Dropdowns */
.dropdown.open > .dropdown-heading.cover,
.dropdown.open .dropdown-content,

/* Mini cart options */
.truncated .truncated_full_value .item-options,

/* Menu dropdowns - to have the same style of shadow as other dropdowns */
.nav-regular .nav-panel--dropdown,

/* Search autocomplete */
.form-search .search-autocomplete ul,

/* Pop-ups */
.remember-me-popup,
.map-popup,
#subscribe-form .input-box .validation-advice
{
	-moz-box-shadow:	0 3px 10px rgba(0,0,0, 0.15);
	-webkit-box-shadow:	0 3px 10px rgba(0,0,0, 0.15);
	box-shadow:			0 3px 10px rgba(0,0,0, 0.15);
}


/* Transitions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Links and other selected elements
-------------------------------------------------------------- */
/* IMPORTANT: link transitions should be placed before other transitions */
a,
.mobnav-trigger .trigger-icon .line,
.opener
/*, .header-mobile .skip-link*/
{
	transition:			color 450ms ease-in-out, background-color 450ms ease-in-out;
	-moz-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-webkit-transition:	color 450ms ease-in-out, background-color 450ms ease-in-out;
	-o-transition:		color 450ms ease-in-out, background-color 450ms ease-in-out;
}
a:hover,
.mobnav-trigger:hover .trigger-icon .line,
.opener:hover,
.nav-item > a:hover + .opener /* Opener following a link in mobile menu */
{
	transition-duration:			100ms;
	-moz-transition-duration:		100ms;
	-webkit-transition-duration:	100ms;
	-o-transition-duration:			100ms;
}

/* Interface icons: toolbar icons, pager, prev/next slide etc.
-------------------------------------------------------------- */
.sorter .view-mode .grid,
.sorter .view-mode .list,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,

/* Add-to links */
.add-to-links.addto-icons a,

/* Scroll to top */
#scroll-to-top
{
	transition:			background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-moz-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-webkit-transition:	background-color 300ms ease-in-out, background-position 300ms ease-in-out;
	-o-transition:		background-color 300ms ease-in-out, background-position 300ms ease-in-out;
}

/* Accordions, tabs & other components
-------------------------------------------------------------- */
/*.gen-tabs .tabs a,
.gen-tabs .acctab,
.opc .step-title
{
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
}*/

/* Elements with animated color, background color and borders
-------------------------------------------------------------- */
/* Forms */
input.input-text, select, textarea,
.product-options ul.options-list,

/* Search */
.form-search .button,

/* Product image thumbnails */
.product-view .product-img-box .more-views .thumbnails li a,

/* Product mini-lists */
.mini-products-list .product-image,
.cart .crosssell .product-image,

/* Tabs & accordion */
.gen-tabs .tabs a,
.gen-tabs .acctab,

/* OPC accordion */
.opc .step-title
{
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-webkit-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out, border-color 300ms ease-in-out;
	
	
}


/* Shadow for the main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Elements which have backgr. color can be marked with "show-bg". They will drop shadow if "shadow" class was added to the containing block. */
.drop-shadow,
.shadow .show-bg,

/* Conditional shadow for main menu bar */
.shadow .nav--bar-drop-shadow .mobnav-trigger,
.shadow .nav--bar-drop-shadow #nav
{
	-moz-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:	0 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow:			0 2px 3px rgba(0, 0, 0, 0.1);
}


.paddsubsubcat { margin-left: 20px !important; }

.banner .owl-item p img {
    height: auto !important;
    width: 100%;
}

.zoom-btn-small{ position: relative !important;    float: right !important; margin-top: -16% !important; }

/**
 * Override CSS components
 */



/* Accordion/collapsible openers %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.accordion .opener,
.collapsible .opener,
.acco .opener /* Menu opener */
{
	/* Override default background image */
	background-image: none !important;

	/* Font icons */
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Icon size */
	font-size: 12px;
}
.accordion .opener:before,
.collapsible .opener:before,
.acco .opener:before {
	content: "\e23c";
}

/* Active opener */
.accordion li.item-active > .opener:before,
.collapsible.active .opener:before,
.acco li.item-active > .opener:before {
	content: "\e23d";
}



/* Colorbox %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#cboxPrevious,
#cboxNext,
#cboxClose {
	/* Override default background image */
	background-image: none !important;

	/* Font icons */
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Icon size */
	font-size: 20px;
}
#cboxClose { font-size: 16px; }
#cboxPrevious:before { content: "\e260"; }
#cboxNext:before { content: "\e263"; }
#cboxClose:before { content: "\e20f"; }



/* Generic-nav %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Styles common for all direction controls */
.slider-arrows1 .owl-controls .owl-buttons div,
.slider-arrows2 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls .owl-buttons div {
	/* Override default background image and remove text indent */
	background-image: none !important;
	text-indent: 0;

	/* Font icons */
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Icon size */
	font-size: 20px;
}
.owl-controls .owl-buttons .owl-prev:before { content: url('https://skunk2.com/skin/frontend/ultimo/default/images/leftarrow.png') ; float:left;  margin-left: 0px; width: 89%;   } /*margin: -50px 0 0 -35px;*/
.owl-controls .owl-buttons .owl-next:before { content: url('https://skunk2.com/skin/frontend/ultimo/default/images/right_right.png') ;    } /* margin: -50px 0 0 359px; position: absolute; */



/* Itemslider %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Buttons aligned at the bottom */
.itemslider.equal-height .item { position: static; padding-bottom: 50px; }
.itemslider.equal-height .actions { position: absolute; bottom: 0; }




/*#itemslider-zoom
{
	width:350px;
	max-width:350px;
}*/

/* .owl-item
{
	width:61px !important;
	
} */

/**
 * Override modules
 */

/**
 * Override all Magento base styles.
 * Add theme-specific styles.
 */



/**
 *
 *
 * OVERRIDE/EXTEND styles.css
 *
 *
 */



/* Layout %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wrapper { border-top-style:solid; border-top-width:5px; }
.main { padding:0 0 40px; }
/* .main { padding:30px 0 40px; } */
/* Additional margin for main sidebars
-------------------------------------------------------------- */
.col-left > * { margin-right: 32px; }
.col-right > * { margin-left: 32px; }



/* Global Styles %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Form
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Page Heading
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.page-title h1,
.page-title h2 { margin:0; min-height:1.3125em; /* 42px. Has to ba aligned with ".block .block-title" */ }
.category-title { margin-bottom:0; }


/* Global Messages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.note-msg.empty-catalog {
	background:url(https://skunk2.com/skin/frontend/ultimo/default/images/img/empty-catalog.png) 10px 10px no-repeat transparent !important;
	color:inherit;
	min-height:70px;
	padding:40px 20px 40px 160px !important;
}


/* BreadCrumbs
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.breadcrumbs { line-height:1.5em; /*18px*/ margin:0 0 5px; }
/* Breadcrumbs on product page */
.catalog-product-view .breadcrumbs { margin-bottom:10px; }



/* Header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Line breaker */
.user-menu .line-break-after { clear:both; margin-bottom: 1px; }

/* Quick search: skins
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Search: inline
-------------------------------------------------------------- */
.search-wrapper-inline .form-search .input-text { min-width: 180px; }


/* Quick search: positions
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Position 0 */
.search-wrapper-p0 { float: right; }
.search-wrapper-p0 .form-search .input-text { min-width: 220px; }

/* Position 1 - right side of top links */
.search-wrapper-p1 { float: right; }
.search-wrapper-p1 .form-search .input-text { min-width: 220px; }

/* Position 2 - right side of top links */
.search-wrapper-p2 { float: right; }
.search-wrapper-p2 .form-search .input-text { min-width: 220px; }

/* Position 3 - right side of top links */
.search-wrapper-p3 { float: right; }
.search-wrapper-p3 .form-search .input-text { min-width: 220px; }

/* Position 4 - right side of top links */
.search-wrapper-p4 { float: right; }
.search-wrapper-p4 .form-search .input-text { min-width: 220px; }

/* Position 5 - right side of top links */
.search-wrapper-p5 { float: right; }
.search-wrapper-p5 .form-search .input-text { min-width: 220px; }



/* Regular header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Skip link
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .skip-link { display: none; }

/* Counter */
.skip-link .count {
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	background-color: red;
	color: #fff;

	margin-left: -14px;
	margin-right: -7px;
	margin-top: -22px;
	position: relative;
}


/* Selected skip links
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Cart + compare
-------------------------------------------------------------- */
/* Skip links has to be hidden except cart and compare */
.header-regular .mini-cart-heading,
.header-regular .mini-compare-heading { display: block; }

.header-regular .mini-cart-heading .label.no-display,
.header-regular .mini-compare-heading .label.no-display { display: none; }


/* Skip content
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .skip-content {}


/* Vertically aligned grid (in "Header Primary" section)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .hp-blocks-holder {
	display:table;
	width:100%;
}
.header-regular .hp-blocks-holder .hp-block {
	float:none;
	display:table-cell;
	vertical-align:middle;
}


/* Logo
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .logo--mobile { display: none; }


/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.header-regular .logo-wrapper--mobile,
.header-regular .header-collateral,
.header-regular .after-mobile-logo,
.header-regular #mini-cart-wrapper-mobile {
	display: none;
}

/*.header-regular .header-top .lang-switcher,
.header-regular .header-top .currency-switcher, */
.header-regular #lang-switcher-wrapper-regular,
.header-regular #currency-switcher-wrapper-regular,
.header-regular .header-top .dropdown { margin:0; }



/* Mobile header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

	/* Skip links
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	/* Some skip links are also displayed in regular header so the styles specific to mobile header
	   have to be applied with "header-mobile" class */
	.header-mobile .skip-link {
		position: relative;
		float: left;
		width: 20%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		cursor: pointer;
	}
	.header-mobile a.skip-link {
		text-decoration: none;
	}
	/*.header-mobile .skip-link:not(.skip-active):hover*/
	.header-mobile .skip-link:hover {
		opacity: 0.7;
	}
	.header-mobile .skip-link.skip-active:hover {
		opacity: 1;
	}

	/* Elements
	-------------------------------------------------------------- */
	.header-mobile .skip-link .icon {
		display: inline-block;
		vertical-align: middle;
		margin-right: 3px;
		font-size: 16px;
		line-height: 16px;
	}
	.header-mobile .skip-link .label {
		display: inline-block;
		vertical-align: middle;
		line-height: 16px;
	}
	.header-mobile .skip-link .count {
		display: inline-block;
		vertical-align: middle;
	}
	.header-mobile .skip-link .caret {
		display: none;
	}

	/* Active link
	-------------------------------------------------------------- */
	.header-mobile .skip-link.skip-active,
	.header-mobile .skip-link:hover {
		color: inherit;
	}
	.header-mobile .skip-link.skip-active span {
		color: inherit;
	}
	.header-mobile .skip-link.skip-active .count {
		color: #fff;
	}

	/* Size
	-------------------------------------------------------------- */
	.header-mobile .skip-links--1 .skip-link { width: 100%; }
	.header-mobile .skip-links--2 .skip-link { width: 50%; }
	.header-mobile .skip-links--3 .skip-link { width: 33.33%; }
	.header-mobile .skip-links--4 .skip-link { width: 25%; }
	.header-mobile .skip-links--5 .skip-link { width: 20%; }
	.header-mobile .skip-links--6 .skip-link { width: 16.66%; }


	/* Selected skip links
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	/* Compare
	-------------------------------------------------------------- */
	/* Hide compare block's heading (only heading) */
	.header-mobile .mini-compare .mini-compare-heading { display: none; }
	.header-mobile .mini-compare .actions {
		border: none;
		padding-top: 0;
	}

	/* Cart + compare
	-------------------------------------------------------------- */
	/* Important: possible value "relative" of the "position" property.
	   In mobile header, we need to reset "position" of the dropdown container so that it doesn't cover other skip links.
	   We also need to remove float.
	   */
	.header-mobile .mini-cart,
	.header-mobile .mini-compare {
		position: static;
		float: none;
	}

	.header-mobile .mini-cart-content,
	.header-mobile .mini-compare-content {
		clear: both;
		width: 100%;
	}
	/*.header-mobile .skip-cart { float: right; }
	.header-mobile .skip-compare { float: right; }*/


	/* Skip content
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	.header-mobile .skip-content {
		display: none;
	}
	.header-mobile .skip-content.skip-active {
		display: block;
	}

	/* Styls required in skip-content blocks are added through
	   special class so that we can control which blocks are styled
	-------------------------------------------------------------- */
	.header-mobile .skip-content--style {
		padding: 20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		/* Skip content blocks have to be reset the same as all grid units
		   because skip content blocks can have grid units */
		width:100% !important; /* Added "!important" to override units with "no-gutter" */
		margin: 0;
	}


	/* Selected skip content
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	/* Search
	-------------------------------------------------------------- */
	.header-mobile .form-search {
		width: 100%;
	}
	.header-mobile .form-search .input-text {
		width: 100%;
	}

	/* Cart + compare
	-------------------------------------------------------------- */
	.header-mobile .mini-cart-content,
	.header-mobile .mini-compare-content {
		clear: both;
		width: 100%;
	}


	/* Top links
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	.header-mobile .top-links { float: none !important; clear: both; }
	.header-mobile .top-links ul { float: none !important; }


	/* Generic vertical inline links
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	.header-mobile .skip-content .links > li { float: none; }
	.header-mobile .skip-content .links > li > a { background-image: none; /* Remove link separators */ }


	/* Logo and collaterals
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	/* Regular logo */
	.header-mobile .logo-wrapper--regular {
		display: none;
	}

	/* Mobile logo */
	.header-mobile .logo-wrapper--mobile {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.header-mobile .header-collateral + .logo-wrapper--mobile {
		float: left;
		text-align: left;
	}

	.header-mobile .logo-wrapper--mobile .logo {
		display: block;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	/* Collaterals */
	.header-mobile .header-collateral {
		float: right;
		text-align: right;
	}


	/* Other
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	.header-mobile .line-break-after { display: none !important; }

	/* User menu
	-------------------------------------------------------------- */
	.header-mobile .user-menu {
		float: none !important;
		margin: 0; /* Important: remove margins to collapse the block completely */
	}

	/* Language/currency switcher
	-------------------------------------------------------------- */
	.header-mobile #lang-switcher-wrapper-regular,
	.header-mobile #currency-switcher-wrapper-regular {
		display: none;
	}


	/* Mobile menu inside mobile header
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	/* Hide/show basic elements */
	.header-mobile .mobnav-trigger-wrapper { display: none !important; } /* Always hidden */
	.header-mobile .nav-mobile { display: block !important; } /* Always displayed */

	/* Container
	-------------------------------------------------------------- */
	/* Important: menu container is also a "skip-content" block */
	.header-mobile .nav-container {

		/* Padding for menu container may be added via admin panel so we need to remove it here.
		   We can reset here entire padding, because bottom padding is later re-applied in CSS generated
		   via admin. Bottom padding is kept so that mobile header look more similar to regular header. */
		padding: 0;

		/* If needed, reset also other styles which are added to standard "skip-content" blocks */

		/* Remove background color */
		background-color: transparent;
	}

	/* Menu bar
	-------------------------------------------------------------- */
	/* Remove shadow */
	.header-mobile .nav-container #nav {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	/* Menu items
	-------------------------------------------------------------- */
	/* Mobile menu - remove possible gap from the top of the very first item.
	   Gaps are added as dividers between items of the mobile menu accordion. */
	.header-mobile .nav-mobile .nav-item.nav-1 {
		margin-top: 0 !important;
	}


	/* Additional overrides for mobile header
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	/* If inner container has a background color, it gets additional class "has-outline".
	   Remove the background color and shadow. */
	.header-mobile .nav.has-outline {
		background-color: transparent;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.header-mobile .nav.has-outline > .inner-container {}
	.header-mobile .nav.stretched > .inner-container {}



/* Sticky header %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.sticky-header .sticky-container { /* .sticky-header .nav-container */
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	background-color: #fff;
}

/* Reset selected styles of the menu bar in sticky header
-------------------------------------------------------------- */
/* Remove additional padding above and below the menu container */
.sticky-header .nav-container {
	padding-top: 0;
	padding-bottom: 0;
}
/* Remove inner background color (outline of the menu bar) */
.sticky-header .nav-container .nav {
	background-color: transparent;
}
/* Remove vertical padding from the inner container when inner container has a background color (outline) */
.sticky-header .nav-container .nav > .inner-container {
	padding-top: 0;
	padding-bottom: 0;	
}
.sticky-header .nav-container #nav { /* Deprecated. For backward compatibility. Menu has no margin in current version. */
	margin-top: 0;
	margin-bottom: 0;
}

/* Remove shadow of menu bar container, also if menu bar itself has shadow */
.sticky-header .nav-container .nav,
.sticky-header .nav-container #nav {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/* Category labels
-------------------------------------------------------------- */
/* Make top-level category labels invisible */
.sticky-header .nav-regular .nav-item.level0 > a .cat-label {
	display: none;
}
/* Alternatively, we can make the labels smaller */
/*.sticky-header .nav-regular .nav-item.level0 > a .cat-label {
	font-size: 11px;
	line-height: 15px;
	padding: 0 4px;
	top: 2px;
}
.sticky-header .nav-regular .nav-item.level0 > a .pin-bottom:before { display: none; }*/


/* Sticky header + mobile menu %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*.sticky-header .nav-container {
	height: 55px;
}
.sticky-header .nav-mobile {
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
}*/



/* Sidebar %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Block lists
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-viewed .block-content ol,
.block-compare .block-content ol,
.block-compared .block-content ol {
	padding-left: 0;
	list-style: none;
}
.block-viewed .block-content li.item,
.block-compare .block-content li.item,
.block-compared .block-content li.item {
	background:url(https://skunk2.com/skin/frontend/ultimo/default/images/img/bullet.png) no-repeat 3px 10px;
	padding-left:15px;
}


/* Block: Related
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Align block title with the tabs on product page */
.block-related .section-title { padding-top: 19px; }
.block-related-thumbnails .owl-wrapper { margin-top:15px; }


/* Block: Account
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.block-account .block-title { background:url(https://skunk2.com/skin/frontend/ultimo/default/images/img/ic-account.png) 5px 2px no-repeat; padding-left:42px !important; }
.block-account .block-content { padding:10px 0 0; }
.block-account li > * { padding: 2px; }
.block-account li.current strong { font-weight:bold; }



/* Category view %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.products-grid .item { -webkit-tap-highlight-color: transparent; }



/* Product view elements %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Availability
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.availability { float:right; margin:15px 0 10px; }



/* Product page %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Prices
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Bundle product */
.price-box-bundle {
	border-bottom:1px solid #e5e5e5;
	margin:-10px 0 15px; /* Move up to align with the main price box */
	padding-bottom:15px;
}


/* Main containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Margin before price box */
.product-view .space-before-avail { margin:0 0 15px; height:0; line-height:0; }

/* Upper part of the container */
.product-view .product-type-data > .price-box {
	border-top-style:solid;
	border-top-width:1px;
	margin:15px 0 0;
	padding:10px 0;
}

/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Reviews */
.product-view .box-reviews .buttons-set { margin-left:0; margin-right:0; }


/* New elements
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .sku { margin: 15px 0; }
.product-view .sku .label { font-weight: bold; }


/* Product type specific data
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.product-view .is-type-grouped .availability { margin-top:0; margin-bottom:0; }
.product-view .grouped-items-table input.input-text { height: 26px; padding:4px; /* Decrease default height and padding */ }



/* My Account %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*.my-account .pager { margin: -1px 0 20px; }*/



/* Footer %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Footer primary
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.footer-primary .section { padding-top: 20px; padding-bottom: 20px; }



/**
 *
 *
 * MISCELLANEOUS
 *
 *
 */



/* Accordion/collapsible %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Accordion - Style 1
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.accordion-style1 li a {
	border-bottom-color:#eee;
	border-bottom:1px solid rgba(0,0,0,0.06);
}
.accordion-style1 li a:hover {
	background-color:rgba(0,0,0, 0.03);
}

/* Opener
-------------------------------------------------------------- */
.accordion-style1 .opener {
	background-color:rgba(0,0,0, 0.03);
}



/* Icons %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Icons applied with icon codes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* These icons needs to have the same basic styles as standard font icons.
   Except line height - it would override individual size of each icon.
*/
.form-search .button:before,

.buttons-set .back-link a:before,

.btn-remove:before,
.btn-remove2:before,
.map-popup-close:before,
.remember-me-popup-head .remember-me-popup-close:before,

.btn-edit:before,

.breadcrumbs .sep
{
	display: inline-block;
	font-family: ThemeIcons;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	/*line-height: 1em;*/ /* Important: don't overrid line height, it depends on the size of the icon */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Apply icon codes
-------------------------------------------------------------- */
.form-search .button:before {
	content: "\e235";
}
.buttons-set .back-link a:before {
	content: "\e22a";
}
.btn-remove:before,
.btn-remove2:before,
.map-popup-close:before,
.remember-me-popup-head .remember-me-popup-close:before {
	content: "\e22d";
}
.btn-edit:before {
	content: "\e22e";
}
.breadcrumbs .sep:before {
	content: "\e228";
	font-size: 8px;
}



/* Other modifications %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Menu container:
   with outline (if menu has inner background color)
   or without outline (if menu is stretched)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* With outline
-------------------------------------------------------------- */
/* Add padding, the same value as for side padding of all page sections.
   Padding is added via admin. Default value is for fallback in case side padding was set to zero.
   Important: use the same value as for side padding of all page sections to keep consistent padding.
*/
.nav.has-outline > .inner-container {
	/*padding: 15px;*/
	padding-top: 15px;
	padding-bottom: 15px;
}
/* Trigger has no bottom margin */
.nav.has-outline .mobnav-trigger {
	margin-bottom: 0;
}

/* Without outline
-------------------------------------------------------------- */
/* If menu container stretched, remove top and bottom padding
   Important: added class "container" to make the rule more specific. */
.container.nav.stretched > .inner-container {
	padding-top: 0;
	padding-bottom: 0;
}

/* Deprecated, for backward compatibility: */
.nav.has-outline > .grid-full { margin-top: 1%; margin-bottom: 1%; } /* With outline */
.container.nav.stretched > .grid-full { margin-top: 0; margin-bottom: 0; } /* Without outline */


/* Cart
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Collateral boxes - full width */
.cart-left-column .grid-full,
.cart-right-column .grid-full { width:100%; }



/**
 *
 *
 * BUILT-IN STATIC BLOCKS
 *
 *
 */



.block_category_above_collection { margin:10px 0; }
.block_category_below_collection { margin:10px 0; }
.block_category_above_empty_collection { margin:10px 0; }
.block_mini_cart_above_products { margin:0 0 10px; }
.block_cms_page_top { margin:0 0 15px; }
.block_footer_payment { margin-right:10px; margin-bottom:10px; margin-left:20px; }

/* Sample block content
-------------------------------------------------------------- */
.sample-block {
	color:#999;
	margin-top:10px;
	padding: 0 !important;
	transition:			color 300ms ease-in-out, background-color 300ms ease-in-out;
	-moz-transition:	color 300ms ease-in-out, background-color 300ms ease-in-out;
	-webkit-transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
	-o-transition:		color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.sample-block:hover { color:#333; }



/**
 *
 *
 * HIGH-RESOLUTION READY IMAGES (RETINA-READY)
 *
 *
 */



@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (    -ms-min-device-pixel-ratio: 1.5),
only screen and (        min-device-pixel-ratio: 1.5)
{

	/* Rating */
	.rating-box,
	.rating-box .rating { background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/img/rating@2x.png); background-size:14px 43px; }

	/* Icons below are obsolete and will be removed in future releases.
	   Icons created with image sprites were replaced with font icons.
	   Font icons should be used instead of old sprite image icons.
	%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
	*/
	
	/* Theme icons
	-------------------------------------------------------------- */
	/* To top */
	#scroll-to-top,
	
	/* Search button */
	.header .form-search .button span,
	
	/* All icons from icons-theme.css */
	/* Row 1: */
	.icon.i-wishlist,
	.icon.i-wishlist-w,
	.icon.i-wishlist-bw,
	.icon.i-wishlist-wb,
	
	.icon.i-compare,
	.icon.i-compare-w,
	.icon.i-compare-bw,
	.icon.i-compare-wb,
	
	.icon.i-recommend,
	.icon.i-recommend-w,
	.icon.i-recommend-bw,
	.icon.i-recommend-wb,
	
	.icon.i-lowstock,
	.icon.i-lowstock-w,
	.icon.i-lowstock-bw,
	.icon.i-lowstock-wb,
	
	.icon.i-cart,
	.icon.i-cart-w,
	.icon.i-cart-bw,
	.icon.i-cart-wb,
	
	/* Row 2: */
	.icon.i-home,
	.icon.i-home-w,
	.icon.i-home-bw,
	.icon.i-home-wb,
	
	.icon.i-left,
	.icon.i-left-w,
	.icon.i-left-bw,
	.icon.i-left-wb,
	
	.icon.i-right,
	.icon.i-right-w,
	.icon.i-right-bw,
	.icon.i-right-wb,
	
	.icon.i-top,
	.icon.i-top-w,
	.icon.i-top-bw,
	.icon.i-top-wb,
	
	.icon.i-bottom,
	.icon.i-bottom-w,
	.icon.i-bottom-bw,
	.icon.i-bottom-wb /* Last selector without trailing coma */
	
	{ background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite@2x.png); background-size:500px 200px; }
	
	
	/* All icons from icons-social.css
	-------------------------------------------------------------- */
	/* Row 1: */
	.icon.i-telephone,
	.icon.i-telephone-w,
	
	.icon.i-mobile,
	.icon.i-mobile-w,

	.icon.i-skype,
	.icon.i-skype-w,
	
	.icon.i-letter,
	.icon.i-letter-w,

	.icon.i-location,
	.icon.i-location-w,
	
	/* Row 2: */
	.icon.i-twitter,
	.icon.i-twitter-w,
	
	.icon.i-facebook,
	.icon.i-facebook-w,
	
	.icon.i-googleplus,
	.icon.i-googleplus-w,
	
	.icon.i-youtube,
	.icon.i-youtube-w,
	
	.icon.i-vimeo,
	.icon.i-vimeo-w,
	
	.icon.i-wordpress,
	.icon.i-wordpress-w,
	
	.icon.i-pinterest,
	.icon.i-pinterest-w,
		
	.icon.i-linkedin,
	.icon.i-linkedin-w,
	
	.icon.i-blogger,
	.icon.i-blogger-w,

	.icon.i-envato,
	.icon.i-envato-w /* Last selector without trailing coma */
	
	{ background-image:url(https://skunk2.com/skin/frontend/ultimo/default/images/sprite-icons-social@2x.png); background-size:500px 200px; }

} /* end: media query */

/*
 * 12-column grid system
 */



/* Grid units
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-5,
.grid12-6,
.grid12-7,
.grid12-8,
.grid12-9,
.grid12-10,
.grid12-11,
.grid12-12,
.grid-full, /* Alias for full-width unit */

/* Special grid units */
.grid-col2-sidebar,
.grid-col2-main
{ 
	/*position:relative;*/
	display:inline;
	float:left;
	margin-left:1%;
	margin-right:1%;
}

/* Basic grid units width */
.grid12-1	{ width:6.33%; }
.grid12-2	{ width:14.66%; }
.grid12-3	{ width:23%; }
.grid12-4	{ width:31.33%; }
.grid12-5	{ width:39.67%; }
.grid12-6	{ width:48%; }
.grid12-7	{ width:56.33%; }
.grid12-8	{ width:64.67%; }
.grid12-9	{ width:73%; }
.grid12-10	{ width:81.33%; }
.grid12-11	{ width:89.67%; }
.grid12-12,
.grid-full	{ width:98%; }

/* Grid units without left gutter (margin) */
.no-left-gutter.grid12-1	{ margin-left:0; width:7.33%; }
.no-left-gutter.grid12-2	{ margin-left:0; width:15.66%; }
.no-left-gutter.grid12-3	{ margin-left:0; width:24%; }
.no-left-gutter.grid12-4	{ margin-left:0; width:32.33%; }
.no-left-gutter.grid12-5	{ margin-left:0; width:40.67%; }
.no-left-gutter.grid12-6	{ margin-left:0; width:49%; }
.no-left-gutter.grid12-7	{ margin-left:0; width:57.33%; }
.no-left-gutter.grid12-8	{ margin-left:0; width:65.67%; }
.no-left-gutter.grid12-9	{ margin-left:0; width:74%; }
.no-left-gutter.grid12-10	{ margin-left:0; width:82.33%; }
.no-left-gutter.grid12-11	{ margin-left:0; width:90.67%; }
.no-left-gutter.grid12-12,
.no-left-gutter.grid-full	{ margin-left:0; width:99%; }

/* Grid units without right gutter (margin) */
.no-right-gutter.grid12-1	{ margin-right:0; width:7.33%; }
.no-right-gutter.grid12-2	{ margin-right:0; width:15.66%; }
.no-right-gutter.grid12-3	{ margin-right:0; width:24%; }
.no-right-gutter.grid12-4	{ margin-right:0; width:32.33%; }
.no-right-gutter.grid12-5	{ margin-right:0; width:40.67%; }
.no-right-gutter.grid12-6	{ margin-right:0; width:49%; }
.no-right-gutter.grid12-7	{ margin-right:0; width:57.33%; }
.no-right-gutter.grid12-8	{ margin-right:0; width:65.67%; }
.no-right-gutter.grid12-9	{ margin-right:0; width:74%; }
.no-right-gutter.grid12-10	{ margin-right:0; width:82.33%; }
.no-right-gutter.grid12-11	{ margin-right:0; width:90.67%; }
.no-right-gutter.grid12-12,
.no-right-gutter.grid-full	{ margin-right:0; width:99%; }

/* Grid units without any gutter (margin) */
.no-gutter.grid12-1		{ margin-left:0; margin-right:0; width:8.33%; }
.no-gutter.grid12-2		{ margin-left:0; margin-right:0; width:16.66%; }
.no-gutter.grid12-3		{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid12-4		{ margin-left:0; margin-right:0; width:33.33%; }
.no-gutter.grid12-5		{ margin-left:0; margin-right:0; width:41.67%; }
.no-gutter.grid12-6		{ margin-left:0; margin-right:0; width:50%; }
.no-gutter.grid12-7		{ margin-left:0; margin-right:0; width:58.33%; }
.no-gutter.grid12-8		{ margin-left:0; margin-right:0; width:66.67%; }
.no-gutter.grid12-9		{ margin-left:0; margin-right:0; width:75%; }
.no-gutter.grid12-10	{ margin-left:0; margin-right:0; width:83.33%; }
.no-gutter.grid12-11	{ margin-left:0; margin-right:0; width:91.67%; }
.no-gutter.grid12-12,
.no-gutter.grid-full	{ margin-left:0; margin-right:0; width:100%; }

/* Special grid units: basic structure of pages with 1 and 2 sidebars
-------------------------------------------------------------- */
/* 2 columns: fixed-width sidebar unit and fluid main unit.
   Sidebar unit has the same width for all screen sizes equal or greater than 1280px.
   Width of the main unit is fluid.
*/
.grid-col2-sidebar	{ width:23%; }
.grid-col2-main		{ width:73%; }

.no-gutter.grid-col2-sidebar	{ margin-left:0; margin-right:0; width:25%; }
.no-gutter.grid-col2-main		{ margin-left:0; margin-right:0; width:75%; }

/* Another 2 columns inside ".grid-col2-main": fixed-width sidebar unit and fluid main unit */
.grid-col3-sidebar	{ width:31.52%; }
.grid-col3-main		{ width:65.90%; }

.no-gutter.grid-col3-sidebar	{ margin-left:0; margin-right:0; width:31.52%; }
.no-gutter.grid-col3-main		{ margin-left:0; margin-right:0; width:65.90%; }

/* Vertically aligned grid
-------------------------------------------------------------- */
.v-grid-container {
	display:table;
	width:100%;
}
.v-grid {
	float:none;
	display:table-cell;
	vertical-align:middle;
}


/* Utility classes
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Units with no gutter (margin): alpha - first unit in a row, omega - last unit in a row */
.alpha { margin-left:0; }
.omega { margin-right:0; }

/* Hide element if screen width is lower than the width specified in the class name */
.hide-below-1680 { display:none !important; }
.hide-below-1440 { display:none !important; }
.hide-below-1360 { display:none !important; }
.hide-below-1280 { display:none !important; }


/* Containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Main container for page content.
   Max width of the page is applied to elements with this class.
-------------------------------------------------------------- */
.container {
	margin-left:auto;
	margin-right:auto;
}
.nested-container { width:102%; margin-left:-1%; } /* Deprecated */

/* Inner container.
   Additional container, horizontal padding is applied to elements with this class.
-------------------------------------------------------------- */
.inner-container {
	padding-left: 15px;
	padding-right: 15px;

	/* Clear floats */
	*zoom: 1;
	clear: both;
}
/* Clear floats */
.inner-container:before,
.inner-container:after { display: table; line-height: 0; content: ""; }
.inner-container:after { clear: both; }

/* Stretched container.
   If container is stretched, remove side padding from inner container.
-------------------------------------------------------------- */
.container.stretched > .inner-container {
	padding-left: 0;
	padding-right: 0;
}

/* Deprecated, for backward compatibility: */
.container.stretched > .grid-full { width:100%; margin-left:0; margin-right:0; }


/* Grid units containers
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Grid units container:
   clears floats (place grid units inside "div" with this class)
-------------------------------------------------------------- */
.grid-container { *zoom: 1; clear: both; }
.grid-container:before,
.grid-container:after { display: table; line-height: 0; content: ""; }
.grid-container:after { clear: both; }

/* Grid unit container:
   clears floats and adds vertical margin between units
-------------------------------------------------------------- */
.grid-container-spaced { *zoom: 1; clear: both; }
.grid-container-spaced:before,
.grid-container-spaced:after { display: table; line-height: 0; content: ""; }
.grid-container-spaced:after { clear: both; }
.grid-container-spaced .grid12-1,
.grid-container-spaced .grid12-2,
.grid-container-spaced .grid12-3,
.grid-container-spaced .grid12-4,
.grid-container-spaced .grid12-5,
.grid-container-spaced .grid12-6,
.grid-container-spaced .grid12-7,
.grid-container-spaced .grid12-8,
.grid-container-spaced .grid12-9,
.grid-container-spaced .grid12-10,
.grid-container-spaced .grid12-11,
.grid-container-spaced .grid12-12,
.grid-container-spaced .grid-full
{
	margin-bottom: 2%;
}

/* Grid presentation
-------------------------------------------------------------- */
.show-grid [class*="grid12-"] {
	background-color: #eee;
	text-align: center;
	min-height: 40px;
	line-height: 40px;
	transition:			all 300ms ease-in-out;
	-moz-transition:	all 300ms ease-in-out;
	-webkit-transition:	all 300ms ease-in-out;
	-o-transition:		all 300ms ease-in-out;
}
.show-grid [class*="grid12-"]:hover {
	background-color: #F08080;
}


/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * 2016-06-20 10:31:30 */






/* Grid container
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/



	.container {
		width:96%;
	
											max-width: 960px;
						}

				.lte-ie8 .container { max-width:1200px; }
	






















/* Desktop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {

						.container { max-width: 1200px; }
				
	/* Special grid units */
	.grid-col2-sidebar 	{ width: 20.41%; }
	.grid-col2-main		{ width: 75.58%; }

	.no-gutter.grid-col2-sidebar 	{ width: 22.41%; }
	.no-gutter.grid-col2-main		{ width: 77.58%; }

	.grid-col3-sidebar		{ width:27.01%; }
	.grid-col3-main			{ width:70.34%; }

	.no-gutter.grid-col3-sidebar		{ width:27.01%; }
	.no-gutter.grid-col3-main			{ width:70.34%; }
	
	/* Hide */
	.hide-below-1280 { display:inherit !important; }
}






/* Design for a width of less than 1024 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 1024px */
@media only screen and (max-width: 1023px) {

	/* Hide */
	.hide-below-1024 { display:none !important; }
}





/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

		.container { max-width:737px; }
		
	/* Hide */
	.hide-below-960 { display:none !important; }
}





/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {

	.nested-container { width:100%; margin-left:auto; }

	/* Nav container with outline (if nav container has background color).
	   Apply the same vertical margins, as container's side padding. */
	.nav.has-outline > .grid-full { margin-top: 2%; margin-bottom: 2%; }
	
	/* Below 768px all grid units are stretched (full width) and stack vertically */
	.grid12-1,
	.grid12-2,
	.grid12-3,
	.grid12-4,
	.grid12-5,
	.grid12-6,
	.grid12-7,
	.grid12-8,
	.grid12-9,
	.grid12-10,
	.grid12-11,
	.grid12-12,
	.grid-full,
	
	.grid-col2-sidebar,
	.grid-col2-main,
	.grid-col3-sidebar,
	.grid-col3-main
	{
		width:100% !important; /* Added "!important" to override units with "no-gutter" */
		margin-left:0;
		margin-right:0;
	}

	/* Vertically aligned grid
	-------------------------------------------------------------- */
	.v-grid-container { display:block; }
	.v-grid { float:inherit; display:block; width:100%; }
}





/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

		.container { max-width:440px; }
		
	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	
	/* Deprecated: persistent grid units (will be removed in the next update)
	-------------------------------------------------------------- */
		/* Half */
		.persistent-grid2-1 { width:48%; margin-left:1%; margin-right:1%; }
		
		/* One-third + two-thirds */
		.persistent-grid3-1 { width:31.33%; margin-left:1%; margin-right:1%; }
		.persistent-grid3-2 { width:64.67%; margin-left:1%; margin-right:1%; }
		
		/* One-fourth + two-fourths + three-fourths */
		.persistent-grid4-1 { width:23%; margin-left:1%; margin-right:1%; }
		.persistent-grid4-2 { width:48%; margin-left:1%; margin-right:1%; }
		.persistent-grid4-3 { width:73%; margin-left:1%; margin-right:1%; }

	/* Mobile grid (for browser viewport between 480px and 768px):
	   Below 768px all grid units are stretched (full width) and stack vertically.
	   The "mobile-grid" class forces narrow grid units to stay narrow,
	   but the width is increased to avoid too small columns.
	-------------------------------------------------------------- */
	.mobile-grid.grid12-1 { width:14.66% !important;	margin-left:1%; margin-right:1%; } /* 1/12 turns into 1/6 */
	.mobile-grid.grid12-2 { width:31.33% !important;	margin-left:1%; margin-right:1%; } /* 1/6  turns into 1/3 */
	.mobile-grid.grid12-3 { width:48% !important;		margin-left:1%; margin-right:1%; } /* 1/4  turns into 1/2 */
	
	/* Force other grid units to take half of the available width */
	.mobile-grid-half { width:48% !important; margin-left:1%; margin-right:1%; }

}





/* Mobile (Landscape, iPhone 4 Portrait) - design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

		.container { max-width:590px; }
	}





/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

	/* Enlarge containers to full width and remove max width */
	.container { max-width: none !important; width: 100%; }
}





/* Mobile (Portrait) - design for a width of 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {

	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	.hide-below-480 { display:none !important; }
}





/* Mobile (Portrait) - design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

	/* Hide */
	.hide-below-960 { display:none !important; }
	.hide-below-768 { display:none !important; }
	.hide-below-480 { display:none !important; }
	.hide-below-320 { display:none !important; }
}


/**
 * WARNING: do not edit this file. It was generated automatically, your changes will be overwritten and lost.
 * To override or extend default CSS styles use custom.css file (refer to the user guide for details).
 * 2016-12-01 18:33:13 */























/* Desktop, laptop - design for a width of 1280px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 1280px <= width */

@media only screen and (min-width: 1280px)  {
	
	/* Header
	-------------------------------------------------------------- */
	.header .logo-wrapper .logo { max-width:350px; }
	
	/* Cart
	-------------------------------------------------------------- */
	.cart-table .product-image { max-width:110px; }
	
	/* Product page
	-------------------------------------------------------------- */
	.product-view .sticker { width:80px; height:80px; }
	
	/* Misc
	-------------------------------------------------------------- */
	/* Mini cart */
	.after-mini-cart { clear:none; }
	
	/* Item grid
	-------------------------------------------------------------- */
	/* Item grid: 2 columns */
	.itemgrid-adaptive.itemgrid-2col .item { width:31.3333%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-2col .item:nth-child(3n+1) { clear:left !important; }
	
	/* Item grid: 3 columns */
	.itemgrid-adaptive.itemgrid-3col .item { width:23%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-3col .item:nth-child(4n+1) { clear:left !important; }
	
	/* Item grid: 4 columns */
	.itemgrid-adaptive.itemgrid-4col .item { width:18%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-4col .item:nth-child(5n+1) { clear:left !important; }
	
	/* Item grid: 5 columns */
	.itemgrid-adaptive.itemgrid-5col .item { width:14.6666%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-5col .item:nth-child(6n+1) { clear:left !important; }
	
	/* Item grid: 6 columns */
	.itemgrid-adaptive.itemgrid-6col .item { width:12.2857%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-6col .item:nth-child(7n+1) { clear:left !important; }
	
	/* Item grid: 7 columns */
	.itemgrid-adaptive.itemgrid-7col .item { width:10.5%; clear:none !important; }
	.itemgrid-adaptive.itemgrid-7col .item:nth-child(8n+1) { clear:left !important; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-4 .direction-nav { display:none; }
	
	/* Slideshow caption
	-------------------------------------------------------------- */
	.caption .heading { font-size:3.3em; }
	.caption p { font-size:1.6666em; }

}






/* Design for a width of 960-1280 px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 960px <= width < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {

	/* Cart
	-------------------------------------------------------------- */
	.cart-table .product-image { max-width:80px; }
	
	/* Product page
	-------------------------------------------------------------- */
	.product-view .sticker { width:80px; height:80px; }
}





/* Mobile, small old desktop - design for a width of less than 960px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 960px */
@media only screen and (max-width: 959px) {

	/* Products grid: override size of elements (values like size-s)
	-------------------------------------------------------------- */
	/* Product labels */
	.products-grid .sticker { width:45px; height:45px; font-size:1em; }
	.products-grid .item:hover .sticker { width:50px; height:50px; }

	/* Misc
	-------------------------------------------------------------- */
	/* Scroll to top button */
	#scroll-to-top { display:none !important; }
	
	/* Hide Sign Up link in Top Links */
	#link-sign-up { display:none; }

	/* Hide amount. Note: has to be defined after aligning ".amount" center */
	.toolbar .sorter .amount { display:none !important; }
}



/* Tablet (Portrait) - design for a width of 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width < 960px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Default Magento classes
	-------------------------------------------------------------- */
	.nobr { white-space:normal !important; }
	
	/* Cart
	-------------------------------------------------------------- */
	.cart-table .product-name { font-size:1em; font-family: inherit; }
	.cart-table .product-image { max-width:80px; }
	
	/* Product page
	-------------------------------------------------------------- */
	/* Related - simple */
	.block-related-thumbnails .product-details {
		margin-left:0;
		margin-bottom:10px;
		clear:left;
	}
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:158px !important; } /*2*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }

	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; }
	
	/* Slideshow caption
	-------------------------------------------------------------- */
	.caption .heading { font-size:2.0833em; }
	.caption p { font-size:1.1666em; }
	.caption button.button span span {
		height: 35px;
		line-height: 35px;
		padding: 0 15px;
	}

}


/* All desktop - design for a width of 768px and wider
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 768px <= width */
@media only screen and (min-width: 768px) {
	
	/* Mobile accordion
	-------------------------------------------------------------- */
	.mobile-collapsible .block-title { border-bottom:none; }			/* Hide line when not on mobile */
	.mobile-collapsible .opener { display:none !important; }			/* Always hide when not on mobile */
	.mobile-collapsible .block-content { display:block !important; }	/* Always show when not on mobile */
	/* See also: always make the container "relative" when ON mobile */
}


/* All mobile - design for a width of less than 768px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 768px */
@media only screen and (max-width: 767px) {
	
	/* Grid and basic layout
	-------------------------------------------------------------- */
	
		/* Margin for basic Magento columns */
		.col-main,
		.col-left,
		.col-right
		{
			margin-bottom:30px;
		}
		
		/* Product view:
		   margin for all grid units */
		.product-view .grid12-1,
		.product-view .grid12-2,
		.product-view .grid12-3,
		.product-view .grid12-4,
		.product-view .grid12-5,
		.product-view .grid12-6,
		.product-view .grid12-7,
		.product-view .grid12-8,
		.product-view .grid12-9,
		.product-view .grid12-10,
		.product-view .grid12-11,
		
		/* deprecated */
		.product-view .grid4-1,
		.product-view .grid4-2,
		.product-view .grid4-3,
		.product-view .grid2-1
		/* end:deprecated */
		{
			margin-bottom:30px;
		}

		/* Remove additional margin for main sidebars */
		.col-left > * { margin-right: 0; }
		.col-right > * { margin-left: 0; }
	
	/* Magento utility classes
	-------------------------------------------------------------- */
	.nobr { white-space:normal !important; }
	
	/* Forms
	-------------------------------------------------------------- */
	.form-list .field,
	.form-list input.input-text,
	.form-list textarea,
	.form-list select,
	.form-list li.wide .input-box,
	.form-list li.wide input.input-text,
	.form-list li.wide textarea,
	.form-list li.wide select { max-width:100%; }
	
	/* Tables
	-------------------------------------------------------------- */
	.data-table thead .nobr { white-space:normal !important; }
	.data-table th,
	.data-table td { padding:5px; }
	
	/* Data tables formatting
	-------------------------------------------------------------- */
	
		/* Basic formatting */
			.cart .data-table thead,
			.my-wishlist .data-table thead,
			.my-account .data-table thead,
			.order-review .data-table thead { display:none; }
			
			.cart .data-table tbody,
			.my-wishlist .data-table tbody,
			.my-account .data-table tbody,
			.order-review .data-table tbody { background:transparent !important; }
			
			.cart .data-table tr,
			.cart .data-table td,
			.my-wishlist .data-table tr,
			.my-wishlist .data-table td,
			.my-account .data-table tr,
			.my-account .data-table td,
			.order-review .data-table tr,
			.order-review .data-table td { border:none !important; background:transparent !important; display:block; width:100%; text-align:left !important; }
			
			.cart .data-table tr,
			.my-wishlist .data-table tr,
			.my-account .data-table tr,
			.order-review .data-table tr { border-bottom:1px solid #e5e5e5 !important; margin-bottom:20px; }
			
		/* Highlight first cell in table footer */
			.my-account .data-table tfoot tr td:first-child,
			.order-review .data-table tfoot tr td:first-child { font-weight:bold; }
	
		/* Show cell label */
			.data-table .cell-label {
				display:inline-block;
				width:30%;
				min-width:100px;
				max-width:140px;
				margin-right:10px;
				font-weight:bold;
			}
	
	/* Header
	-------------------------------------------------------------- */

		/* Global notices
		-------------------------------------------------------------- */
		.global-site-notice .notice-inner { background:none; padding:10px 0; text-align:center; }
		.global-site-notice .notice-inner p { width:100%; padding:0 0 10px; }
		.global-site-notice .notice-inner .actions { padding-bottom:5px; }

		/* Items in the top header
		-------------------------------------------------------------- */

		/* Make side margins smaller */
		.header .item-left { margin-right: 5px; }
		.header .item-right { margin-left: 5px; }
		
		/* Other
		-------------------------------------------------------------- */
		/* User menu (Top Links) */
		.user-menu { width:100%; margin-left:0; margin-right:0; }
		
		/* Top links */
		.top-links { float:left; }

		/* Mini cart */
		.after-mini-cart { clear:none; } /* Deprecated */

		/* Line breaker - disable on narrow screens */
		.user-menu .line-break-after { clear:none; }

	/* Header - old styles applied when mobile header mode is not enabled
	   and the "header-regular" class is not removed from header container on narrow screens
	-------------------------------------------------------------- */

		/* Vertically aligned blocks.
		   Reset block below this breakpoint - blocks become full width and stack vertically
		-------------------------------------------------------------- */
		.header-regular .hp-blocks-holder { display:block; }
		.header-regular .hp-blocks-holder .hp-block {
			float:inherit;
			display:block;
			width:100%;
			margin-left:0;
			margin-right:0;
		}

		/* Logo
		-------------------------------------------------------------- */
		.header-regular .header .logo-wrapper { text-align:center; }
		.header-regular .header .logo-wrapper .logo { width:70%; margin-left:auto; margin-right:auto; }
		
		/* Quick search
		-------------------------------------------------------------- */

			/* Search: mobile (search bar layout for narrow screens)
			-------------------------------------------------------------- */
			.header-regular .search-wrapper-mobile {
				display: block; /* To override possible inline styles */
				clear: both;
				width: 100%;
				margin: 10px 0;
				/*float: none;*/
			}
			.header-regular .search-wrapper-mobile .form-search {
				width: 100%;
				max-width: 440px;
				margin-left: auto;
				margin-right: auto;
			}
			.header-regular .search-wrapper-mobile .form-search .input-text {
				width: 100%;
				min-width: 100%; /* Cancel minimum width */
			}

			/* Search: header inline
			-------------------------------------------------------------- */
			/* Note: added .header class to override other selectors */
			.header-regular .header .search-wrapper-inline {
				display: block;
				clear: both;
				width: 100%;
				margin: 10px auto;
			}
			/* If wrapper is an .item, then remove side margins */
			.header-regular .header .item.search-wrapper-inline { margin-left:auto; margin-right:auto; }

			.header-regular .search-wrapper-inline #search_mini_form { display: block; }
			.header-regular .search-wrapper-inline .form-search .input-text { width:100%; }
	
	/* Footer
	-------------------------------------------------------------- */

		/* Footer elements - align center */
			
			.footer .mobile-inline-container { text-align:center; }
			.footer .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

			.footer-primary-top-spacing,
			.footer-primary-bottom-spacing,
			.footer-top .links,
			.footer-bottom { text-align:center; }
			
			.footer-primary-top-spacing .item,
			.footer-primary-bottom-spacing .item,
			#subscribe-form,
			.footer-bottom .item,
			.footer-top .links li { float:none; display:inline-block; }
			.footer-top .item { float:none; }
		
		/* Simplify links */
		.footer .links-wrapper-separators .links li a,
		.footer .links-wrapper-separators-left .links li a { background-image:none; }
		
		/* Footer elements */
		.footer-primary-bottom-spacing .item { width:100%; margin:0; }
		.footer-bottom .item { margin-left:5px; margin-right:5px; }

		/* Copyright - remove space */
		.footer-copyright { margin-left:0;  }

		/* Primary and secondary section: additional inner padding */
		.footer-primary > .grid-full > .section,
		.footer-secondary > .grid-full > .section { padding:15px 10px; }
	
	/* Layered navigation
	-------------------------------------------------------------- */
	.block-layered-nav dd li,
	.block-layered-nav .currently ol li { line-height:2.3333em; background-position:3px 10px; }
	.block-layered-nav dd li:hover,
	.block-layered-nav .currently ol li:hover { background-position:6px 10px; }
	
	/* Toolbar
	-------------------------------------------------------------- */
	
		/* All elements - align center and increase vertical spacing */
		.pager,
		.sorter { text-align:center; }
		.pager .amount,
		.pager .limiter,
		.pager .pages,
		.sorter .amount,
		.sorter .limiter,
		.sorter .view-mode,
		.sorter .sort-by { display:inline-block; float:none; padding-top:0; padding-bottom:0; }
		
		.toolbar .sort-by,
		.toolbar .sorter .amount { border-right:none; }

		.sorter .per-page,
		.pager .per-page { display:none; }

	/* Category view
	-------------------------------------------------------------- */
	
		.note-msg.empty-catalog {
			background-position:center 10px !important;
			color:inherit;
			padding:150px 10px 10px !important;
			text-align:center;
		}

		/* Page heading with RSS link */
		.page-title { position:relative; }
		.page-title .link-rss { float:none; display:block; position:static; margin:10px 0 0; }

	/* Products list
	-------------------------------------------------------------- */
	.products-list .product-shop-inner { padding-right:0; border-right:none; }

	/* Products grid: override size of elements (values like size-s)
	-------------------------------------------------------------- */
	/* Product name */
	.products-grid .product-name {
		font-size:1.1666em; /*14px*/
		line-height:1.2307em; /*16px*/
	}

	/* Product page
	-------------------------------------------------------------- */
		
		/* Wrapper for collaterals - remove top margin (grid units already have bottom margin) */
		.product-view .box-additional { margin-top:0; }
		
		/* Related: remove bottom margin */
		.block-related-slider { margin-bottom:0; }

		/* Sidebar */
		.product-view .custom-sidebar-right .inner { padding-left:0; border-left:none; }
		.product-view .custom-sidebar-left .inner { padding-right:0; border-right:none; }

		/* Add-to links */
		.product-view .add-to-links { text-align: center; }
		.product-view .add-to-links li { float: none; display: inline-block; }
	
	/* Cart
	-------------------------------------------------------------- */
	
		/* Buttons below table: align center */
		.cart-table tfoot tr.first td { text-align:center !important; padding:0; margin-bottom:20px; }
		.cart-table tfoot button { display:inline-block; float:none !important; margin:0 0 3px; padding:0; }
	
	/* One Page Checkout
	-------------------------------------------------------------- */
		
		/* Step title - link "edit" */
		.opc .allow .step-title a { display:none; }
	
		/* Form */
		/*.opc form fieldset { display:table-column-group; }*/

	/* Account
	-------------------------------------------------------------- */
	.my-wishlist .product-image { max-width:none;  }
	
	/* Items slider
	-------------------------------------------------------------- */
	.control-nav.control-paging { display:none; } /* Deprecated */

	/* If only one item exists */
	.itemslider.single-item .slides > li { margin: 0 auto; } /* Deprecated */
	
	/* Slideshow
	-------------------------------------------------------------- */
	.the-slideshow-wrapper-outer { margin-top: 0 !important; /* Reset nagative top margin */ }
	   
	/* Slideshow navigation: move buttons to the top right corner */
	.the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-prev { top:10px; right:60px; left:auto; }
	.the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons .owl-next { top:10px; right:10px; left:auto; }

		/* Deprecated */
		.the-slideshow .direction-nav .prev { top:4%; right:63px; left:auto; }
		.the-slideshow .direction-nav .next { top:4%; right:2%; }

	/* Pagination */
	.the-slideshow-wrapper .owl-pagination { display: none; }
	
	/* Slideshow caption */
	/* Shrink font, hide all elements except heading */
	.caption > * { display:none !important; }
	.caption .heading { display:inline-block !important; font-size:2.0833em; margin-bottom:1px; }
	.caption p { font-size:1.1666em; margin-bottom:1px; }        
	.caption button.button span span {
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
	}
	
	/* Cloud Zoom
	-------------------------------------------------------------- */
	/* Hide zoom */
	.cloud-zoom-big,
	.cloud-zoom-lens { display:none !important; }
	.cloud-zoom-lens { cursor:default !important; }

	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 16%; }
	
	/* Lightbox
	-------------------------------------------------------------- */
	#cboxTitle,
	#cboxCurrent { display:none !important; }
	
	/* Accordion
	-------------------------------------------------------------- */
	.accordion-style1 li a {
		padding:15px 10px;
		font-size: 1.1666em; /*14px*/
		line-height: 1.2857em; /*18px*/
	}
	/* Space for openner if item has children. It has to be a few pixels wider than openner */
	.accordion-style1 li.parent > a { padding-right:53px; }
	.accordion-style1 .opener { width:48px; height:48px; line-height:48px; }
	
	/* Mobile accordion
	-------------------------------------------------------------- */
	.mobile-collapsible .block-content { display:none; } /* Hide on mobile */
	.mobile-collapsible { position:relative; } /* Always make "relative" when not on mobile (to avoid flickering on CSS transitions) */

	/* Menu
	-------------------------------------------------------------- */


}
/* end: width < 768px */


/* Mobile (Landscape) - design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480px <= width < 768px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* Category view
	-------------------------------------------------------------- */
	.products-list .product-shop,
	.products-list .right-column,
	.products-list .product-image-wrapper { width:48%; margin-left:1%; margin-right:1%; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Broaden the slider if at least 4 thumbnails */
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:316px; } /*4*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-4 .direction-nav { display:none; }

	/* Shrink and align center the main image */
	.img-box .product-image { width:60.4651%; /*364px*/ }	

}
/* end: 480px <= width < 768px */


/* Design for a width of 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 640px <= width < 768px */
@media only screen and (min-width: 640px) and (max-width: 767px) {

	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
.itemgrid.itemgrid-adaptive .item:nth-child(3n+1) { clear:left !important; }
}
/* end: 640px <= width < 768px */


/* Design for a width of less than 640px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 640px */
@media only screen and (max-width: 639px) {

	h1 { font-size:2em;			line-height:1.25em;		/*24px, 30px*/ }
	h2 { font-size:1.6666em;	line-height:1.2em;		/*20px, 24px*/ }
	h3 { font-size:1.3333em;	line-height:1.25em;		/*16px, 20px*/ }
	h4 { font-size:1.1666em;	line-height:1.1428em;	/*14px, 16px*/ }
	h5 { font-size:1em;			line-height:1em;		/*12px, 12px*/ }
	h6 { font-size:1em;			line-height:1em;		/*12px, 12px*/ }

	
	
	/* Mobile header
	-------------------------------------------------------------- */
	.header-mobile .skip-link .label { display: none; }
	.header-mobile .skip-link .icon { margin-right: 0; }
	.header-mobile .skip-link .count { margin-right: 0; /* Reset negative margin to align content of a skip-link */ }

	/* Dropdowns in mobile header collaterals */
	.header-mobile .header-collateral .dropdown .dropdown-heading {
    	line-height: 24px;
	}

	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 19%; }
}
/* end: width < 640px */


/* Design for a width of 480px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 480 <= width < 640px */
@media only screen and (min-width: 480px) and (max-width: 639px) {

	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
.itemgrid.itemgrid-adaptive .item:nth-child(3n+1) { clear:left !important; }
}
/* end: 480 <= width < 640px */


/* Design for a width of less than 480px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 480px */
@media only screen and (max-width: 479px) {

	
		
	/* Products grid
	-------------------------------------------------------------- */
		.products-grid.category-products-grid.hover-effect .item .add-to-links, /* To override "display-onhover" */
		.products-grid .item .add-to-links { display: none !important; }
			
	/* Buttons - stretch full width
	-------------------------------------------------------------- */
	.buttons-set .button,
	.title-buttons .button,
	.cart .btn-checkout,
	.mini-cart .actions .button,
	.mini-compare .actions .button {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 7px;
	}
	.buttons-set .button:last-child,
	.cart .btn-checkout:last-child,
	.mini-cart .actions .button:last-child {
		margin-bottom: 0;
	}

	/* Button on product page - stretch full width and remove vertical alignment
	-------------------------------------------------------------- */
	.product-view .add-to-cart .btn-cart {
		display: block;
		width: 100%;
		margin: 0 0 7px;
	}
	.product-view .add-to-cart {
		display: block;
		float: none;
	}

	/* Buttons set
	-------------------------------------------------------------- */
	.buttons-set .back-link {
		display: none;
	}
	.buttons-set .required {
		display: none;
	}
	
	/* Grid elements
	-------------------------------------------------------------- */
	.col2-set .col-1,
	.col2-set .col-2 { width:100%; }
	
	/* Header
	-------------------------------------------------------------- */

		/* Simplify horizontal links */
		.header .links-wrapper-separators .links li a,
		.header .links-wrapper-separators-left .links li a { background-image:none; }
		
		/* Header elements - align center
		-------------------------------------------------------------- */

			.header .mobile-inline-container { text-align:center; }
			.header .mobile-inline-container > * { float:none; display:inline-block; margin-left:5px; margin-right:5px; }

		/* Header top elements - align center
		-------------------------------------------------------------- */
			
	/* Header - old styles applied when mobile header mode is not enabled
	   and the "header-regular" class is not removed from header container on narrow screens
	-------------------------------------------------------------- */
		
		/* Header elements - align center
		-------------------------------------------------------------- */

			/* Links */
			.header-regular .header .links { text-align:center; }
			.header-regular .header .links li { float:none; display:inline-block; }

			/* User menu */
			.header-regular .user-menu { text-align:center; }
			.header-regular .user-menu > *,
			.header-regular .user-menu .links,
			.header-regular .dropdown { float:none !important; display:inline-block !important; }
	
	/* Products list
	-------------------------------------------------------------- */
	.products-list .item { margin-bottom:20px; }
	.products-list .item:first-child { margin-top:1px; /* Move item down to uncover the border of the toolbar */ }
	.products-list .product-image { margin-bottom:20px; }

	/* Products list: disable hover effect
	-------------------------------------------------------------- */
	/* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
	.products-list.hover-effect .item { border-top: none; }
	.products-list.hover-effect .item:hover {
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
		box-shadow: none !important;
	}

	/* Products grid: override size of elements (values like size-xs)
	-------------------------------------------------------------- */
	/* Product labels */
	.products-grid .sticker { width:40px; height:40px; font-size:0.9166em; }
	.products-grid .item:hover .sticker { width:45px; height:45px; }
	
	/* Product page
	-------------------------------------------------------------- */
	
		/* Reviews */
		.product-view .box-reviews .form-add .data-table th,
		.product-view .box-reviews .form-add .data-table td { padding:6px 1px; }
		.product-view .box-reviews .form-add .form-list input.input-text,
		.product-view .box-reviews .form-add .form-list textarea { width:90%; }

		/* Add-to links */
		.product-view .add-to-links { text-align: inherit; }
	
	/* Toolbar
	-------------------------------------------------------------- */
	
		.toolbar .limiter { display:none; }
		.sorter .view-mode { display:none; }
		.sorter .sort-by { background:none; margin-right:0; margin-left:0; padding-right:0; padding-left:0; } /* Remove right divider */
		
		/* Pages */
		.pager .pages li { display:none; }
		.pager .pages li.previous,
		.pager .pages li.current,
		.pager .pages li.next { display:block; }
	
	/* Account
	-------------------------------------------------------------- */
	
		/* Account info + Order info */
			/*
			.box-account.box-info .col-1,
			.order-info-box .col-1 { border-right:none; }
			.box-account.box-info .col-1 .box,
			.order-info-box .col-1 .box { padding-right:0; }
			*/
			
			.my-account .col2-set .col-1 { border-right:none; margin-bottom:20px; }
			.my-account .col2-set .col-1 .box { padding-right:0; }
		
		/* Order details */
			.order-items .sub-title .separator { display:none; }

	/* Checkout
	-------------------------------------------------------------- */
	.opc .step-title h2 { font-size:1em; line-height:2.8333em; }

	/* Advanced search results
	-------------------------------------------------------------- */
	.advanced-search-summary ul { width: 100%; margin-right: 0; }

	/* Footer
	-------------------------------------------------------------- */
	#subscribe-form label {
		display: inline-block;
		float: none;
		line-height: 1em;
		margin: 15px 0 2px;
	}
	#subscribe-form .input-box {
		display: inline-block;
		float: none;
		margin: 5px 0;
		position: relative;
		width: 100%;
	}
	#subscribe-form .input-text { width:100%; max-width:100%; }
	#subscribe-form .button {
		display: inline-block;
		float: none;
	}
	/*TOOD: check on mobiles*/
	#subscribe-form .input-box .validation-advice { width: 100%; left: 0; }
	
	/* Slideshow
	-------------------------------------------------------------- */
	.the-slideshow .control-nav { display:none; } /* Deprecated */
	
	/* Slideshow caption */
		/* Shrink font. Hide all elements, even with class "permanent" (except heading with "permanent") */
		.caption > *,
		.caption .heading,
		.caption .permanent { display:none !important; }
		.caption .heading.permanent { display:inline-block !important; }

		.caption .heading { font-size:1.3333em; }
		.caption p { font-size:1em; }

	/* Itemslider
	-------------------------------------------------------------- */
	/* Pagination */
	.itemslider .owl-pagination { display: none; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	#zoom-btn { display:none; }

	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 24%; }
	
}
/* end: width < 480px */


/* Design for a width of 320px (mobile - portrait)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 320px <= width < 480px */
@media only screen and (min-width: 320px) and (max-width: 479px) {
	
	/* Item grid
	-------------------------------------------------------------- */
	
.itemgrid.itemgrid-adaptive .item { width:31.3333%; clear:none !important; }
.itemgrid.itemgrid-adaptive .item:nth-child(3n+1) { clear:left !important; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:237px; } /*3*/		/*{ max-width:158px; }*/ /*2*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }
	
}
/* end: 320px <= width < 480px */


/* Design for a width of less than 320px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 320px */
@media only screen and (max-width: 319px) {

		
	/* Disable hover effect
	-------------------------------------------------------------- */
		/* Cancel "hover effect" styles: apply the same styles which item has without "hover effect" */
		.category-products-grid.hover-effect .item { border-top: none; }
		.category-products-grid.hover-effect .item:hover {
			margin-left:0;
			margin-right:0;
			padding-left:1%;
			padding-right:1%;
			box-shadow: none !important;
		}

		/* Show elements normally displayed only on hover */
		.category-products-grid.hover-effect .item .display-onhover { display:block !important; }
		
		/* Show full name even if enabled: display name in single line */
		.products-grid.single-line-name .item .product-name { overflow: visible; white-space: normal; }

		/* Spaces between items */
		.category-products-grid.hover-effect .item { margin-bottom: 20px; }
			
	
	/* Mobile header
	-------------------------------------------------------------- */
	.header-mobile .header-collateral {
		float: none;
		text-align:center;
	}
	.header-mobile .header-collateral > * {
		display: inline-block;
	}
	.header-mobile .logo-wrapper--mobile {
		float: none !important;
		text-align: center !important;
	}

	/* Product page
	-------------------------------------------------------------- */
	/* Related - thumbnails */
	.block-related-thumbnails .product-details {
		margin-left:0;
		margin-bottom:10px;
		clear:left;
	}
	.block-related-thumbnails .product-details .price-box { display: inline-block; margin-right:5px; }
	.block-related-thumbnails .product-details .related-add-to-wishlist { display: inline-block; }
	
	/* Item grid
	-------------------------------------------------------------- */
	/* Always show 1 column */
	/* Important: added ".itemgrid" class to override other styles */
	.itemgrid.itemgrid-adaptive .item { width:98%; clear:none !important; }
	
	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Thumbnails */
	.img-box .thumbnails.show-all.auto-adjust-width .item { max-width: 32%; }
	
	/* Slideshow
	-------------------------------------------------------------- */
	.the-slideshow-wrapper .owl-buttons { display: none; }

	.the-slideshow .direction-nav { display:none; } /* Deprecated */

}
/* end: width < 320px */


/* Design for a width of 240px (small mobile)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* 240px <= width < 320px */
@media only screen and (min-width: 240px) and (max-width: 319px) {

	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:158px; } /*2*/

}
/* end: 240px <= width < 320px */


/* Design for a width of lass than 240px
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* width < 240px */
@media only screen and (max-width: 239px) {

	/* Cloud zoom
	-------------------------------------------------------------- */
	/* Shrink the slider if to many thumbnails */
	.itemslider-thumbnails.count-2,
	.itemslider-thumbnails.count-3,
	.itemslider-thumbnails.count-4,
	.itemslider-thumbnails.count-5,
	.itemslider-thumbnails.count-multi { max-width:79px !important; } /*1*/
	
	/* Direction navigation */
	.itemslider-thumbnails.count-2 .direction-nav,
	.itemslider-thumbnails.count-3 .direction-nav,
	.itemslider-thumbnails.count-4 .direction-nav,
	.itemslider-thumbnails.count-5 .direction-nav,
	.itemslider-thumbnails.count-multi .direction-nav { display:block; }

}
/* end: width < 240px */


/**
 * Override styles configured via admin panel
 */



/* Additional styles for interface icons
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/

/* Icons with no background
-------------------------------------------------------------- */
/* Toolbar */
.sorter .view-mode a,
.sorter .sort-by .category-asc,
.sorter .sort-by .category-desc,
.pager .pages li a,

/* Slider arrows (for zoom thumbnails) */
.slider-arrows3 .owl-controls .owl-buttons div,
.slider-arrows3 .owl-controls.clickable .owl-buttons div.disabled:hover
{
	background-color:transparent;
}

/* Other icons
-------------------------------------------------------------- */
/* Add-to links icons in product grid - square, no rounding */
.products-grid .addto-links-icons span.icon { border-radius: 0; }

/* Pager */
.pager .pages li a { background-color:#f5f5f5; }

/* Add-to links */
.addto-links-icons .ic { background-color:#fff; }

/* 14-Sep-2015 */
@font-face {
  font-family: 'FuturaBT-Medium';
  src: url('https://skunk2.com/skin/frontend/ultimo/default/fonts/FuturaBT-Medium.otf'); 
  src: url('https://skunk2.com/skin/frontend/ultimo/default/fonts/FuturaBT-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('https://skunk2.com/skin/frontend/ultimo/default/fonts/FuturaBT-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://skunk2.com/skin/frontend/ultimo/default/fonts/FuturaBT-Medium.svg') format('svg'); /* Legacy iOS */
}
.header_bg {
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/header_bg2.png");
}
.links-wrapper-separators-left .links > li > a {
	border-bottom: 2px solid transparent;
	font-size: 14px;
  color: #dadada;
  line-height: normal;
  padding: 9px 0 5px;
  text-transform: uppercase;
}
.header_bg .links-wrapper-separators-left .links > li > a:hover {
	border-bottom: 2px solid #bd2323;
	color: #fff !important;
}
.border {
	border-top:4px solid #b1090a;
	display:block;
}
.clear{
	clear:both;
}
.header_bg .hp-block.user-menu {
	position:relative;
}
.header_bg .socials li a {
	background:none;
	background-repeat:no-repeat;
}
.header_bg .socials li a.fb {
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/icon-facebook.png");
	background-position: center 3px;
	background-repeat: no-repeat;
    background-size: 15px;
}
.header_bg .socials li a.twitter {
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/icon-twitter.png");
	background-position: center 3px;
	background-repeat: no-repeat;
    background-size: 15px;
}
.header_bg .socials li a.instagram {
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/icon-intagram.png");
	background-position: center 3px;
	background-repeat: no-repeat;
    background-size: 15px;
}
.header_bg .socials li a.youtube {
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/icon-youtube.png");
	background-position: center 2px;
	background-repeat: no-repeat;
    background-size: 15px;
}
.header_bg .socials li  a {
	padding-top: 0px !important;
  padding-bottom: 0px !important;
  background-color: #b1090a !important;
  height: 23px;
  display: block;
}
.header_bg .socials li:first-child a{
    background-color: transparent;
    background-repeat: no-repeat;
	background-color: #b1090a;
}
.header_bg .socials li:first-child {
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/left-corner.png");
	padding-left: 23px;
  background-repeat: no-repeat;
  background-position: left top;
}
.header_bg .socials li:last-child {
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/right-corner.png");
	padding-right:32px;
	    background-repeat: no-repeat;
    background-position: right center;
}
.header_bg .socials {
    position: absolute;
    top: 0px;
    right: 0;
    left: inherit;
    margin-top: -10px;
}
.header_bg .mini-cart icon.ic.ic-cart {
	color: #b1090a;
    margin-left: 5px;
}
.header_bg #header-nav.nav-container{
  	height: inherit;
}
.header_bg .header-primary.header.container {
	padding-bottom:0px;  
}
.header_bg .nav-regular {
	margin-bottom:0px;
}
.header_bg .nav-regular .nav-item > a { 
  color: #fff;
  padding-top: 5px;
  font-family: arial;
  font-weight: 100 !important;
  font-size: 16px;
  padding-bottom: 5px;
  border-radius: 5px 5px 0px 0px;
}
.header_bg .nav-regular .nav-item.level0.active > a {
	background-color: #bd2323 !important;
	font-weight: bold !important;
	color: #fff !important;
  font-family: 'Avenir';
}
.home-parts-finder-wrapper .home-parts-finder.garage-block {
	background-color: #bd2323;
}

.home-parts-finder-wrapper .garage-block input {
	width: 100%;
  padding: 2px 16% 2px 4%;
  font-size: 13px;
}
.parts-finder-title .title {
	font-family: FuturaBT-Medium,arial;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.home-parts-finder-wrapper .partfinder-btn .amfinder-buttons .button {
	padding:7px 10px !important;
	width: 85px !important;
}
.header_bg ul.level0.nav-submenu.nav-panel--dropdown.nav-panel {
 	top: 32px !important;
}
.home-parts-finder-wrapper .garage-block select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image:url('https://skunk2.com/skin/frontend/ultimo/default/images/drop-arrow.png');
	background-position: 94% center;
	background-repeat: no-repeat;
	background-color: #fff;
	height:30px;
	color:#939393;
	height:23px;
}
.home-parts-finder-wrapper .garage-block input {
	height: 23px;
}
.home-parts-finder-wrapper  div.home-parts-finder {
	padding: 9px 0 15px;
}
.the-slideshow-wrapper .the-slideshow .owl-pagination {
	/*text-align:left;
	margin-left:15px;*/
}
.the-slideshow-wrapper .the-slideshow .owl-pagination .owl-page span {
	background-color:#cccccc !important;
	height:10px;
	width:10px;
	margin-left:5px;
	margin-right:0px !important;
	border:none !important;
}
.the-slideshow-wrapper .the-slideshow .owl-pagination .owl-page.active span {
	background-color:#bd2323 !important;
}
.the-slideshow-wrapper .slider-pagination2 .owl-controls.clickable .owl-page:hover span,
.the-slideshow-wrapper .slider-pagination2 .owl-controls .owl-page.active span {
	height:10px !important; 
	width:10px !important;
	margin-left:5px;
	margin-right:0px !important;
	border:none !important;
}
.main.container .updates > span ,
.main.container .video-header span{
	/*font-family: 'FuturaBT-Medium';*/
	letter-spacing: 0.1em;
	text-transform: uppercase;
	font-weight: bold;
}
.main.container .home-left-bar .updates,
.main.container .video-container .video-header {
	padding-top:1px !important;
	padding-bottom:1px !important;
}
.main.container .home-left-bar .subscribe-form .input-text{
	height:23px;
}
.main.container .home-left-bar .subscribe-form .button {
	padding: 6px 20px;
}
/*.main-before-top-container {
	background-image:url('https://skunk2.com/skin/frontend/ultimo/default/images/slider-outer-bg.png');
	background-repeat: repeat-x;
}*/
.main-before-top-container .the-slideshow-wrapper-outer {
	padding-top:0px;
}
.main.container .home-left-bar,
.main.container .video-container {
	border:1px solid #303030;
}
.home-left-bar #article-container .home-blog-content {
	width:96% !important;
	background:#000 !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
	padding-top: 2px !important;
	padding-bottom: 0px !important;
}
.home-left-bar #article-container .home-blog-content .featured-image {
	border: 2px solid #fff;
  width: 112px !important;
}
.home-left-bar #article-container .home-blog-content .post-title {
	width:100% !important;
	float:none !important;
  color: #fff;
}
.home-left-bar #article-container .home-blog-content .post-title,
.home-left-bar #article-container .home-blog-content .post-date {
	font-size: 16px;
  font-weight: bold;
  font-family: "Helvetica";
}
.home-left-bar #article-container .home-blog-content .post-date {
  color: #931111;
  padding: 4px 0 2px;
}
.home-left-bar #article-container .home-blog-content .read-more {
	display: none !important;
}
.footer-container .footer-top-container {
	height:0px;
}
.footer-container .footer-bottom-container.section-container {
	background-image:url('https://skunk2.com/skin/frontend/ultimo/default/images/footer-btm-bg.png');
	background-repeat:repeat-x;
}
.video-content .home-latest-video iframe {
	border:5px solid #fff;
}
.video-content .video-lists .featured-image img {
	border:2px solid #fff;
}
.footer-container .footer-border {    
	border-top: 2px solid #b1090a;
    display: block;
   	padding-bottom: 4px;
    background-color: #000;
}
.main.container .video-container .home-latest-video,
div.skunk2 .video-container .video-content	 {
	background-color:#000;
}
.search-container #search {
	background-image:url('https://skunk2.com/skin/frontend/ultimo/default/images/icon-search.png');
	background-repeat:no-repeat;
	background-position: 98% center;
	text-transform: uppercase;
}
.main.container .nav-controller .ctr-article {
	width:45%;
}
.main.container .nav-controller .ctr-article.newer {
	margin-left:2%;
}
.main.container .nav-controller .ctr-article.older {
	margin-right:2%;
}

.grams .video-container{
	border-top: 2px solid #cf1604; 
	border-bottom: 2px solid #cf1604; 
	padding-bottom: 0;
}
.kraftwerks .video-container{
	border-top: 2px solid #233d92; 
	border-bottom: 2px solid #233d92; 
	padding-bottom: 0;
}
.video-container .video-header{
	/*font-size: 1.4em;
	height: 100%;*/
	/*padding-top: 11px;
	padding-bottom: 11px;*/
}
.grams .video-container .video-header a{
	color: #898a8c;
	font-size: .8em;
	margin-right: 12px;
}
.kraftwerks .video-container .video-header a{
	color: #233d92;
	font-size: .8em;
	margin-right: 12px;
}
/*.home-left-bar {
	margin-left: 69px !important;
}*/
.grams .home-left-bar .tab{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/grams-home-tab-bg.png") !important;
	border-radius: 1px 1px 0 0;
	-moz-border-radius: 1px 1px 0 0;
	-webkit-border-radius: 1px 1px 0 0;
	border-color: transparent !important;
}
.grams .home-left-bar .tab .active{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/grams-home-tab-active-bg.png") !important;
	top: 0!important;
}
.kraftwerks .home-left-bar .tab{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/kraft-werks-home-tab-bg.png") !important;
	border-radius: 1px 1px 0 0;
	-moz-border-radius: 1px 1px 0 0;
	-webkit-border-radius: 1px 1px 0 0;
	border-color: transparent !important;
}
.kraftwerks .home-left-bar .tab .active{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/kraft-werks-home-tab-active-bg.png") !important;
	top: 0!important;
}
.grams .h-container{
	border-bottom: 1px solid #cf1604;
}
.kraftwerks .h-container{
	border-bottom: 1px solid #233d92;
}
.grams h3, .grams .h-container a, .grams .jcarousel-control-prev, .grams .jcarousel-control-next{
	color: #cf1604!important;
}
.kraftwerks h3, .kraftwerks .h-container a, .kraftwerks .jcarousel-control-prev, .kraftwerks .jcarousel-control-next{
	color: #233d92!important;
}
.home-left-bar .tab a{
	color: #ffffff;
}
.video-container .video-content{
	/*padding-top: 14px;	*/
}
.grams .video-container .video-header{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/grams-video-header-bg.png") !important;	
	color: #ffffff;
	padding-left: 15px;
	line-height: 35px;

}
.kraftwerks .video-container .video-header{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/kraftwerks-video-header-bg.png") !important;	
	color: #ffffff;
	padding-left: 15px;
	background-size: 100% 53px !important;
	line-height: 35px;
}
.home-left-bar #tabs ul li a{
	float: left;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px  solid #cccccc;
	border-bottom: 1px  solid #cccccc;
	margin-right: 2%;
	padding: 3%;
}

.home-left-bar #tabs ul li{
   margin-right:5px;
}
.video-lists img{
	border:2.5px solid #000000;
	/*margin-left: 7px;*/
	margin-right: 0;
	height: 137px;
	margin-top: 7px;
}
.home-left-bar .content div{
	width: 80%;
	margin-left: 10px;
	margin-top: 24px;
	border: 1px solid #cccccc;
}
.home-left-bar .tab-container{
	float: left;
}
.home-left-bar .video-container{
	width: 54.1%;
	margin-left: 19px;
}
.tab-container .panel-container{
	padding: 0!important;
	text-align: left;
	background: transparent;
}
.grams .video-container .video-content{
	background: #dcdcdc;
	padding-bottom: 17px;
	/*height: 612px;*/
	width: 100%;
	overflow: hidden;
}
.kraftwerks .video-container .video-content{
	background: #2a2b2f;
	padding-bottom: 17px;
	height: 612px;
}

.video-container .video-content .video{
	border: 3px solid rgb(0, 0, 0); 
	height: 332px; 
	width: 94%; 
	margin-left: 2.5%;
}

.home-blog-content{
	margin-top: -1px;
	padding: 15px 6px 6px 11px;
}

.jssora03_l{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/next_previous_btn.png") no-repeat scroll 0% 100% !important;
	position: absolute;	
}

.jssora03_r{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/next_previous_btn.png") no-repeat !important;	
	position: absolute;	
}

.tab a{
	line-height: 3.7em !important;
}

.jcarousel-wrapper {
	width: 88%;
	left: 0;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    top: 52px;
}

.socials{
	position: relative;
	left: -6px;
}

.socials li{
	float: left;	
	line-height: 21px;
}

.socials li span{
	padding: 11px;
}

.socials li a.fb{
	background-position: -6% 0%;
}

.socials li a.twitter{
	background-position: 32% 0% ;
}

.socials li a.instagram{
	background-position: 69% 0%;	
}

.socials li a.gplus{
	background-position: 108% 0%;
	
}

/*footer*/
.footer-container .payment{
	background: url("https://skunk2.com/skin/frontend/ultimo/default/images/payments.png") no-repeat !important;	
	padding-left: 179px;
	position: relative;
	top: 5px;
	padding-bottom: 7px;
}	

.footer-container .payment {
	left: 9px;
}

.footer-banner  {
	margin-top: 12px;
}
.footer-banner  div{
	margin: 16px 2px 0 2px;
	width: 19%;
}

/*menu*/
.nav-regular, .nav-regular .nav-item.level0.active > a{
	background-color: transparent !important;
}

.nav-regular .nav-item.level0 > a{
  font-family: 'Avenir', Arial,Helvetica,sans-serif;
	font-size: 14px; 
	font-weight: normal;
}

.nav-regular{
	border-bottom: 0!important;
	padding-bottom: 0;
	margin-top: -24px;
	margin-left: 35%;
	margin-bottom: 5px;
}

.accordion-style1 .opener {
	display: none;
}

.category-products-grid .item{
	background-color: transparent;
}

.accordion-style1 li a {
	border-bottom: 0;
}

.accordion-style1 li li a:hover,
.accordion-style1 li a:hover {
	background-color: transparent;
}

.category-description{
	min-height: 216px;
	/*margin-left: 223px;*/
}

.category-title {
	border-bottom: 0;
}

.toolbar{
	border: 0; 
}

.toolbar .pager{
	border: 0;
}

.category-products-grid .item{
	border: 0; 
}

.pager .pages li{
	margin: 0;
}

.pager .pages li a{
	width: 27px;
	height: 27px;
	color: #000;
}

.pager .pages .current{
	width: 29px;
	height: 29px;
}

.products-grid{
	padding-top: 17px;
}

.products-grid .price-box{
	float: left;
	padding-left: 27px;
	font-size: 15px;
	margin-right: 15px;
}

.products-grid .actions{
	bottom: 7px!important;;
	float: left;
	position: relative!important;
	padding-left: 0!important;
}

#nav .nav-item.level0.parent > a .caret{
	display: none;
}

.links-wrapper-separators-left .links > li > a{
	font-size: 15px;
}

.links-wrapper-separators-left .links > li > a:hover{
	background-color: transparent;
}

.form-search .input-text{
	height: 33px;
	line-height: 33px;
	margin-top: 5px;
}

.blog-content{
	width: 83.4%;
}

.product-view .btn-cart{
	/*margin-top: 8px;*/
	float: none !important;
}

.product-view .add-to-box{
	border: 0;
}

.add-to-cart .qty-wrapper .qty{
	width: 4em !important;
	height: 30px;
}

.header .caret{
	display: none !important;
}

#nav .nav-panel--dropdown a{
	text-transform: uppercase; 
}

#nav .nav-panel--dropdown a .caret{
	display: none;
}

.nav-regular .classic > .nav-panel--dropdown{
	width: 14em !important;
}

.nav-regular .nav-panel li.classic{
	/*background: url("https://skunk2.com/skin/frontend/ultimo/default/images/nav-menu-divider.png") left bottom no-repeat;
	margin: 0 5px;*/
	padding: 5px 0 5px 0;
}

.nav-regular .classic > .nav-panel--dropdown{
	padding: 13px !important;
}

/*mobile menu styles*/
.nav-mobile .nav-item.level0 > a,
.mobnav-trigger, .nav-mobile .nav-item.level0 > a,
#nav.nav-mobile ul.level0 .nav-item > a{
	font-family: arial, Helvetica;
	color: #333333;
}

.nav-mobile .nav-item.level0 > a:hover,
.mobnav-trigger, .nav-mobile .nav-item.level0 > a:hover,
#nav.nav-mobile ul.level0 .nav-item > a:hover{
	background-color: #ffffff;
}

.mobnav-trigger{
	border-bottom: 0;
}

.mobnav-trigger .trigger-icon .line{
	background-color: #333333;
}

.nav-mobile li.nav-item.space{
	display: none;
}

.product-view-page .no-gutter.grid-col2-main {
	width: 64.4%;
}
.product-view-page .col-left {
  width: 35.6%;
}

.product-view-page .breadcrumbs,
.product-view-page .preface,
.product-view-page .product-store {
	margin-left: 0;
}

/*contact-us && customer service*/
.contact-us, .customer-service{
	color: #dadada;	
}

.contact-us p, .customer-service p{
	line-height: 23px;
}

.contact-us a, .customer-service a{
	color: #cc1600;
}

/*blog*/
.comment .comment-inner{
	border-bottom: 0 !important;
}

.fieldset .legend, .buttons-set{
	border-bottom: 0 !important;
}

.buttons-set{
	width: 35.2%;
	border: 0 !important;
}

.buttons-set button.button{
	background: #eb101a;
	color:white;
	cursor:pointer;
	border:none;
	padding:8px 15px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-transform:uppercase;
	font-size:12px;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	
}

.buttons-set button.button:hover { color:#a5050c; color:white;}



.post-view .postContent{
	/*width: 81%;*/
	width:100%;
    margin-top: 21px;
}

.post-view .comment-when{
	color: #dadada;	
}

.post-view .form-list input.input-text{
	background: transparent;
	color: #dadada;	
}

.post-view .form-list li.wide textarea{
	width: 411px;
	background: transparent;
	height: 152px;
	color: #dadada;	
}

.post-view .comments-wrapper .form-list .field {
	float: none !important;
}

.post-view .post-skips{
	display: none !important;
}

.blog-container .bannerBottom{
  	float: left;
  	margin: 23px auto 0px auto;
}

.blog-container .bannerBottom ul li{
	float: left;
	margin-right: 17px;
}

/*page*/
.col-left.sidebar {
	padding-top: 7px;
}

/*toolbar*/
.sorter {
	line-height: 35px;
}
.pager .pages li a, .pager .pages .current {
	line-height: 28px;
	height: 29px;
}
#respond .buttons-set button.button { float:left; margin-left:0px;}
.blog-container .sorting-options-container p  { float:none; display:inline-block;}
.blog-container .sorting-options-container .sort-option  { display:inline-block;}
.blog-container .sorting-options-container { width:100%; float:none;}
.blog-container .blog-contents { padding-top:10px;}
.the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons div.owl-prev {
  background-position: 10% -1px !important;
}
div.the-slideshow-wrapper .slider-arrows2 .owl-controls div.owl-buttons div.owl-next {
  background-position: 90% -1px !important;
}
.blog-contents .general-content .single-article a img, .blog-contents .products .single-article a img, .blog-contents .featured-rides .single-article a img, .blog-contents .blogroll .single-article a img {
	  height:180px;
	}
div.single-article  { height:auto; min-height:250px;}
.category-products .products-grid .product-name{
  min-height: 40px;
}
.category-products .products-grid .price-box,
.category-products .products-grid .actions {
	float:none;
}
div.single-article a img {
    height: 180px;
    width: 72%;
}
.nav-mobile .nav-item.level0 > span.opener { color:#030303;}
.nav-mobile .nav-item.level0 > a:hover, .mobnav-trigger, .nav-mobile .nav-item.level0 > a:hover, #nav.nav-mobile ul.level0 .nav-item > a:hover {
    background-color: inherit;
} 
.breadcrumbs .post{ min-height:inherit; }
.postContent iframe {
    width: 100%;
}
.box-additional.grid12-5.related-products-block {
	width:100%;
}

.home-latest-video iframe{
	width: 100%;
}

.pre-notes{
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;
}

/*media queries*/
@media only screen and (max-width : 1280px) {
	ul.amfinder-toggle .dropdown-element select { width:95%; float:left;}
	ul.amfinder-toggle .dropdown-element { width:100%;}
	.blog-contents .general-content .single-article,.blog-contents .products .single-article,.blog-contents .featured-rides .single-article,.blog-contents .blogroll .single-article  {
	  width: 49%;
	  height:auto;
	}
	.the-slideshow-wrapper .slider-arrows2 .owl-controls .owl-buttons div.owl-next {
		background-position: 20px -1px !important;
	}
	div.nav-regular {
		margin-left:30%;
	}
	div.cms-pager {
		width:58.6%;
	}
}

@media only screen and (max-width : 1024px) {
	
	/*.cms-home .garage-block .search-container { float:none; width:200px; display:block; overflow:hidden;}
	.cms-home .garage-block .search-container form {  display:block;}
	.cms-home .garage-block .search-container form input { width:96%; margin-top:10px;}
	.cms-home .garage-block { height:auto;}*/
}
@media only screen and (max-width : 960px) {
	.home-left-bar {
		margin-left: 0!important;
	}
	div.single-article a img {
		height: 150px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.home-left-bar {
		margin-right: 43px!important; 
	}
}
@media only screen and (max-width : 767px) {
.aw-onestepcheckout-row .aw-onestepchekocut-column.aw-onestepchekocut-column-left, 
.aw-onestepcheckout-row .aw-onestepchekocut-column.aw-onestepchekocut-column-middle, 
.aw-onestepcheckout-row .aw-onestepchekocut-column.aw-onestepchekocut-column-right {
width: 100% !important;
}

	.cms-filters {
		display: none;
	}
	div.home-blog-content { height:auto;} 
	.post-container .post-date, .post-container .post-title {
		display: block;
	}
	div.home-blog-content .post-container {
		display:block;
		overflow:inherit;
	}
	.post-container span.post-content {
		display: block;
		margin-top: -10px;
	}
	div.post-view div.postContent {
		width:100%;
	}
	#subscribe-form {
		display:block;
	}
	div.single-article a img {
		height: 120px;
	}
	div.blog-container { padding-left:0px;}
	/*.blog-contents .general-content .single-article .post-info ,*/
	/*.blog-contents .products .single-article .post-info,*/
	/*.blog-contents .featured-rides .single-article .post-info,*/
	.blog-contents .blogroll .single-article .post-info {
	 	margin-left: 52%;
	}
	/*.blog-container .blog-contents .products .single-article {height: 275px;}
	.blog-container .blog-contents .featured-rides .single-article {height: 190px;}
	.blog-container .blog-contents .general-content .single-article {height: 200px;}*/
}
@media only screen and (max-width : 639px) {
	.blog-contents .general-content .single-article,.blog-contents .products .single-article,.blog-contents .featured-rides .single-article,.blog-contents .blogroll .single-article  {
	  width: 100%;
	  height:auto;
	}
	div.single-article {
		width:100%;
	}
	div.single-article a img {
		width: 92%;
		height:auto;
	}
	.blog-contents .general-content .single-article a img, .blog-contents .products .single-article a img, .blog-contents .featured-rides .single-article a img, .blog-contents .blogroll .single-article a img {
	  width: 92%;
	}
	.page .garage-block {height: auto; padding: 5% 0%;}
	.page .garage-block .partfinder-fields { width:95%; margin:0 auto; float:none;}
	.page .garage-block .partfinder-fields select {
    width: 100% !important; 
    float: none;
  }
	.page .garage-block .amfinder-buttons { padding-left:9px;}
	.page .garage-block .search-container form input { width:92.5%;}
	.blog-container .sorting-options-container { width:100%; float:none; margin:0px;}
  
	.catalog-category-view .main-container .inner-container  .col-main  .category-image { width:100%; float:none;}
	.catalog-category-view .main-container .inner-container  .col-main .category-description { width:100%; float:none;}
}
@media only screen and (max-width : 479px) {
	.home-left-bar .tab a { font-size:11px;}
	.product-view .add-to-cart .btn-cart { width:93%;}
}
@media only screen and (max-width : 420px) {
	.page .garage-block .partfinder-fields .dropdown-element { margin-left:0px; margin-bottom:0px;}
	.page .garage-block .search-container { margin:0px;}
	.page .garage-block .partfinder-btn { margin-left:0px;}
	#respond .buttons-set button.button { float:none; width:auto;margin-left:0; min-width:inherit;}
	.blog-contents .general-content .single-article,
	.blog-contents .featured-rides .single-article,
	.blog-contents .products .single-article, 
	.blog-contents .blogroll .single-article	{width: 100%;}
	li.cat-page.sub-category { float:none; margin-bottom:10px;}
	li.cat-page.sub-category img{ width:175px;}

        div.aw-onestepcheckout-auth-form-block:first-child{width:93%;}
        #aw-onestepcheckout-container{padding:5px !important;}
}
#aw-onestepcheckout-container{width:96% !important;}
#aw-onestepcheckout-general-container{overflow:hidden;}
.aw-onestepcheckout-row .aw-onestepchekocut-column.aw-onestepchekocut-column-left, 
.aw-onestepcheckout-row .aw-onestepchekocut-column.aw-onestepchekocut-column-middle, 
.aw-onestepcheckout-row .aw-onestepchekocut-column.aw-onestepchekocut-column-right {
display: block !important;
float:left;
}



/* NKS CSS Document */
.head-t.fadeInUp.animated {
	font-size: 58px;
	letter-spacing: 0;
}
.lca-description li {
	color: #fff;
	font-size: 22px;
	text-align: start;
	line-height: 30px;
}.heading_title.detail-heading {
	text-align: start;
	font-size:42px;
	padding-left: 17px;
}
.information-txt img {
	margin-top: 46%;
}




.section-title.padding-right {
	padding: 15px 10px 15px 10px;
	display: block;
	background: #2c2c2c;
	border-radius: 5px 5px 0 0;
	width: 100%;
	border-bottom: none;
}


.box-additional.box-up-sell.grid12-9 {
	width: 100%;
	margin-left: 0px;
}
.box-up-sell .owl-item{
	width: 100% !important;
}
.box-up-sell  .owl-wrapper{
	
	width: 100% !important;

}

.itemslider .item {
	padding-left: 4px !important;
	padding-right: 0px !important;
}

.box-up-sell .owl-item {
	width: 25% !important;
}
.itemslider.itemslider-responsive.products-grid.centered.owl-carousel.owl-theme{
	max-width: 100% !important;
	border: 1px solid #333;
}
  
 
.itemslider-upsell-wrapper  .bx-wrapper{
	padding-top: 0px !important;
}

.itemslider-upsell-wrapper .bx-controls-direction{
	display:none !important;
}

.box-up-sell{ padding-bottom: 40px; }

.itemslider-upsell-wrapper{  border: 1px solid #333; }




.price-box {
    min-height: 82px;
}

.padleft{padding-left:6%; }
.padpadleft{padding-left:12%;}




#lblvehi i {
	font-size: 22px;
	padding-left: 12px;
}

#lblser i {
	font-size: 22px;
	padding-left: 12px;
}

#lblcrs i {
	font-size: 22px;
	padding-left: 12px;
}
.paddbottom{ padding-bottom:80px; }

#lblservehi i {
	font-size: 22px;
	padding-left: 12px;
}

#lblcrsvehi i {
	font-size: 22px;
	padding-left: 12px;
}



.amfinder-buttons {
    margin-top: 21px;
}



@media only screen and (max-width: 767px) and (min-width: 480px){
.blog-details .container {
    max-width: 553px !important;
}
}

.product-options input.input-text, select, textarea {
    background: #fff;
    width: 69% !important;
    border-radius: 6px;
}
.product-options .contact-page .grid12-6 .input-box input, select {
    font-size: 16px !important;
    padding-left: 2px !important;
    font-weight: bold !important;
}

.detail_block .price-box {
    min-height: 50px;
}
.detail_block .detail_block_right h3, .detail_block_right h3 div span.price {
    padding: 0 0 0px 0;
}

.box-additional .add-to-cart .qty-wrapper .qty {
    background: #fff;
}
.box-additional .qty-wrapper {
    width: auto !important;
    float: left;
    margin-bottom: 7px;
    padding-right: 10px;
}
.box-additional .button.button.btn-cart {
    width: 138px;
    height: 40px;
    line-height: 37px;
    text-align: center;
    float: left;
    background: #eb101a;
    color: #fff !important;
    font-size: 16px;
    font-family: 'Roboto Condensed', sans-serif;
    position: relative;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 0;
}
.box-additional .button.button.btn-cart span {
	color: #fff !important;
	
}
.box-additional .add-to-cart .qty-wrapper .qty {
    width: 5em !important;
    height: 40px;
    font-size: 17px;
    color: #000;
    font-weight: bold;
}

.block.itoris_laynav {border:0;padding:0; }
.block.itoris_laynav .block-title {border:0;padding:0;margin:0px;}
.itoris_laynav .block-title {background: url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/title-bg.png) no-repeat scroll left center transparent !important;}
.itoris_laynav .block-title div {background: url("https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/title-bg-right.png") no-repeat scroll right center transparent; padding:3px 6px; }
.itoris_laynav .block-title strong {color:white; font-size:12px; line-height:17px;}
.itoris_laynav .block-subtitle {color: #333333; font-size: 12px; font-weight: bold; margin: 0; height:25px; white-space:nowrap; padding:0;background:url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/subtitle-bg.png) no-repeat scroll left center transparent;}
.itoris_laynav .block-subtitle div {padding: 4px 6px 5px;background:url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/subtitle-bg-right.png) no-repeat scroll right 0 transparent; line-height: 15px;}

.itoris_laynav .block-subtitle button {background:url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/subtitle-button-bg-right.png) no-repeat scroll right top transparent; border:0;float: right;padding:0px 7px 0px 0px;}
.itoris_laynav .block-subtitle button:active{position:relative; top:1px; left:1px;}
.itoris_laynav .block-subtitle button span {background:url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/subtitle-button-bg.png) no-repeat scroll left center transparent;border:0;font-size:11px; line-height:16px; height:16px;padding:0; display:block;}
.itoris_laynav .block-subtitle button span span{background: none;margin:0;padding-left:7px;}

.itoris_laynav .block-content {background-color: #f0f0f0;margin:0px;}
.itoris_laynav .block-content dt,
.itoris_laynav .block-content dd {padding:0 10px;}
.itoris_laynav .block-content dt {padding-left:27px;border-top:1px solid #d8dadc;padding-top:1px;cursor: pointer;}
.itoris_laynav .block-content dd {margin-bottom:5px;}
.itoris_laynav .block-content dt.ln-opened{background:url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/open-filter-icon.png) no-repeat scroll 11px 5px transparent;}
.itoris_laynav .block-content dt.ln-closed{background:url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/closed-filter-icon.png) no-repeat scroll 11px 5px transparent;}
.itoris_laynav .block-content dd .ln-tree .ln-tree{margin-left:15px;}

.itoris_laynav .price-range .scale {background: #6985a1;height:2px;}
.itoris_laynav .price-range .control {height:5px;position: relative;padding:13px 5px 5px 5px;}
.itoris_laynav .price-range .pointer {height:13px; width:11px;position: absolute;top:5px;left:0px;background: url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/pointer.png)}
.itoris_laynav .price-range .range {height:8px; position:absolute; top:5px; left:0px; width:100%; background: #d1e4f3;}

.itoris_laynav .clear-filter-button{background:url(https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/clear-filter-button.png); width:9px; height:9px; float:right; border:0;margin-top:4px;cursor:pointer;outline: none;}
.itoris_laynav .clear-filter-button:active{position:relative; top:1px; left:1px;}

.ln-loader-back {background-color: #000000; height: 100%; left: 0; opacity: 0.7;filter:alpha(opacity=70); position: fixed; top: 0; width: 100%; z-index: 1000; }
.ln-loader-image {background-image: url("https://skunk2.com/skin/frontend/base/default/itoris/layerednavigation/images/loader.gif"); height: 11px; left: 50%; margin-left: -22px; margin-top: -6px; position: fixed; top: 47%; width: 43px; z-index: 1001; }
.ln-loader-title {color: #FFFFFF; font-size: 16px; height: 20px; position: fixed; text-align: center; top: 49%; width: 100%; z-index: 1001;}

.category-products .toolbar .sort-by img {display: inherit}
.category-products .toolbar .pages img.v-middle {display:none;}
.itoris_laynav  .price-label.left {float:left; font-size:12px;}
.itoris_laynav  .price-label.right {float:right; font-size:12px;}

