/**
 * @package         Modals
 * @version         11.10.0PRO
 * 
 * @author          Peter van Westen <info@regularlabs.com>
 * @link            http://regularlabs.com
 * @copyright       Copyright © 2022 Regular Labs All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/*
 * You can override this stylesheet by creating your own in:
 * /templates/[YOUR TEMPLATE]/css/modals/bootstrap.css
 */
/**
 * @package         Modals
 * @version         11.10.0PRO
 * 
 * @author          Peter van Westen <info@regularlabs.com>
 * @link            http://regularlabs.com
 * @copyright       Copyright © 2022 Regular Labs All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/*
 * 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;*/
top:calc(50% - 27px);
background-color:rgba(255, 255, 255, 0.8);
width:44px;
height:44px;
 }
 #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);
   background-color:rgba(255, 255, 255, 0.8);
border-radius:6px;
z-index:9;
transition:all 0.4s ease;
 }
 #rl_modals_current:hover,
 #rl_modals_previous:hover,
 #rl_modals_next:hover,
 #rl_modals_slideshow:hover{background-color:rgba(255, 255, 255, 1.0);}


#rl_modals_previous:before,
#rl_modals_next:before{
content:'';
display: block;
position: absolute;
top:0;
left:0;
z-index: 10;
width:44px;
height:44px;
background-color:#feb40c;
-webkit-mask-image:url(../../../templates/shaper_helixultimate/images/svg/arrows/next_prev.svg);
mask-image:url(../../../templates/shaper_helixultimate/images/svg/arrows/next_prev.svg);
-webkit-mask-position:center;
mask-position:center;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat;}
#rl_modals_previous:before{
transform:rotate(-180deg);
}


 #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_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;*/
display: none!important;
 }
 #rl_modals_previous {
   background-position: 0 0;
   left: 15px;
   /*-webkit-border-radius: 0 6px 6px 0;
   -moz-border-radius: 0 6px 6px 0;
   border-radius: 0 6px 6px 0;*/
 }
 #rl_modals_next {
   background-position: -24px 0;
   right: 15px;
   /*-webkit-border-radius: 6px 0 0 6px;
   -moz-border-radius: 6px 0 0 6px;
   border-radius: 6px 0 0 6px;*/
 }
 #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: 44px;
height: 44px;
line-height: 44px;
   /*width: 14px;
   height: 14px;
   line-height: 14px;
   background: transparent url("../images/bootstrap/controls.png") no-repeat 0 0;*/
   background: url(../../../templates/shaper_helixultimate/images/svg/arrows/close.svg) rgba(254,180,12,0.8) center no-repeat;
   background-size:18px;
   *margin-right: 0.3em;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   /*background-position: -96px 0;
   top: 14px;*/
top: 15px;
   right: 15px;
border-radius: 6px;
   /*opacity: 0.3;
   filter: alpha(opacity=30);*/
 }
 #rl_modals_close:hover {
  background: url(../../../templates/shaper_helixultimate/images/svg/arrows/close.svg) rgba(254,180,12,1.0) center no-repeat;
  background-size:18px;
  /*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;
 }