/**
 * Popup Box Module Pro - Hero Skin
 * 
 * @name Hero
 * @template default
 * @author  Cuispi
 * @version 2.1.4
 * @license Commercial License
 * @package catalog
 * @subpackage  catalog.view.theme.default.stylesheet.popup_box.skins
 */
.popup_box_remodal-bg.popup-box-skin-hero.popup_box_remodal-is-opening,
.popup_box_remodal-bg.popup-box-skin-hero.popup_box_remodal-is-opened {
  /* */
}

.popup_box_remodal-overlay.popup-box-skin-hero {
  /* */
}

.popup_box_remodal-wrapper.popup-box-skin-hero {
  /* */
}

.popup_box_remodal.popup-box-skin-hero {
  padding: 0;
  border-radius: 0;
  position: relative;
  overflow: visible;
}
.popup_box_remodal.popup-box-skin-hero .popup-box-separator {
  display: none;
}
.popup_box_remodal.popup-box-skin-hero .popup-box-heading {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  padding: 0;
  margin: 0;
}
.popup_box_remodal.popup-box-skin-hero .popup-box-heading .popup-box-title {
  color: #333333;
}
.popup_box_remodal.popup-box-skin-hero .popup-box-content {
  padding: 0;
  margin: 0;
}
.popup_box_remodal.popup-box-skin-hero .popup-box-actions {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 40px;
  padding: 0;
  margin: 0;
}
.popup_box_remodal.popup-box-skin-hero .popup-box-share-buttons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 140px;
}
.popup_box_remodal.popup-box-skin-hero .popup_box_remodal-close {
  top: -10px;
  left: -10px;
  color: #FFF;
  background: #333;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 2px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 2px 4px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 2px 4px rgba(0, 0, 0, 0.15);
  width: 25px;
  height: 25px;
}
.popup_box_remodal.popup-box-skin-hero .popup_box_remodal-close:focus, .popup_box_remodal.popup-box-skin-hero .popup_box_remodal-close:hover {
  color: #FFF;
  background: #1a1a1a;
}
.popup_box_remodal.popup-box-skin-hero .popup_box_remodal-close:before {
  font-size: 25px;
  line-height: 25px;
  width: 25px;
}
.popup_box_remodal.popup-box-skin-hero .popup_box_remodal-close.popup_box_remodal-close-pull-right {
  left: auto;
  top: -10px;
  right: -10px;
}