/**
 * Infortis themes styles
 */
/* Minor components %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Caret
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.caret {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: initial;
  /* Important: avoid caret exceeding height of the item */
}
.dropdown .caret {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dropdown.open .caret {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* Product labels - rectangular
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Sticker wrapper
-----------------------------------------------------------------
*/
/** 
 * Stickers are positioned relative to first container 
 * with "position:relative" which by default is ".product-item-img".
 */
.sticker-wrapper {
  position: absolute;
  z-index: 1;
  /* Can't be more than 1, it would cover surrounding grid item on hover */
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
/* Positions */
.sticker-wrapper.top-right {
  top: 0;
  right: 0;
}
.sticker-wrapper.bottom-right {
  bottom: 0;
  right: 0;
}
.sticker-wrapper.bottom-left {
  bottom: 0;
  left: 0;
}
.sticker-wrapper.top-left {
  top: 0;
  left: 0;
}
/* Sticker
-----------------------------------------------------------------
*/
.sticker {
  padding: 8px 10px;
  min-width: 40px;
  /*margin-bottom: 1px;*/
  font-size: 1.4rem;
  line-height: 1em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  display: block;
  -webkit-transition: all 150ms ease-in-out 150ms;
  -moz-transition: all 150ms ease-in-out 150ms;
  -o-transition: all 150ms ease-in-out 150ms;
  transition: all 150ms ease-in-out 150ms;
}
.sticker:last-child {
  /*margin-bottom: 0;*/
  /* Last label in a set of labels doesn't need a gap at the bottom */
}
/* Colors */
.sticker.new {
  background-color: #5bd2ec;
  /* Test semi-transparent: rgba(91, 210, 236, 0.85) */
  color: #fff;
}
.sticker.sale {
  background-color: #f12b63;
  /* Test semi-transparent: rgba(241, 43, 99, 0.85) */
  color: #fff;
}
.sticker.custom {
  background-color: #92d213;
  /* Test semi-transparent: rgba(146, 210, 19, 0.85) */
  color: #fff;
}
/* Effects
-----------------------------------------------------------------
*/
/* Fade away */
.item:hover .sticker {
  opacity: 0;
  /* Fading away on hover is immediate, but on mouse out it has a delay */
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
}
/* Move sticker outside the container */
.item:hover .sticker-wrapper.top-right {
  right: -60px;
}
.item:hover .sticker-wrapper.bottom-right {
  right: -60px;
}
.item:hover .sticker-wrapper.bottom-left {
  left: -60px;
}
.item:hover .sticker-wrapper.top-left {
  left: -60px;
}
/* In product view
-----------------------------------------------------------------
*/
.product-view .sticker-wrapper {
  z-index: 99;
  /* On product page z-index greater than Cloud Zoom image */
}
/* Product labels - round
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Sticker wrapper
-----------------------------------------------------------------
*/
/* Positions - slightly shifted toward the corner */
/*.round-stickers .sticker-wrapper.top-right {
    top: -3px;
    right: -3px;
}

.round-stickers .sticker-wrapper.bottom-right {
    bottom: -3px;
    right: -3px;
}

.round-stickers .sticker-wrapper.bottom-left {
    bottom: -3px;
    left: -3px;
}

.round-stickers .sticker-wrapper.top-left {
    top: -3px;
    left: -3px;
}*/
/* When position of sticker wrapper is shifted toward the corner
the product image container can't have "overflow:hidden" */
/*.round-stickers .product-item-img {
    overflow: visible !important;
}*/
/* Sticker
-----------------------------------------------------------------
*/
.round-stickers .sticker {
  border-radius: 50%;
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 1.4rem;
  line-height: 60px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
/* Stack stickers
-----------------------------------------------------------------
*/
.round-stickers .sticker-wrapper.top-right .sticker {
  margin-left: -10px;
}
.round-stickers .sticker-wrapper.bottom-right .sticker {
  margin-left: -10px;
}
.round-stickers .sticker-wrapper.bottom-left .sticker {
  margin-right: -10px;
}
.round-stickers .sticker-wrapper.top-left .sticker {
  margin-right: -10px;
}
/* Sizes
-----------------------------------------------------------------
*/
.size-s.round-stickers .sticker {
  width: 45px;
  height: 45px;
  font-size: 1.2rem;
  line-height: 45px;
}
.size-xs.round-stickers .sticker {
  width: 40px;
  height: 40px;
  font-size: 1.1rem;
  line-height: 40px;
}
/* In product view
-----------------------------------------------------------------
*/
.product-view .round-stickers .sticker {
  width: 60px;
  height: 60px;
  font-size: 1.4rem;
  line-height: 60px;
}
/* CMS pages and custom content %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Video (embed)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* "videoWrapper" - depracated class, left for backward compatibility */
.video-wrapper,
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed,
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Landing pages
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.horizontal-section,
.vertical-section {
  display: block;
  margin-top: 0;
  margin-bottom: 10px;
  position: relative;
}
.horizontal-section {
  margin-top: 10px;
}
.landing-page .center-block {
  display: block;
  margin: 0 auto;
}
/* Other
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Disable transitions, fade effect applied with JS */
.fade-on-hover {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}
/* Fade out on hover (deprecated) */
/*.fade-on-hover {
    opacity: 1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.fade-on-hover:hover {
    opacity: 0.75;
}*/
/* Deprecated */
.section {
  padding: 10px 0;
}
.section-space {
  padding: 10px;
}
/* Utility classes %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Layout
-----------------------------------------------------------------
*/
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
/* Margin */
.margin-top {
  margin-top: 20px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.no-margin {
  margin: 0 !important;
}
/* Padding */
.padding-top {
  padding-top: 20px;
}
.padding-bottom {
  padding-bottom: 20px;
}
.no-padding {
  padding: 0 !important;
}
/* Text
-----------------------------------------------------------------
*/
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
/* Design
-----------------------------------------------------------------
*/
.no-bg {
  background: none !important;
}
/* Selected components from Bootstrap %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* "Code" (code.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 15px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: none;
  /*border: 1px solid #ccc;*/
  /*border-radius: 4px;*/
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
/* Part of "Table" (table.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.table-responsive {
  min-height: .01%;
  /* Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837) */
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}
/* Part of "Alerts" (alerts.less)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
/* Override bottom margin of last element */
.alert > *:last-child {
  margin-bottom: 0;
}
.alert ul > li:last-child {
  margin-bottom: 0;
}