/*
 * Core Style:
 * The following CSS is consistent between example themes and should not be altered.
 */
#rl_modals,
#rl_modals_overlay,
#rl_modals_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#rl_modals_wrapper {
  max-width: none;
}
#rl_modals_overlay {
  position: fixed;
  width: 100%;
  height: 100%;
}
#rl_modals_middle_left,
#rl_modals_bottom_left {
  clear: left;
}
#rl_modals_content {
  position: relative;
}
#rl_modals_loaded_content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#rl_modals_title {
  margin: 0;
}
#rl_modals_loading_overlay,
#rl_modals_loading_graphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#rl_modals_previous,
#rl_modals_next,
#rl_modals_close,
#rl_modals_slideshow {
  cursor: pointer;
}
#rl_modals.no_navigation #rl_modals_previous,
#rl_modals.no_navigation #rl_modals_next,
#rl_modals.no_navigation #rl_modals_close,
#rl_modals.no_navigation #rl_modals_slideshow,
#rl_modals.no_navigation #rl_modals_current {
  display: none !important;
}
.rl_modals_photo {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.rl_modals_iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#rl_modals,
#rl_modals_content,
#rl_modals_loaded_content {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
#rl_modals_title .modals_description {
  font-size: 0.7em;
  font-weight: normal;
}
.modal_link_hidden {
  display: none !important;
}
/*
 * User Style:
 * Change the following styles to modify the appearance of ColorBox.  They are
 * ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#rl_modals_overlay {
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#rl_modals {
  outline: 0;
  top: 50%;
  left: 50%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0 !important;
}
#rl_modals_content {
  overflow: hidden;
}
#rl_modals_loaded_content {
  overflow-y: auto;
  padding: 15px;
  margin-top: 44px;
  margin-bottom: 0;
  max-height: none;
}
#rl_modals.is_image #rl_modals_loaded_content,
#rl_modals.is_video #rl_modals_loaded_content {
  padding: 0;
}
#rl_modals_title {
  border-bottom: 1px solid #eeeeee;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 9px 25px 9px 15px;
  color: inherit;
  text-align: left;
  text-rendering: optimizelegibility;
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  min-height: 24px;
}
#rl_modals_title small {
  font-weight: normal;
}
.cbimg {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: transparent url("../images/bootstrap/controls.png") no-repeat 0 0;
  *margin-right: 0.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#rl_modals_previous,
#rl_modals_next/*,
#rl_modals_slideshow*/{
  /*border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: transparent url("../images/bootstrap/controls.png") no-repeat 0 0;
  *margin-right: 0.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 50%;
  width: 42px;
  height: 44px;*/
display:block;position:absolute;width:40px;height:40px;top:50%;margin-top:-20px;border-radius:50%;z-index:9998!important;background-color:#fff;transition:all 0.4s ease!important;cursor:pointer;text-indent:-999px;border:0;overflow: hidden;
}
/*#rl_modals_current,*/
#rl_modals_previous,
#rl_modals_next/*,
#rl_modals_slideshow */{
  /*position: absolute;
  background-color: #fff;
  border: 15px solid #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);*/
  opacity: 0;
  filter: alpha(opacity=0);
}
/*#rl_modals_content:hover #rl_modals_current,*/
#rl_modals_content:hover #rl_modals_previous,
#rl_modals_content:hover #rl_modals_next,
#rl_modals_content:hover #rl_modals_slideshow {
  opacity: 1;
  filter: alpha(opacity=100);
}

#rl_modals_content #rl_modals_previous:before,
#rl_modals_content #rl_modals_next:before{display:block;content:'';width:40px;height:40px;position:absolute;top:0;left:0;z-index:9999;background-color:#2f2f2f;transition:all 0.4s ease;-webkit-mask-image:url("../../../templates/shaper_helixultimate/images/icons/arrow-l.svg");mask-image:url("../../../templates/shaper_helixultimate/images/icons/arrow-l.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
#rl_modals_content:hover #rl_modals_next:before{transform:rotate(-180deg);}

#rl_modals_content #rl_modals_previous:hover,
#rl_modals_content #rl_modals_next:hover{background-color:#f85007;}

#rl_modals_content #rl_modals_previous:hover:before,
#rl_modals_content #rl_modals_next:hover:before{background-color:#fff;}

/*#rl_modals_current {
  font-weight: bold;
  line-height: 1em;
  bottom: 0;
  right: 0;
  -webkit-border-radius: 6px 0 6px 0;
  -moz-border-radius: 6px 0 6px 0;
  border-radius: 6px 0 6px 0;
}*/
#rl_modals_previous {
  /*ackground-position: 0 0;
  left: 0;
  -webkit-border-radius: 0 6px 6px 0;
  -moz-border-radius: 0 6px 6px 0;
  border-radius: 0 6px 6px 0;*/
  left:15px;
}
#rl_modals_next {
  /*background-position: -24px 0;
  right: 0;
  -webkit-border-radius: 6px 0 0 6px;
  -moz-border-radius: 6px 0 0 6px;
  border-radius: 6px 0 0 6px;*/
  right:15px;
}
/*#rl_modals_slideshow {
  background-position: -48px 0;
  left: 50%;
  right: 50%;
}
.rl_modals_slideshow_on #rl_modals_slideshow {
  background-position: -72px 0;
}*/
#rl_modals_close {
  border: 0;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  position: absolute;
  width: 14px;
  height: 14px;
  line-height: 14px;
  background: transparent url("../images/bootstrap/controls.png") no-repeat 0 0;
  *margin-right: 0.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-position: -96px 0;
  top: 14px;
  right: 15px;
  opacity: 0.3;
  filter: alpha(opacity=30);
}
#rl_modals_close:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#rl_modals_loading_graphic {
  background: transparent url(../images/bootstrap/loading.gif) no-repeat 50% 50%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  height: 100%;
}
.no_title #rl_modals_title {
  height: 0 !important;
  min-height: 0;
  padding: 0;
  border-bottom: none;
}
.no_title #rl_modals_loaded_content {
  margin-top: 0 !important;
}
.no_title #rl_modals_close {
  right: 3px;
  top: 3px;
}
.no_title.has_scrollbar #rl_modals_close {
  right: 18px;
}
#rl_modals_title .countdown {
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #049cdb;
}