File: /home/labeautef/forcess-securit.fr/wp-content/plugins/dp-preloader/dp-preloader.php
<?php
/*
Plugin Name: DP Preloader
Plugin URI: http://divi-professional.com
Description: Add preloader to your website easily, responsive and made with CSS and minimal HTML markup.
Version: 1.3
Author: Divi Professional
Author URI: http://divi-professional.com
License: GPL2
Text Domain: dppre
*/
define( 'DP_PLUGIN_URL', plugin_dir_url( __FILE__) );
define( 'DP_PLUGIN_PATH',plugin_dir_path( __FILE__ ) );
define( 'DP_PLUGIN_BASENAME',plugin_basename( __FILE__ ) );
require_once( DP_PLUGIN_PATH . '/class.wp-auto-plugin-update.php' );
add_action( 'plugins_loaded','dppre_plugin_load_function' );
function dppre_plugin_load_function()
{
add_action("epanel_render_maintabs", 'dppre_epanel_tab');
add_action("et_epanel_changing_options", 'dppre_epanel_fields');
add_action('admin_enqueue_scripts', 'dppre_admin_assets');
add_action('wp_head', 'dppre_loader_html');
add_action('wp_head' , 'dppre_preloader_css');
add_action('wp_footer', 'dppre_preloader_js');
add_action( 'wp_ajax_save_epanel', 'dppre_et_epanel_save_callback' );
}
function dppreloader_theme_name(){
$tname = wp_get_theme();
if ( $tname->get('Name') == 'Extra' || $tname->get('Template') == 'Extra' ){ $dem_tname = 'extra';}
else if( $tname->get('Name') == 'Divi' || $tname->get('Template') == 'Divi' ){ $dem_tname = 'divi';}
else{$dem_tname = 'other';}
return $dem_tname;
}
function dppre_et_epanel_save_callback( $source ){
et_core_nonce_verified_previously();
$divi_dppre_preloader_images_val = isset( $_POST[ 'divi_dppre_preloader_images' ] ) ? sanitize_text_field( $_POST['divi_dppre_preloader_images'] ) : '';
update_option('divi_dppre_preloader_images',$divi_dppre_preloader_images_val);
}
function dppre_admin_assets(){
wp_enqueue_style('dppre_admin_assets', DP_PLUGIN_URL . '/css/dp_preloader_admin.css');
}
function dppre_epanel_tab(){
dppre_epanel_fields();
?>
<li><a href="#wrap-dppre"><?php esc_attr_e('DP Preloader', 'dppre'); ?></a></li>
<?php
}
function dppre_epanel_fields(){
global $epanelMainTabs, $themename, $shortname, $options;
$options[] = array(
"name" => "wrap-dppre",
"type" => "contenttab-wrapstart",);
$options[] = array(
"type" => "subnavtab-start",);
$options[] = array(
"name" => "dppre-1",
"type" => "subnav-tab",
"desc" => esc_html__("Preloader", $themename)
);
$options[] = array(
"type" => "subnavtab-end",);
$options[] = array(
"name" => "dppre-1",
"type" => "subcontent-start",);
$options[] = array(
'name' => esc_html__('General', $themename),
'desc' => '',
"type" => "callback_function",
"function_name" => 'dppre_loader_note_blank',
);
$options[] = array(
'name' => esc_html__('Display Preloader On Site', $themename),
'id' => $shortname . "_dppre_preloader",
'std' => 'off',
"type" => "checkbox"
);
$options[] = array(
'name' => esc_html__('Display Preloader Only On Home Page', $themename),
'id' => $shortname . "_dppre_preloader_home",
'std' => 'off',
"type" => "checkbox"
);
$options[] = array(
'name' => esc_html__('Hide Preloader On Mobile', $themename),
'id' => $shortname . "_dppre_preloader_mobile",
'std' => 'off',
"type" => "checkbox"
);
$options[] = array(
'name' => esc_html__('Hide Preloader On Mobile Device Width', $themename),
'type' => 'text',
'id' => $shortname . "_dppre_preloader_mobile_device_width",
'std' => '980',
);
$options[] = array(
'name' => esc_html__('Display Preloader to Specific Page', $themename),
'id' => $shortname . "_dppre_preloader_specificpage",
'std' => 'off',
"type" => "checkbox"
);
// Pages
$all_pages_ids = array();
$selected_pages = array();
$pages = get_pages();
foreach ($pages as $page) {
$selected_pages[$page->ID]= $page->post_title;
$all_pages_ids[] = $page->ID;
}
$selected_pages['999999991']= esc_html__('All Archive Pages','dppre');
$selected_pages['999999992']= esc_html__('All Detail Pages','dppre');
$selected_pages['999999993']= esc_html__('All Taxonomies Pages','dppre');
$selected_pages['999999994']= esc_html__('Author Page','dppre');
$selected_pages['999999995']= esc_html__('Search Page','dppre');
$selected_pages['999999996']= esc_html__('404 Page','dppre');
$selected_pages['999999997']= esc_html__('Date,Year,Month,Day,Time Page','dppre');
$all_pages_ids[] = '999999991';
$all_pages_ids[] = '999999992';
$all_pages_ids[] = '999999993';
$all_pages_ids[] = '999999994';
$all_pages_ids[] = '999999995';
$all_pages_ids[] = '999999996';
$all_pages_ids[] = '999999997';
$options[] = array(
'name' => esc_html__('Select Specific Pages', $themename),
'id' => $shortname . "_preloader_selected_pages",
"type" => "checkboxes",
'desc' => esc_html__('All pages marked with an X will appear as a preloader.','dppre'),
'std' => '',
'usefor' => 'custom',
'helper' => $selected_pages,
'options' => $all_pages_ids
);
$options[] = array(
'name' => esc_html__('Note', $themename),
'desc' => '',
"type" => "callback_function",
"function_name" => 'dppre_loader_note_option',
);
$options[] = array(
'name' => esc_html__('Preloader Image Settings', $themename),
'desc' => '',
"type" => "callback_function",
"function_name" => 'dppre_loader_note_blank',
);
$options[] = array(
'name' => esc_html__('55 Preloader Images', $themename),
"type" => "callback_function",
"function_name" => 'dppre_list_preloader_images',
);
$options[] = array(
'name' => esc_html__('Preloader Custom Image Uploader(GIF)', $themename),
'id' => $shortname . "_dppre_custom_preloader",
"type" => "upload",
'std' => ''
);
$options[] = array(
'name' => esc_html__('Custom Preloader Image Width Size', $themename),
'id' => $shortname . "_dppre_image_width_preloader",
'std' => '50',
'type' => 'text',
"validation_type" => "number"
);
$options[] = array(
'name' => esc_html__('Custom Preloader Image Height Size', $themename),
'id' => $shortname . "_dppre_image_height_preloader",
'std' => '50',
'type' => 'text',
"validation_type" => "number"
);
$options[] = array(
'name' => esc_html__('Color Settings', $themename),
'desc' => '',
"type" => "callback_function",
"function_name" => 'dppre_loader_note_blank',
);
$options[] = array(
'name' => esc_html__('Preloader Color', $themename),
'id' => $shortname . "_dppre_preloader_color",
'std' => '#000000',
"type" => "et_color_palette"
);
$options[] = array(
'name' => esc_html__('Background Color', $themename),
'id' => $shortname . "_dppre_background_color",
'std' => '#ffffff',
"type" => "et_color_palette"
);
$options[] = array(
'name' => esc_html__('Animation Settings', $themename),
'desc' => '',
"type" => "callback_function",
"function_name" => 'dppre_loader_note_blank',
);
$options[] = array(
'name' => esc_html__('Preloader Effects', $themename),
'id' => $shortname . "_dppre_effects",
'std' => 'fadeOut',
"type" => "select",
"options" => array(
'fadeOut' => esc_html__('FadeOut ', $themename),
'slideUp' => esc_html__('SlideUp', $themename),
),
'et_save_values' => true,
);
$options[] = array(
'name' => esc_html__('Preloader Fadeout Speed', $themename),
'id' => $shortname . "_dppre_fadeout_speed",
'std' => 'fast',
"type" => "select",
"options" => array(
'fast' => esc_html__('Fast', $themename),
'slow' => esc_html__('Slow', $themename),
),
'et_save_values' => true,
);
$options[] = array(
'name' => esc_html__('Preloader Delay Time', $themename),
'type' => 'text',
'id' => $shortname . "_dppre_delay_time",
'std' => '350',
);
$options[] = array(
'name' => esc_html__('Preloader Body Opacity', $themename),
'type' => 'text',
'id' => $shortname . "_dppre_body_opacity",
'std' => '1',
);
$options[] = array(
"name" => "dppre-1",
"type" => "subcontent-end",);
$options[] = array(
"name" => "wrap-dppre",
"type" => "contenttab-wrapend",);
}
function dppre_loader_note_blank(){}
function dppre_list_preloader_images(){
$dppre_preloader_images = array(
'dp_loader1' => array(
'value' => 'dp_loader1',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader1.gif'
),
'dp_loader2' => array(
'value' => 'dp_loader2',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader2.gif'
),
'dp_loader3' => array(
'value' => 'dp_loader3',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader3.gif'
),
'dp_loader4' => array(
'value' => 'dp_loader4',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader4.gif'
),
'dp_loader5' => array(
'value' => 'dp_loader5',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader5.gif'
),
'dp_loader6' => array(
'value' => 'dp_loader6',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader6.gif'
),
'dp_loader7' => array(
'value' => 'dp_loader7',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader7.gif'
),
'dp_loader8' => array(
'value' => 'dp_loader8',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader8.gif'
),
'dp_loader9' => array(
'value' => 'dp_loader9',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader9.gif'
),
'dp_loader10' => array(
'value' => 'dp_loader10',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader10.gif'
),
'dp_loader11' => array(
'value' => 'dp_loader11',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader11.gif'
),
'dp_loader12' => array(
'value' => 'dp_loader12',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader12.gif'
),
'dp_loader13' => array(
'value' => 'dp_loader13',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader13.gif'
),
'dp_loader14' => array(
'value' => 'dp_loader14',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader14.gif'
),
'dp_loader15' => array(
'value' => 'dp_loader15',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader15.gif'
),
'dp_loader16' => array(
'value' => 'dp_loader16',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader16.gif'
),
'dp_loader17' => array(
'value' => 'dp_loader17',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader17.gif'
),
'dp_loader18' => array(
'value' => 'dp_loader18',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader18.gif'
),
'dp_loader19' => array(
'value' => 'dp_loader19',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader19.gif'
),
'dp_loader20' => array(
'value' => 'dp_loader20',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader20.gif'
),
'dp_loader21' => array(
'value' => 'dp_loader21',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader21.gif'
),
'dp_loader22' => array(
'value' => 'dp_loader22',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader22.gif'
),
'dp_loader23' => array(
'value' => 'dp_loader23',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader23.gif'
),
'dp_loader24' => array(
'value' => 'dp_loader24',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader24.gif'
),
'dp_loader25' => array(
'value' => 'dp_loader25',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader25.gif'
),
'dp_loader26' => array(
'value' => 'dp_loader26',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader26.gif'
),
'dp_loader27' => array(
'value' => 'dp_loader27',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader27.gif'
),
'dp_loader28' => array(
'value' => 'dp_loader28',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader28.gif'
),
'dp_loader29' => array(
'value' => 'dp_loader29',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader29.gif'
),
'dp_loader30' => array(
'value' => 'dp_loader30',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader30.gif'
),
'dp_loader31' => array(
'value' => 'dp_loader31',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader31.gif'
),
'dp_loader32' => array(
'value' => 'dp_loader32',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader32.gif'
),
'dp_loader33' => array(
'value' => 'dp_loader33',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader33.gif'
),
'dp_loader34' => array(
'value' => 'dp_loader34',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader34.gif'
),
'dp_loader35' => array(
'value' => 'dp_loader35',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader35.gif'
),
'dp_loader36' => array(
'value' => 'dp_loader36',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader36.gif'
),
'dp_loader37' => array(
'value' => 'dp_loader37',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader37.gif'
),
'dp_loader38' => array(
'value' => 'dp_loader38',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader38.gif'
),
'dp_loader39' => array(
'value' => 'dp_loader39',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader39.gif'
),
'dp_loader40' => array(
'value' => 'dp_loader40',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader40.gif'
),
'dp_loader41' => array(
'value' => 'dp_loader41',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader41.gif'
),
'dp_loader42' => array(
'value' => 'dp_loader42',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader42.gif'
),
'dp_loader43' => array(
'value' => 'dp_loader43',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader43.gif'
),
'dp_loader44' => array(
'value' => 'dp_loader44',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader44.gif'
),
'dp_loader45' => array(
'value' => 'dp_loader45',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader45.gif'
),
'dp_loader46' => array(
'value' => 'dp_loader46',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader46.gif'
),
'dp_loader47' => array(
'value' => 'dp_loader47',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader47.gif'
),
'dp_loader48' => array(
'value' => 'dp_loader48',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader48.gif'
),
'dp_loader49' => array(
'value' => 'dp_loader49',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader49.gif'
),
'dp_loader50' => array(
'value' => 'dp_loader50',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader50.gif'
),
'dp_loader51' => array(
'value' => 'dp_loader51',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader51.gif'
),
'dp_loader52' => array(
'value' => 'dp_loader52',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader52.gif'
),
'dp_loader53' => array(
'value' => 'dp_loader53',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader53.gif'
),
'dp_loader54' => array(
'value' => 'dp_loader54',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader54.gif'
),
'dp_loader55' => array(
'value' => 'dp_loader55',
'img' => DP_PLUGIN_URL.'/preloader/dp-loader55.gif'
)
);
$divi_dppre_preloader_images = get_option( 'divi_dppre_preloader_images' ) ;
if ( $divi_dppre_preloader_images != '' ){
$divi_dppre_preloader_images = get_option( 'divi_dppre_preloader_images' ) ;
}else{
$divi_dppre_preloader_images = 'dp_loader1' ;
}
?>
<?php
foreach( $dppre_preloader_images as $images ) : ?>
<div class="loader_div">
<input type="radio" name="divi_dppre_preloader_images" value="<?php esc_attr_e( $images['value'] ); ?>" <?php checked( esc_attr($divi_dppre_preloader_images), $images['value'] ); ?> class="loader_select"/>
<label for="<?php echo esc_attr($images['value']); ?>"><img src="<?php echo esc_url( $images['img'] ); ?>" width="70" alt="<?php echo esc_attr($images['value']); ?>" /> </label>
</div>
<?php endforeach;
}
function dppre_loader_note_option(){
esc_attr_e( 'If you "Disabled" Display Preloader Only On Home Page and "Enabled" Display Preloader to Specific Page Options then it will work.All pages marked with an X will appear as a preloader.','dppre');
}
// Preloader Code Header
function dppre_loader_html() {
$dem_themename = dppreloader_theme_name();
if($dem_themename == 'other' ){ return false;}
if( et_get_option($dem_themename.'_dppre_preloader') != '' ){ $divi_dppre_preloader = et_get_option($dem_themename.'_dppre_preloader'); }else{ $divi_dppre_preloader = 'off'; }
if( $divi_dppre_preloader == 'on' && ! ET_FB_ENABLED ){
$divi_dppre_preloader_images = get_option( 'divi_dppre_preloader_images') ;
if ( $divi_dppre_preloader_images != '' ){
$divi_dppre_preloader_images = get_option( 'divi_dppre_preloader_images' ) ;
}else{
$divi_dppre_preloader_images = 'dp_loader1' ;
}
$divi_dppre_custom_preloader = et_get_option('divi_dppre_custom_preloader');
$divi_dppre_preloader_home = et_get_option($dem_themename.'_dppre_preloader_home','off');
$divi_dppre_preloader_mobile = et_get_option($dem_themename.'_dppre_preloader_mobile','off');
$divi_dppre_preloader_mobile_device_width = et_get_option($dem_themename.'_dppre_preloader_mobile_device_width','980');
$preloader_selected_pages = et_get_option($dem_themename.'_preloader_selected_pages');
$dppre_preloader_specificpage = et_get_option($dem_themename.'_dppre_preloader_specificpage');
global $post, $wp_query;
$post_id = '';
$post_id = $post->ID;
if ( $post_id == '' ){
$post_id = $wp_query->get_queried_object_id();
}
if ( $divi_dppre_custom_preloader != '' ){
if ( $divi_dppre_preloader_home == 'on' && $dppre_preloader_specificpage != 'on' ){
if ( !is_front_page() ){
return false;
}
}
if ( $divi_dppre_preloader_home != 'on' && $dppre_preloader_specificpage == 'on' ){
if( in_array( $post_id , $preloader_selected_pages ) ){
}else if ( is_post_type_archive() ){
if( in_array( '999999991' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_singular() && !is_page() ){
if( in_array( '999999992' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_tax() || is_tag() || is_category() ){
if( in_array( '999999993' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_author( ) || is_multi_author() ){
if( in_array( '999999994' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_search() ){
if( in_array( '999999995' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_404() ){
if( in_array( '999999996' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_date() || is_year() || is_month() || is_day() || is_time() ){
if( in_array( '999999997' , $preloader_selected_pages ) ){ }else{ return false;}
}else{ return false;}
}
?>
<div class="dp_preloader">
<div class="dp_loader_icon"> </div>
</div>
<?php
}else{
if ( $divi_dppre_preloader_home == 'on' && $dppre_preloader_specificpage != 'on' ){
if ( !is_front_page() ){
return false;
}
}
if ( $divi_dppre_preloader_home != 'on' && $dppre_preloader_specificpage == 'on' ){
if( in_array( $post_id , $preloader_selected_pages ) ){
}else if ( is_post_type_archive() ){
if( in_array( '999999991' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_singular() && !is_page() ){
if( in_array( '999999992' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_tax() || is_tag() || is_category() ){
if( in_array( '999999993' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_author( ) || is_multi_author() ){
if( in_array( '999999994' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_search() ){
if( in_array( '999999995' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_404() ){
if( in_array( '999999996' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_date() || is_year() || is_month() || is_day() || is_time() ){
if( in_array( '999999997' , $preloader_selected_pages ) ){ }else{ return false;}
}else{ return false;}
}
if ( $divi_dppre_preloader_images == 'dp_loader1' ){
?>
<!-- Preloader -->
<div class="overlay-loader">
<div class="loader"><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader2' ){?>
<div id="circularG" class="overlay-loader">
<div class="loader"><div id="circularG_1" class="circularG"></div><div id="circularG_2" class="circularG"></div><div id="circularG_3" class="circularG"></div><div id="circularG_4" class="circularG"></div><div id="circularG_5" class="circularG"></div><div id="circularG_6" class="circularG"></div><div id="circularG_7" class="circularG"></div><div id="circularG_8" class="circularG"></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader3' ){?>
<div id="floatingBarsG" class="overlay-loader">
<div class="loader"><div class="blockG" id="rotateG_01"></div><div class="blockG" id="rotateG_02"></div><div class="blockG" id="rotateG_03"></div><div class="blockG" id="rotateG_04"></div><div class="blockG" id="rotateG_05"></div><div class="blockG" id="rotateG_06"></div><div class="blockG" id="rotateG_07"></div><div class="blockG" id="rotateG_08"></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader4' ){?>
<div id="floatingCirclesG" class="overlay-loader">
<div class="loader"><div class="f_circleG" id="frotateG_01"></div><div class="f_circleG" id="frotateG_02"></div><div class="f_circleG" id="frotateG_03"></div><div class="f_circleG" id="frotateG_04"></div><div class="f_circleG" id="frotateG_05"></div><div class="f_circleG" id="frotateG_06"></div><div class="f_circleG" id="frotateG_07"></div><div class="f_circleG" id="frotateG_08"></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader5' ){?>
<div id="circular3dG" class="overlay-loader">
<div class="loader"><div id="circular3d_1G" class="circular3dG"></div><div id="circular3d_2G" class="circular3dG"></div><div id="circular3d_3G" class="circular3dG"></div><div id="circular3d_4G" class="circular3dG"></div><div id="circular3d_5G" class="circular3dG"></div><div id="circular3d_6G" class="circular3dG"></div><div id="circular3d_7G" class="circular3dG"></div><div id="circular3d_8G" class="circular3dG"></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader6' ){?>
<div id="bowlG" class="overlay-loader">
<div class="loader"><div id="bowl_ringG"><div class="ball_holderG"><div class="ballG"></div></div></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader7' ){?>
<div class="overlay-loader">
<div class="loader"><span class="cssload-loader"><span class="cssload-loader-inner"></span></span></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader8' ){?>
<div class="overlay-loader">
<div class="loader"><div class="cssload-loader"><div class="cssload-inner cssload-one"></div><div class="cssload-inner cssload-two"></div><div class="cssload-inner cssload-three"></div></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader9' ){?>
<div class="overlay-loader">
<div class="loader"><div class="cssload-container"><ul class="cssload-flex-container"><li><span class="cssload-loading cssload-one"></span><span class="cssload-loading cssload-two"></span><span class="cssload-loading-center"></span></li></ul></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader10' ){?>
<div class="overlay-loader">
<div class="loader"><div class="cssload-container"><ul class="cssload-flex-container"><li><span class="cssload-loading"></span></li></ul></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader11' ){?>
<div class="overlay-loader">
<div class="loader"><div class="cssload-container"><ul class="cssload-flex-container"><li><span class="cssload-loading"></span></li></ul></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader12' ){?>
<div class="overlay-loader">
<div class="loader"><div class="cssload-main"><div class="cssload-heart"><span class="cssload-heartL"></span><span class="cssload-heartR"></span><span class="cssload-square"></span></div><div class="cssload-shadow"></div></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader13' ){?>
<div class="overlay-loader">
<div class="loader"><div class="cssload-container"><div class="cssload-lt"></div><div class="cssload-rt"></div><div class="cssload-lb"></div><div class="cssload-rb"></div></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader14' ){?>
<div class="overlay-loader">
<div class="loader"><div class="cssload-loader"><div class="cssload-side"></div><div class="cssload-side"></div><div class="cssload-side"></div><div class="cssload-side"></div><div class="cssload-side"></div><div class="cssload-side"></div><div class="cssload-side"></div><div class="cssload-side"></div></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader15' ){?>
<div class="overlay-loader">
<div class="loader"><div class="cssload-container"><div class="cssload-tube-tunnel"></div></div></div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader16' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-dual-ring"><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader17' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-eclipse"><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader18' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-ripple"><div></div><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader19' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-rolling"><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader20' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-reload"><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader21' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-facebook"><div></div><div></div><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader22' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope" style="width: 200px; height: 200px;"><div style="width:100%;height:100%" class="lds-cube"><div></div><div></div><div></div><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader23' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope">
<div class="lds-blocks" style="100%;height:100%"><div style="left:17px;top:17px;animation-delay:0s"></div><div style="left:59px;top:17px;animation-delay:0.08333333333333333s"></div><div style="left:101px;top:17px;animation-delay:0.16666666666666666s"></div><div style="left:143px;top:17px;animation-delay:0.25s"></div><div style="left:17px;top:59px;animation-delay:0.9166666666666666s"></div><div style="left:143px;top:59px;animation-delay:0.3333333333333333s"></div><div style="left:17px;top:101px;animation-delay:0.8333333333333334s"></div><div style="left:143px;top:101px;animation-delay:0.4166666666666667s"></div><div style="left:17px;top:143px;animation-delay:0.75s"></div><div style="left:59px;top:143px;animation-delay:0.6666666666666666s"></div><div style="left:101px;top:143px;animation-delay:0.5833333333333334s"></div><div style="left:143px;top:143px;animation-delay:0.5s"></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader24' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-ball"><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader25' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-wedges"><div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader26' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-disk"><div><div></div><div></div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader27' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-double-ring"><div></div><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader28' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-ellipsis"><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div><div><div></div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader29' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="lds-css ng-scope"><div style="width:100%;height:100%" class="lds-flickr"><div></div><div></div><div></div></div></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader30' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="cssload-spin-box"></div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader31' ){?>
<div class="overlay-loader">
<div class="loader">
<div align="center" class="cssload-fond">
<div class="cssload-container-general">
<div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_1"> </div></div>
<div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_2"> </div></div>
<div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_3"> </div></div>
<div class="cssload-internal"><div class="cssload-ballcolor cssload-ball_4"> </div></div>
</div>
</div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader32' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="cssload-loading">
<div class="cssload-dot"></div>
<div class="cssload-dot2"></div>
</div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader33' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="cssload-loading">
<i></i><i></i><i></i>
</div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader34' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="wrapper">
<div class="cssload-loader"></div>
</div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader35' ){?>
<div class="overlay-loader">
<div class="loader">
<div class="wrapper">
<div class="cssload-loader"></div>
</div>
</div>
</div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader36' ){?>
<div class="overlay-loader"><div class="loader"><div class="box loading"></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader37' ){?>
<div class="overlay-loader"><div class="loader"><div></div><div></div><div></div><div></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader38' ){?>
<div class="overlay-loader"><div class="loader"><div></div><div></div><div></div><div></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader39' ){?>
<div class="overlay-loader"><div class="loader"></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader40' ){?>
<div class="overlay-loader"><div class="loader"></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader41' ){?>
<div class="overlay-loader"><div class="loader"> <div></div><div></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader42' ){?>
<div class="overlay-loader"><div class="loader"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader43' ){?>
<div class="overlay-loader"><div class="loader"><span></span><span></span><span></span><span></span></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader44' ){?>
<div class="overlay-loader"><div class="loader"><span></span><span></span><span></span><span></span><span></span></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader45' ){?>
<div class="overlay-loader"><div class="loader"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader46' ){?>
<div class="overlay-loader"><div class="loader"><div class="dpno"><div></div><div></div><div></div><div></div></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader47' ){?>
<div class="overlay-loader"><div class="loader"><ul><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li></ul></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader48' ){?>
<div class="overlay-loader"><div class="loader"><div class="loader-page"></div><div class="loader-page"></div><div class="loader-page"></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader49' ){?>
<div class="overlay-loader"><ul class="loader"><li></li><li></li><li></li><li></li><li></li></ul></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader50' ){?>
<div class="overlay-loader"><div class="preloader loader"><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div><div class="dot"></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader51' ){?>
<div class="overlay-loader"><div class="preloader loader"><div class="spinner"></div><div class="spinner-2"></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader52' ){?>
<div class="overlay-loader"><div class="preloader loader"><div class="loaderi loader-inner-1"><div class="loaderi loader-inner-2"><div class="loaderi loader-inner-3"></div></div></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader53' ){?>
<div class="overlay-loader"><div class="preloader loader"><div class="box1"></div><div class="box2"></div><div class="box3"></div><div class="box4"></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader54' ){?>
<div class="overlay-loader"><div class="preloader loader"><div class="loaderi"></div></div></div>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader55' ){?>
<div class="overlay-loader"><div class="preloader loader"></div></div>
<?php
}else{}
}// end else
}
}
function dppre_preloader_css() {
$dem_themename = dppreloader_theme_name();
if($dem_themename == 'other' ){ return false;}
if( et_get_option($dem_themename.'_dppre_preloader') != '' ){ $divi_dppre_preloader = et_get_option($dem_themename.'_dppre_preloader'); }else{ $divi_dppre_preloader = 'off'; }
if( $divi_dppre_preloader == 'on' && ! ET_FB_ENABLED ){
global $post, $wp_query;
$post_id = '';
$post_id = $post->ID;
if ( $post_id == '' ){
$post_id = $wp_query->get_queried_object_id();
}
$divi_dppre_preloader_images = get_option( 'divi_dppre_preloader_images') ;
if ( $divi_dppre_preloader_images != '' ){
$divi_dppre_preloader_images = get_option( 'divi_dppre_preloader_images' ) ;
}else{
$divi_dppre_preloader_images = 'dp_loader1' ;
}
$divi_dppre_custom_preloader = et_get_option($dem_themename.'_dppre_custom_preloader');
$divi_dppre_image_width_preloader = et_get_option($dem_themename.'_dppre_image_width_preloader');
$divi_dppre_image_height_preloader = et_get_option($dem_themename.'_dppre_image_height_preloader');
$divi_dppre_preloader_color = et_get_option($dem_themename.'_dppre_preloader_color');
$divi_dppre_background_color = et_get_option($dem_themename.'_dppre_background_color');
$preloader_selected_pages = et_get_option($dem_themename.'_preloader_selected_pages');
$dppre_preloader_specificpage = et_get_option($dem_themename.'_dppre_preloader_specificpage');
// $divi_dppre_body_delay_time = et_get_option('divi_dppre_body_delay_time');
$divi_dppre_body_opacity = et_get_option($dem_themename.'_dppre_body_opacity');
$divi_dppre_preloader_home = et_get_option($dem_themename.'_dppre_preloader_home','off');
$divi_dppre_preloader_mobile = et_get_option($dem_themename.'_dppre_preloader_mobile','off');
$divi_dppre_preloader_mobile_device_width = et_get_option($dem_themename.'_dppre_preloader_mobile_device_width','980');
if ( in_array( 'woocommerce/woocommerce.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {?>
<style type="text/css">.woocommerce .loader:before {background: none !important;}</style>
<?php
}
if ( $divi_dppre_preloader_mobile == 'on' ) {?>
<style type="text/css">
@media screen and (max-width: <?php echo esc_attr($divi_dppre_preloader_mobile_device_width);?>px) { .dp_preloader,.overlay-loader {display:none !important;} }
</style>
<?php }
if ( $divi_dppre_custom_preloader != '' ){
if ( $divi_dppre_preloader_home == 'on' && $dppre_preloader_specificpage != 'on' ){
if ( !is_front_page() ){
return false;
}
}
if ( $divi_dppre_preloader_home != 'on' && $dppre_preloader_specificpage == 'on' ){
if( in_array( $post_id , $preloader_selected_pages ) ){
}else if ( is_post_type_archive() ){
if( in_array( '999999991' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_singular() && !is_page() ){
if( in_array( '999999992' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_tax() || is_tag() || is_category() ){
if( in_array( '999999993' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_author( ) || is_multi_author() ){
if( in_array( '999999994' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_search() ){
if( in_array( '999999995' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_404() ){
if( in_array( '999999996' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_date() || is_year() || is_month() || is_day() || is_time() ){
if( in_array( '999999997' , $preloader_selected_pages ) ){ }else{ return false;}
}else{ return false;}
}
?>
<style type="text/css">
.dp_preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;}
.dp_preloader .dp_loader_icon {position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: <?php echo esc_attr($divi_dppre_image_width_preloader);?>px !important;height: <?php echo esc_attr($divi_dppre_image_height_preloader);?>px !important;background-image:url(<?php echo esc_url($divi_dppre_custom_preloader); ?>); margin: 0px 0 0 -30px;}
</style>
<?php
}else{
if ( $divi_dppre_preloader_home == 'on' && $dppre_preloader_specificpage != 'on' ){
if ( !is_front_page() ){
return false;
}
}
if ( $divi_dppre_preloader_home != 'on' && $dppre_preloader_specificpage == 'on' ){
if( in_array( $post_id , $preloader_selected_pages ) ){
}else if ( is_post_type_archive() ){
if( in_array( '999999991' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_singular() && !is_page() ){
if( in_array( '999999992' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_tax() || is_tag() || is_category() ){
if( in_array( '999999993' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_author( ) || is_multi_author() ){
if( in_array( '999999994' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_search() ){
if( in_array( '999999995' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_404() ){
if( in_array( '999999996' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_date() || is_year() || is_month() || is_day() || is_time() ){
if( in_array( '999999997' , $preloader_selected_pages ) ){ }else{ return false;}
}else{ return false;}
}
if ( $divi_dppre_preloader_images == 'dp_loader1' ){
?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;}
.loader {position: absolute;left: 50%;top: 45%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 64px !important;height: 64px !important;margin: 0px 0 0 -30px;animation-name: rotateAnim;-o-animation-name: rotateAnim;-ms-animation-name: rotateAnim;-webkit-animation-name: rotateAnim;-moz-animation-name: rotateAnim;animation-duration: 0.4s;-o-animation-duration: 0.4s;-ms-animation-duration: 0.4s;-webkit-animation-duration: 0.4s;-moz-animation-duration: 0.4s;animation-iteration-count: infinite;-o-animation-iteration-count: infinite;-ms-animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-moz-animation-iteration-count: infinite;animation-timing-function: linear;-o-animation-timing-function: linear;-ms-animation-timing-function: linear;-webkit-animation-timing-function: linear;-moz-animation-timing-function: linear;}
.loader div {width: 8px;height: 8px;border-radius: 50%;border: 1px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;position: absolute;top: 2px;left: 0;right: 0;bottom: 0;margin: auto;}.loader div:nth-child(odd) {border-top: none;border-left: none;}.loader div:nth-child(even) {border-bottom: none;border-right: none;}
.loader div:nth-child(2) {border-width: 2px;left: 0px;top: -4px;width: 12px;height: 12px;}.loader div:nth-child(3) {border-width: 2px;left: -1px;top: 3px;width: 18px;height: 18px;}.loader div:nth-child(4) {border-width: 3px;left: -1px;top: -4px;width: 23px;height: 23px;}.loader div:nth-child(5) {border-width: 3px;left: -1px;top: 4px;width: 31px;height: 31px;}.loader div:nth-child(6) {border-width: 4px;left: 0px;top: -4px;width: 39px;height: 39px;}.loader div:nth-child(7) {border-width: 4px;left: 0px;top: 6px;width: 49px;height: 49px;}@keyframes rotateAnim {from {transform: rotate(360deg);}to {transform: rotate(0deg);}}@-o-keyframes rotateAnim {from {-o-transform: rotate(360deg);}to {-o-transform: rotate(0deg);}}@-ms-keyframes rotateAnim {from {-ms-transform: rotate(360deg);}to {-ms-transform: rotate(0deg);}}@-webkit-keyframes rotateAnim {from {-webkit-transform: rotate(360deg);}to {-webkit-transform: rotate(0deg);}}@-moz-keyframes rotateAnim {from {-moz-transform: rotate(360deg);}to {-moz-transform: rotate(0deg);}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader2' ){
?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 45%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 58px !important;height: 58px !important;margin: 0px 0 0 -30px;}
.circularG{position:absolute;background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;width:14px;height:14px;border-radius:9px;-o-border-radius:9px;-ms-border-radius:9px;-webkit-border-radius:9px;-moz-border-radius:9px;animation-name:bounce_circularG;-o-animation-name:bounce_circularG;-ms-animation-name:bounce_circularG;-webkit-animation-name:bounce_circularG;-moz-animation-name:bounce_circularG;animation-duration:338ms;-o-animation-duration:338ms;-ms-animation-duration:338ms;-webkit-animation-duration:338ms;-moz-animation-duration:338ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}#circularG_1{left:0;top:23px;animation-delay:128ms;-o-animation-delay:128ms;-ms-animation-delay:128ms;-webkit-animation-delay:128ms;-moz-animation-delay:128ms}#circularG_2{left:6px;top:6px;animation-delay:164ms;-o-animation-delay:164ms;-ms-animation-delay:164ms;-webkit-animation-delay:164ms;-moz-animation-delay:164ms}#circularG_3{top:0;left:23px;animation-delay:.21s;-o-animation-delay:.21s;-ms-animation-delay:.21s;-webkit-animation-delay:.21s;-moz-animation-delay:.21s}#circularG_4{right:6px;top:6px;animation-delay:256ms;-o-animation-delay:256ms;-ms-animation-delay:256ms;-webkit-animation-delay:256ms;-moz-animation-delay:256ms}#circularG_5{right:0;top:23px;animation-delay:292ms;-o-animation-delay:292ms;-ms-animation-delay:292ms;-webkit-animation-delay:292ms;-moz-animation-delay:292ms}#circularG_6{right:6px;bottom:6px;animation-delay:338ms;-o-animation-delay:338ms;-ms-animation-delay:338ms;-webkit-animation-delay:338ms;-moz-animation-delay:338ms}#circularG_7{left:23px;bottom:0;animation-delay:374ms;-o-animation-delay:374ms;-ms-animation-delay:374ms;-webkit-animation-delay:374ms;-moz-animation-delay:374ms}#circularG_8{left:6px;bottom:6px;animation-delay:.42s;-o-animation-delay:.42s;-ms-animation-delay:.42s;-webkit-animation-delay:.42s;-moz-animation-delay:.42s}@keyframes bounce_circularG{0%{transform:scale(1)}100%{transform:scale(.3)}}@-o-keyframes bounce_circularG{0%{-o-transform:scale(1)}100%{-o-transform:scale(.3)}}@-ms-keyframes bounce_circularG{0%{-ms-transform:scale(1)}100%{-ms-transform:scale(.3)}}@-webkit-keyframes bounce_circularG{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.3)}}@-moz-keyframes bounce_circularG{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(.3)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader3' ){
?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 45%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 56px !important;height: 69px !important;margin: 0px 0 0 -30px;}
.blockG{position:absolute;background-color:#fff;width:9px;height:22px;border-radius:7px 7px 0 0;-o-border-radius:7px 7px 0 0;-ms-border-radius:7px 7px 0 0;-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;transform:scale(.4);-o-transform:scale(.4);-ms-transform:scale(.4);-webkit-transform:scale(.4);-moz-transform:scale(.4);animation-name:fadeG;-o-animation-name:fadeG;-ms-animation-name:fadeG;-webkit-animation-name:fadeG;-moz-animation-name:fadeG;animation-duration:672ms;-o-animation-duration:672ms;-ms-animation-duration:672ms;-webkit-animation-duration:672ms;-moz-animation-duration:672ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}#rotateG_01{left:0;top:25px;animation-delay:.2495s;-o-animation-delay:.2495s;-ms-animation-delay:.2495s;-webkit-animation-delay:.2495s;-moz-animation-delay:.2495s;transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg)}#rotateG_02{left:7px;top:9px;animation-delay:336ms;-o-animation-delay:336ms;-ms-animation-delay:336ms;-webkit-animation-delay:336ms;-moz-animation-delay:336ms;transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}#rotateG_03{left:23px;top:3px;animation-delay:.4225s;-o-animation-delay:.4225s;-ms-animation-delay:.4225s;-webkit-animation-delay:.4225s;-moz-animation-delay:.4225s;transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0)}#rotateG_04{right:7px;top:9px;animation-delay:509ms;-o-animation-delay:509ms;-ms-animation-delay:509ms;-webkit-animation-delay:509ms;-moz-animation-delay:509ms;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}#rotateG_05{right:0;top:25px;animation-delay:.5955s;-o-animation-delay:.5955s;-ms-animation-delay:.5955s;-webkit-animation-delay:.5955s;-moz-animation-delay:.5955s;transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}#rotateG_06{right:7px;bottom:6px;animation-delay:672ms;-o-animation-delay:672ms;-ms-animation-delay:672ms;-webkit-animation-delay:672ms;-moz-animation-delay:672ms;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg)}#rotateG_07{bottom:0;left:23px;animation-delay:.7585s;-o-animation-delay:.7585s;-ms-animation-delay:.7585s;-webkit-animation-delay:.7585s;-moz-animation-delay:.7585s;transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}#rotateG_08{left:7px;bottom:6px;animation-delay:845ms;-o-animation-delay:845ms;-ms-animation-delay:845ms;-webkit-animation-delay:845ms;-moz-animation-delay:845ms;transform:rotate(-135deg);-o-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg)}@keyframes fadeG{0%{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}100%{background-color:#fff}}@-o-keyframes fadeG{0%{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}100%{background-color:#fff}}@-ms-keyframes fadeG{0%{background-color:#000}100%{background-color:#fff}}@-webkit-keyframes fadeG{0%{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}100%{background-color:#fff}}@-moz-keyframes fadeG{0%{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}100%{background-color:#fff}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader4' ){
?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 40%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 112px !important;height: 112px !important;margin: 0px 0 0 -50px;transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);-webkit-transform:scale(.6);-moz-transform:scale(.6)}
.f_circleG{position:absolute;background-color:#fff;height:20px;width:20px;border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;animation-name:f_fadeG;-o-animation-name:f_fadeG;-ms-animation-name:f_fadeG;-webkit-animation-name:f_fadeG;-moz-animation-name:f_fadeG;animation-duration:622ms;-o-animation-duration:622ms;-ms-animation-duration:622ms;-webkit-animation-duration:622ms;-moz-animation-duration:622ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}#frotateG_01{left:0;top:45px;animation-delay:.2295s;-o-animation-delay:.2295s;-ms-animation-delay:.2295s;-webkit-animation-delay:.2295s;-moz-animation-delay:.2295s}#frotateG_02{left:13px;top:13px;animation-delay:316ms;-o-animation-delay:316ms;-ms-animation-delay:316ms;-webkit-animation-delay:316ms;-moz-animation-delay:316ms}#frotateG_03{left:45px;top:0;animation-delay:.3925s;-o-animation-delay:.3925s;-ms-animation-delay:.3925s;-webkit-animation-delay:.3925s;-moz-animation-delay:.3925s}#frotateG_04{right:13px;top:13px;animation-delay:469ms;-o-animation-delay:469ms;-ms-animation-delay:469ms;-webkit-animation-delay:469ms;-moz-animation-delay:469ms}#frotateG_05{right:0;top:45px;animation-delay:.5455s;-o-animation-delay:.5455s;-ms-animation-delay:.5455s;-webkit-animation-delay:.5455s;-moz-animation-delay:.5455s}#frotateG_06{right:13px;bottom:13px;animation-delay:622ms;-o-animation-delay:622ms;-ms-animation-delay:622ms;-webkit-animation-delay:622ms;-moz-animation-delay:622ms}#frotateG_07{left:45px;bottom:0;animation-delay:.6985s;-o-animation-delay:.6985s;-ms-animation-delay:.6985s;-webkit-animation-delay:.6985s;-moz-animation-delay:.6985s}#frotateG_08{left:13px;bottom:13px;animation-delay:775ms;-o-animation-delay:775ms;-ms-animation-delay:775ms;-webkit-animation-delay:775ms;-moz-animation-delay:775ms}@keyframes f_fadeG{0%{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}100%{background-color:#fff}}@-o-keyframes f_fadeG{0%{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}100%{background-color:#fff}}@-ms-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}@-webkit-keyframes f_fadeG{0%{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}100%{background-color:#fff}}@-moz-keyframes f_fadeG{0%{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}100%{background-color:#fff}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader5' ){
?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 40%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 105px !important;height: 105px !important;margin: 0px 0 0 -30px;}
.circular3dG{position:absolute;background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;width:17px;height:17px;border-radius:18px;-o-border-radius:18px;-ms-border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;animation-name:bounce_circular3dG;-o-animation-name:bounce_circular3dG;-ms-animation-name:bounce_circular3dG;-webkit-animation-name:bounce_circular3dG;-moz-animation-name:bounce_circular3dG;animation-duration:572ms;-o-animation-duration:572ms;-ms-animation-duration:572ms;-webkit-animation-duration:572ms;-moz-animation-duration:572ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}#circular3d_1G{left:24px;top:4px;animation-delay:.2095s;-o-animation-delay:.2095s;-ms-animation-delay:.2095s;-webkit-animation-delay:.2095s;-moz-animation-delay:.2095s}#circular3d_2G{left:37px;top:14px;animation-delay:286ms;-o-animation-delay:286ms;-ms-animation-delay:286ms;-webkit-animation-delay:286ms;-moz-animation-delay:286ms}#circular3d_3G{left:44px;top:27px;animation-delay:.3525s;-o-animation-delay:.3525s;-ms-animation-delay:.3525s;-webkit-animation-delay:.3525s;-moz-animation-delay:.3525s}#circular3d_4G{left:41px;top:40px;animation-delay:429ms;-o-animation-delay:429ms;-ms-animation-delay:429ms;-webkit-animation-delay:429ms;-moz-animation-delay:429ms}#circular3d_5G{left:25px;top:44px;animation-delay:.4955s;-o-animation-delay:.4955s;-ms-animation-delay:.4955s;-webkit-animation-delay:.4955s;-moz-animation-delay:.4955s}#circular3d_6G{left:5px;top:29px;animation-delay:572ms;-o-animation-delay:572ms;-ms-animation-delay:572ms;-webkit-animation-delay:572ms;-moz-animation-delay:572ms}#circular3d_7G{left:0;top:8px;animation-delay:.6385s;-o-animation-delay:.6385s;-ms-animation-delay:.6385s;-webkit-animation-delay:.6385s;-moz-animation-delay:.6385s}#circular3d_8G{left:10px;top:0;animation-delay:715ms;-o-animation-delay:715ms;-ms-animation-delay:715ms;-webkit-animation-delay:715ms;-moz-animation-delay:715ms}@keyframes bounce_circular3dG{0%{transform:scale(1)}100%{transform:scale(.3)}}@-o-keyframes bounce_circular3dG{0%{-o-transform:scale(1)}100%{-o-transform:scale(.3)}}@-ms-keyframes bounce_circular3dG{0%{-ms-transform:scale(1)}100%{-ms-transform:scale(.3)}}@-webkit-keyframes bounce_circular3dG{0%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.3)}}@-moz-keyframes bounce_circular3dG{0%{-moz-transform:scale(1)}100%{-moz-transform:scale(.3)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader6' ){
?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 40%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin:0px 0 0 -40px;}
#bowl_ringG{width:75px;height:75px}#bowl_ringG,.ballG,.ball_holderG{position:absolute}#bowl_ringG{border:6px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-radius:75px;-o-border-radius:75px;-ms-border-radius:75px;-webkit-border-radius:75px;-moz-border-radius:75px}.ball_holderG{width:20px;height:75px;left:28px;top:0;animation-name:ball_moveG;-o-animation-name:ball_moveG;-ms-animation-name:ball_moveG;-webkit-animation-name:ball_moveG;-moz-animation-name:ball_moveG;animation-duration:845ms;-o-animation-duration:845ms;-ms-animation-duration:845ms;-webkit-animation-duration:845ms;-moz-animation-duration:845ms;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear}.ballG{left:0;top:-18px;width:30px;height:30px;background:<?php echo esc_attr($divi_dppre_preloader_color); ?>;border-radius:25px;-o-border-radius:25px;-ms-border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px}@keyframes ball_moveG{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes ball_moveG{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(360deg)}}@-ms-keyframes ball_moveG{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}@-webkit-keyframes ball_moveG{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes ball_moveG{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader7' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 45%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin:0px 0 0 -30px;}
.cssload-loader{display:block;margin:0 auto;width:29px;height:29px;position:relative;border:4px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation:cssload-loader 2.3s infinite ease;-o-animation:cssload-loader 2.3s infinite ease;-ms-animation:cssload-loader 2.3s infinite ease;-webkit-animation:cssload-loader 2.3s infinite ease;-moz-animation:cssload-loader 2.3s infinite ease}.cssload-loader-inner{vertical-align:top;display:inline-block;width:100%;background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;animation:cssload-loader-inner 2.3s infinite ease-in;-o-animation:cssload-loader-inner 2.3s infinite ease-in;-ms-animation:cssload-loader-inner 2.3s infinite ease-in;-webkit-animation:cssload-loader-inner 2.3s infinite ease-in;-moz-animation:cssload-loader-inner 2.3s infinite ease-in}@keyframes cssload-loader{0%{transform:rotate(0)}25%,50%{transform:rotate(180deg)}100%,75%{transform:rotate(360deg)}}@-o-keyframes cssload-loader{0%{transform:rotate(0)}25%,50%{transform:rotate(180deg)}100%,75%{transform:rotate(360deg)}}@-ms-keyframes cssload-loader{0%{transform:rotate(0)}25%,50%{transform:rotate(180deg)}100%,75%{transform:rotate(360deg)}}@-webkit-keyframes cssload-loader{0%{transform:rotate(0)}25%,50%{transform:rotate(180deg)}100%,75%{transform:rotate(360deg)}}@-moz-keyframes cssload-loader{0%{transform:rotate(0)}25%,50%{transform:rotate(180deg)}100%,75%{transform:rotate(360deg)}}@keyframes cssload-loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}@-o-keyframes cssload-loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}@-ms-keyframes cssload-loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}@-webkit-keyframes cssload-loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}@-moz-keyframes cssload-loader-inner{0%,100%,25%{height:0%}50%,75%{height:100%}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader8' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 40%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin: 0px 0 0 -30px;}
.cssload-loader{position:relative;left:calc(50% - 48px);width:96px;height:96px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;perspective:1200px}.cssload-inner{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.cssload-inner.cssload-one{left:0;top:0;animation:cssload-rotate-one .85s linear infinite;-o-animation:cssload-rotate-one .85s linear infinite;-ms-animation:cssload-rotate-one .85s linear infinite;-webkit-animation:cssload-rotate-one .85s linear infinite;-moz-animation:cssload-rotate-one .85s linear infinite;border-bottom:5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;}.cssload-inner.cssload-two{right:0;top:0;animation:cssload-rotate-two .85s linear infinite;-o-animation:cssload-rotate-two .85s linear infinite;-ms-animation:cssload-rotate-two .85s linear infinite;-webkit-animation:cssload-rotate-two .85s linear infinite;-moz-animation:cssload-rotate-two .85s linear infinite;border-right:5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;}.cssload-inner.cssload-three{right:0;bottom:0;animation:cssload-rotate-three .85s linear infinite;-o-animation:cssload-rotate-three .85s linear infinite;-ms-animation:cssload-rotate-three .85s linear infinite;-webkit-animation:cssload-rotate-three .85s linear infinite;-moz-animation:cssload-rotate-three .85s linear infinite;border-top:5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;}@keyframes cssload-rotate-one{0%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-o-keyframes cssload-rotate-one{0%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-o-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-ms-keyframes cssload-rotate-one{0%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-ms-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-moz-keyframes cssload-rotate-one{0%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes cssload-rotate-two{0%{transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-o-keyframes cssload-rotate-two{0%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-o-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-ms-keyframes cssload-rotate-two{0%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-ms-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-moz-keyframes cssload-rotate-two{0%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-moz-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes cssload-rotate-three{0%{transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-o-keyframes cssload-rotate-three{0%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-o-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-ms-keyframes cssload-rotate-three{0%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-ms-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-moz-keyframes cssload-rotate-three{0%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-moz-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader9' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 30%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin:0px 0 0 -30px;}
.cssload-container *{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cssload-container{margin:23px auto 0;max-width:629px}.cssload-container ul li{list-style:none}.cssload-flex-container{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:row;-o-flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;flex-wrap:wrap;-o-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:space-around}.cssload-flex-container li{padding:11px;height:113px;width:113px;margin:34px 23px;position:relative;text-align:center}.cssload-loading-center{display:inline-block;position:absolute;background:<?php echo esc_attr($divi_dppre_preloader_color); ?>;height:34px;width:34px;left:41px;top:42px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;animation:pulse .95s ease infinite;-o-animation:pulse .95s ease infinite;-ms-animation:pulse .95s ease infinite;-webkit-animation:pulse .95s ease infinite;-moz-animation:pulse .95s ease infinite}.cssload-loading{display:inline-block;position:relative;width:84px;height:84px;margin-top:3px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.cssload-loading:after,.cssload-loading:before{position:absolute;content:'';height:11px;width:11px;display:block;top:0;background:<?php echo esc_attr($divi_dppre_preloader_color); ?>;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.cssload-loading:after{right:0;animation:square-tr 1.9s ease infinite;-o-animation:square-tr 1.9s ease infinite;-ms-animation:square-tr 1.9s ease infinite;-webkit-animation:square-tr 1.9s ease infinite;-moz-animation:square-tr 1.9s ease infinite;animation-delay:118ms;-o-animation-delay:118ms;-ms-animation-delay:118ms;-webkit-animation-delay:118ms;-moz-animation-delay:118ms}.cssload-loading:before{animation:square-tl 1.9s ease infinite;-o-animation:square-tl 1.9s ease infinite;-ms-animation:square-tl 1.9s ease infinite;-webkit-animation:square-tl 1.9s ease infinite;-moz-animation:square-tl 1.9s ease infinite;animation-delay:118ms;-o-animation-delay:118ms;-ms-animation-delay:118ms;-webkit-animation-delay:118ms;-moz-animation-delay:118ms}.cssload-loading.cssload-two{position:relative;top:-90px}.cssload-loading.cssload-two:after,.cssload-loading.cssload-two:before{bottom:0;top:initial}.cssload-loading.cssload-two:after{animation:square-br 1.9s ease infinite;-o-animation:square-br 1.9s ease infinite;-ms-animation:square-br 1.9s ease infinite;-webkit-animation:square-br 1.9s ease infinite;-moz-animation:square-br 1.9s ease infinite;animation-direction:reverse;-o-animation-direction:reverse;-ms-animation-direction:reverse;-webkit-animation-direction:reverse;-moz-animation-direction:reverse}.cssload-loading.cssload-two:before{animation:square-bl 1.9s ease infinite;-o-animation:square-bl 1.9s ease infinite;-ms-animation:square-bl 1.9s ease infinite;-webkit-animation:square-bl 1.9s ease infinite;-moz-animation:square-bl 1.9s ease infinite;animation-direction:reverse;-o-animation-direction:reverse;-ms-animation-direction:reverse;-webkit-animation-direction:reverse;-moz-animation-direction:reverse}@keyframes square-tl{0%{transform:translate(0,0)}25%{transform:translate(0,70.5px)}50%{transform:translate(70.5px,70.5px)}75%{transform:translate(70.5px,0)}}@-o-keyframes square-tl{0%{-o-transform:translate(0,0)}25%{-o-transform:translate(0,70.5px)}50%{-o-transform:translate(70.5px,70.5px)}75%{-o-transform:translate(70.5px,0)}}@-ms-keyframes square-tl{0%{-ms-transform:translate(0,0)}25%{-ms-transform:translate(0,70.5px)}50%{-ms-transform:translate(70.5px,70.5px)}75%{-ms-transform:translate(70.5px,0)}}@-webkit-keyframes square-tl{0%{-webkit-transform:translate(0,0)}25%{-webkit-transform:translate(0,70.5px)}50%{-webkit-transform:translate(70.5px,70.5px)}75%{-webkit-transform:translate(70.5px,0)}}@-moz-keyframes square-tl{0%{-moz-transform:translate(0,0)}25%{-moz-transform:translate(0,70.5px)}50%{-moz-transform:translate(70.5px,70.5px)}75%{-moz-transform:translate(70.5px,0)}}@keyframes square-bl{0%{transform:translate(0,0)}25%{transform:translate(0,-70.5px)}50%{transform:translate(70.5px,-70.5px)}75%{transform:translate(70.5px,0)}}@-o-keyframes square-bl{0%{-o-transform:translate(0,0)}25%{-o-transform:translate(0,-70.5px)}50%{-o-transform:translate(70.5px,-70.5px)}75%{-o-transform:translate(70.5px,0)}}@-ms-keyframes square-bl{0%{-ms-transform:translate(0,0)}25%{-ms-transform:translate(0,-70.5px)}50%{-ms-transform:translate(70.5px,-70.5px)}75%{-ms-transform:translate(70.5px,0)}}@-webkit-keyframes square-bl{0%{-webkit-transform:translate(0,0)}25%{-webkit-transform:translate(0,-70.5px)}50%{-webkit-transform:translate(70.5px,-70.5px)}75%{-webkit-transform:translate(70.5px,0)}}@-moz-keyframes square-bl{0%{-moz-transform:translate(0,0)}25%{-moz-transform:translate(0,-70.5px)}50%{-moz-transform:translate(70.5px,-70.5px)}75%{-moz-transform:translate(70.5px,0)}}@keyframes square-tr{0%{transform:translate(0,0)}25%{transform:translate(-70.5px,0)}50%{transform:translate(-70.5px,70.5px)}75%{transform:translate(0,70.5px)}}@-o-keyframes square-tr{0%{-o-transform:translate(0,0)}25%{-o-transform:translate(-70.5px,0)}50%{-o-transform:translate(-70.5px,70.5px)}75%{-o-transform:translate(0,70.5px)}}@-ms-keyframes square-tr{0%{-ms-transform:translate(0,0)}25%{-ms-transform:translate(-70.5px,0)}50%{-ms-transform:translate(-70.5px,70.5px)}75%{-ms-transform:translate(0,70.5px)}}@-webkit-keyframes square-tr{0%{-webkit-transform:translate(0,0)}25%{-webkit-transform:translate(-70.5px,0)}50%{-webkit-transform:translate(-70.5px,70.5px)}75%{-webkit-transform:translate(0,70.5px)}}@-moz-keyframes square-tr{0%{-moz-transform:translate(0,0)}25%{-moz-transform:translate(-70.5px,0)}50%{-moz-transform:translate(-70.5px,70.5px)}75%{-moz-transform:translate(0,70.5px)}}@keyframes square-br{0%{transform:translate(0,0)}25%{transform:translate(-70.5px,0)}50%{transform:translate(-70.5px,-70.5px)}75%{transform:translate(0,-70.5px)}}@-o-keyframes square-br{0%{-o-transform:translate(0,0)}25%{-o-transform:translate(-70.5px,0)}50%{-o-transform:translate(-70.5px,-70.5px)}75%{-o-transform:translate(0,-70.5px)}}@-ms-keyframes square-br{0%{-ms-transform:translate(0,0)}25%{-ms-transform:translate(-70.5px,0)}50%{-ms-transform:translate(-70.5px,-70.5px)}75%{-ms-transform:translate(0,-70.5px)}}@-webkit-keyframes square-br{0%{-webkit-transform:translate(0,0)}25%{-webkit-transform:translate(-70.5px,0)}50%{-webkit-transform:translate(-70.5px,-70.5px)}75%{-webkit-transform:translate(0,-70.5px)}}@-moz-keyframes square-br{0%{-moz-transform:translate(0,0)}25%{-moz-transform:translate(-70.5px,0)}50%{-moz-transform:translate(-70.5px,-70.5px)}75%{-moz-transform:translate(0,-70.5px)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@-ms-keyframes rotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(inherit) rotate(45deg)}75%{transform:scale(.25) rotate(45deg)}}@-o-keyframes pulse{0%,100%{-o-transform:scale(inherit) rotate(45deg)}75%{-o-transform:scale(.25) rotate(45deg)}}@-ms-keyframes pulse{0%,100%{-ms-transform:scale(inherit) rotate(45deg)}75%{-ms-transform:scale(.25) rotate(45deg)}}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(inherit) rotate(45deg)}75%{-webkit-transform:scale(.25) rotate(45deg)}}@-moz-keyframes pulse{0%,100%{-moz-transform:scale(inherit) rotate(45deg)}75%{-moz-transform:scale(.25) rotate(45deg)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader10' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 30%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin:0px 0 0 -30px;}
.cssload-container *{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cssload-container{margin:23px auto 0;max-width:629px}.cssload-container ul li{list-style:none}.cssload-flex-container{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:row;-o-flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;flex-wrap:wrap;-o-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:space-around}.cssload-flex-container li{padding:11px;height:113px;width:113px;margin:34px 23px;position:relative;text-align:center}.cssload-loading,.cssload-loading:after,.cssload-loading:before{display:inline-block;position:relative;width:6px;height:56px;background:<?php echo esc_attr($divi_dppre_preloader_color); ?>;margin-top:6px;border-radius:1125px;-o-border-radius:1125px;-ms-border-radius:1125px;-webkit-border-radius:1125px;-moz-border-radius:1125px;animation:cssload-upDown2 .9s ease infinite;-o-animation:cssload-upDown2 .9s ease infinite;-ms-animation:cssload-upDown2 .9s ease infinite;-webkit-animation:cssload-upDown2 .9s ease infinite;-moz-animation:cssload-upDown2 .9s ease infinite;animation-direction:alternate;-o-animation-direction:alternate;-ms-animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate;animation-delay:.2225s;-o-animation-delay:.2225s;-ms-animation-delay:.2225s;-webkit-animation-delay:.2225s;-moz-animation-delay:.2225s}.cssload-loading:after,.cssload-loading:before{position:absolute;content:'';animation:cssload-upDown .9s ease infinite;-o-animation:cssload-upDown .9s ease infinite;-ms-animation:cssload-upDown .9s ease infinite;-webkit-animation:cssload-upDown .9s ease infinite;-moz-animation:cssload-upDown .9s ease infinite;animation-direction:alternate;-o-animation-direction:alternate;-ms-animation-direction:alternate;-webkit-animation-direction:alternate;-moz-animation-direction:alternate}.cssload-loading:before{left:-11px}.cssload-loading:after{left:11px;animation-delay:445ms;-o-animation-delay:445ms;-ms-animation-delay:445ms;-webkit-animation-delay:445ms;-moz-animation-delay:445ms}@keyframes cssload-upDown{from{transform:translateY(23px)}to{transform:translateY(-23px)}}@-o-keyframes cssload-upDown{from{-o-transform:translateY(23px)}to{-o-transform:translateY(-23px)}}@-ms-keyframes cssload-upDown{from{-ms-transform:translateY(23px)}to{-ms-transform:translateY(-23px)}}@-webkit-keyframes cssload-upDown{from{-webkit-transform:translateY(23px)}to{-webkit-transform:translateY(-23px)}}@-moz-keyframes cssload-upDown{from{-moz-transform:translateY(23px)}to{-moz-transform:translateY(-23px)}}@keyframes cssload-upDown2{from{transform:translateY(34px)}to{transform:translateY(-23px)}}@-o-keyframes cssload-upDown2{from{-o-transform:translateY(34px)}to{-o-transform:translateY(-23px)}}@-ms-keyframes cssload-upDown2{from{-ms-transform:translateY(34px)}to{-ms-transform:translateY(-23px)}}@-webkit-keyframes cssload-upDown2{from{-webkit-transform:translateY(34px)}to{-webkit-transform:translateY(-23px)}}@-moz-keyframes cssload-upDown2{from{-moz-transform:translateY(34px)}to{-moz-transform:translateY(-23px)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader11' ){ ?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 30%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin:0px 0 0 -30px;}
.cssload-container *{box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cssload-container{margin:19px auto 0;max-width:545px}.cssload-container ul li{list-style:none}.cssload-flex-container{display:flex;display:-o-flex;display:-ms-flex;display:-webkit-flex;display:-moz-flex;flex-direction:row;-o-flex-direction:row;-ms-flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;flex-wrap:wrap;-o-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:space-around}.cssload-flex-container li{padding:10px;height:97px;width:97px;margin:29px 19px;position:relative;text-align:center}.cssload-loading{display:inline-block;position:relative;width:83px;height:83px;border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;border:5px solid transparent;border-bottom:5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-left:5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation:cssload-spinR 2s linear infinite;-o-animation:cssload-spinR 2s linear infinite;-ms-animation:cssload-spinR 2s linear infinite;-webkit-animation:cssload-spinR 2s linear infinite;-moz-animation:cssload-spinR 2s linear infinite}.cssload-loading:after,.cssload-loading:before{content:'';display:block;border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;position:absolute}.cssload-loading:before{height:49px;width:49px;border:3px solid transparent;border-top:3px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-right:3px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation:cssload-spinL .75s linear infinite;-o-animation:cssload-spinL .75s linear infinite;-ms-animation:cssload-spinL .75s linear infinite;-webkit-animation:cssload-spinL .75s linear infinite;-moz-animation:cssload-spinL .75s linear infinite;transform-origin:center center;-o-transform-origin:center center;-ms-transform-origin:center center;-webkit-transform-origin:center center;-moz-transform-origin:center center;top:11%;left:11%}.cssload-loading:after{height:10px;width:10px;background:0 0;border:2px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;top:35.5%;left:35.5%}@keyframes cssload-spinR{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes cssload-spinR{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@-ms-keyframes cssload-spinR{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-webkit-keyframes cssload-spinR{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes cssload-spinR{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@keyframes cssload-spinL{from{transform:rotate(0)}to{transform:rotate(-360deg)}}@-o-keyframes cssload-spinL{from{-o-transform:rotate(0)}to{-o-transform:rotate(-360deg)}}@-ms-keyframes cssload-spinL{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(-360deg)}}@-webkit-keyframes cssload-spinL{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes cssload-spinL{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader12' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important; margin:0px 0 0 -30px;}
.cssload-heartL,.cssload-heartR{width:1em;border:1px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>}.cssload-heart,.cssload-heartL,.cssload-heartR,.cssload-main{content:'';position:absolute}.cssload-heartL,.cssload-heartR,.cssload-square{height:1em;background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>}.cssload-main{left:50%;transform:translate(-100%,-240%);-o-transform:translate(-100%,-240%);-ms-transform:translate(-100%,-240%);-webkit-transform:translate(-100%,-240%);-moz-transform:translate(-100%,-240%)}.cssload-main *{font-size:62px}.cssload-heart{animation:cssload-heart 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-o-animation:cssload-heart 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-ms-animation:cssload-heart 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-webkit-animation:cssload-heart 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-moz-animation:cssload-heart 2.5s cubic-bezier(.75,0,.5,1) infinite normal;top:50%;left:50%}.cssload-heartL{display:block;border-radius:100%;animation:cssload-heartL 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-o-animation:cssload-heartL 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-ms-animation:cssload-heartL 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-webkit-animation:cssload-heartL 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-moz-animation:cssload-heartL 2.5s cubic-bezier(.75,0,.5,1) infinite normal;transform:translate(-28px,-27px);-o-transform:translate(-28px,-27px);-ms-transform:translate(-28px,-27px);-webkit-transform:translate(-28px,-27px);-moz-transform:translate(-28px,-27px)}.cssload-heartR{display:block;border-radius:100%;transform:translate(28px,-27px);-o-transform:translate(28px,-27px);-ms-transform:translate(28px,-27px);-webkit-transform:translate(28px,-27px);-moz-transform:translate(28px,-27px);animation:cssload-heartR 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-o-animation:cssload-heartR 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-ms-animation:cssload-heartR 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-webkit-animation:cssload-heartR 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-moz-animation:cssload-heartR 2.5s cubic-bezier(.75,0,.5,1) infinite normal}.cssload-shadow,.cssload-square{content:'';position:relative;display:block;width:1em}.cssload-square{border:1px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform:scale(1) rotate(-45deg);-o-transform:scale(1) rotate(-45deg);-ms-transform:scale(1) rotate(-45deg);-webkit-transform:scale(1) rotate(-45deg);-moz-transform:scale(1) rotate(-45deg);animation:cssload-square 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-o-animation:cssload-square 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-ms-animation:cssload-square 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-webkit-animation:cssload-square 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-moz-animation:cssload-square 2.5s cubic-bezier(.75,0,.5,1) infinite normal}.cssload-shadow{top:97px;left:50%;bottom:-.5em;height:.24em;background-color:#d7d7d7;border:1px solid #d7d7d7;border-radius:50%;animation:cssload-shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-o-animation:cssload-shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-ms-animation:cssload-shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-webkit-animation:cssload-shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal;-moz-animation:cssload-shadow 2.5s cubic-bezier(.75,0,.5,1) infinite normal}@keyframes cssload-square{50%{border-radius:100%;transform:scale(.5) rotate(-45deg)}100%{transform:scale(1) rotate(-45deg)}}@-o-keyframes cssload-square{50%{border-radius:100%;-o-transform:scale(.5) rotate(-45deg)}100%{-o-transform:scale(1) rotate(-45deg)}}@-ms-keyframes cssload-square{50%{border-radius:100%;-ms-transform:scale(.5) rotate(-45deg)}100%{-ms-transform:scale(1) rotate(-45deg)}}@-webkit-keyframes cssload-square{50%{border-radius:100%;-webkit-transform:scale(.5) rotate(-45deg)}100%{-webkit-transform:scale(1) rotate(-45deg)}}@-moz-keyframes cssload-square{50%{border-radius:100%;-moz-transform:scale(.5) rotate(-45deg)}100%{-moz-transform:scale(1) rotate(-45deg)}}@keyframes cssload-heart{50%{transform:rotate(360deg)}100%{transform:rotate(720deg)}}@-o-keyframes cssload-heart{50%{-o-transform:rotate(360deg)}100%{-o-transform:rotate(720deg)}}@-ms-keyframes cssload-heart{50%{-ms-transform:rotate(360deg)}100%{-ms-transform:rotate(720deg)}}@-webkit-keyframes cssload-heart{50%{-webkit-transform:rotate(360deg)}100%{-webkit-transform:rotate(720deg)}}@-moz-keyframes cssload-heart{50%{-moz-transform:rotate(360deg)}100%{-moz-transform:rotate(720deg)}}@keyframes cssload-heartL{60%{transform:scale(.4)}}@-o-keyframes cssload-heartL{60%{-o-transform:scale(.4)}}@-ms-keyframes cssload-heartL{60%{-ms-transform:scale(.4)}}@-webkit-keyframes cssload-heartL{60%{-webkit-transform:scale(.4)}}@-moz-keyframes cssload-heartL{60%{-moz-transform:scale(.4)}}@keyframes cssload-heartR{40%{transform:scale(.4)}}@-o-keyframes cssload-heartR{40%{-o-transform:scale(.4)}}@-ms-keyframes cssload-heartR{40%{-ms-transform:scale(.4)}}@-webkit-keyframes cssload-heartR{40%{-webkit-transform:scale(.4)}}@-moz-keyframes cssload-heartR{40%{-moz-transform:scale(.4)}}@keyframes cssload-shadow{50%{transform:scale(.5);border-color:#e4e4e4}}@-o-keyframes cssload-shadow{50%{-o-transform:scale(.5);border-color:#e4e4e4}}@-ms-keyframes cssload-shadow{50%{-ms-transform:scale(.5);border-color:#e4e4e4}}@-webkit-keyframes cssload-shadow{50%{-webkit-transform:scale(.5);border-color:#e4e4e4}}@-moz-keyframes cssload-shadow{50%{-moz-transform:scale(.5);border-color:#e4e4e4}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader13' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 35%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin:0px 0 0 -30px;}
.cssload-container{width:72px;margin:58px auto;font-size:0;position:relative;transform-origin:50% 50%;-o-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;animation:cssload-clockwise 6.9s linear infinite;-o-animation:cssload-clockwise 6.9s linear infinite;-ms-animation:cssload-clockwise 6.9s linear infinite;-webkit-animation:cssload-clockwise 6.9s linear infinite;-moz-animation:cssload-clockwise 6.9s linear infinite}.cssload-container:after,.cssload-container:before{position:absolute;height:48px;box-sizing:border-box;content:'';width:48px;top:0}.cssload-container:before{left:0;border:6px solid #e5e5e5;border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cssload-container:after{z-index:-1;right:0;border:6px solid #e5e5e5;border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cssload-lb,.cssload-lt,.cssload-rb,.cssload-rt{position:relative;display:inline-block;overflow:hidden;width:39px;height:19px;opacity:1}.cssload-lb:before,.cssload-lt:before,.cssload-rb:before,.cssload-rt:before{position:absolute;content:'';width:48px;height:48px;border-top:6px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-right:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid transparent;border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.cssload-lt{margin-right:-6px;animation:cssload-lt 2.3s linear -2.3s infinite;-o-animation:cssload-lt 2.3s linear -2.3s infinite;-ms-animation:cssload-lt 2.3s linear -2.3s infinite;-webkit-animation:cssload-lt 2.3s linear -2.3s infinite;-moz-animation:cssload-lt 2.3s linear -2.3s infinite}.cssload-lt:before{top:0;left:0;animation:cssload-not-clockwise 1.15s linear infinite;-o-animation:cssload-not-clockwise 1.15s linear infinite;-ms-animation:cssload-not-clockwise 1.15s linear infinite;-webkit-animation:cssload-not-clockwise 1.15s linear infinite;-moz-animation:cssload-not-clockwise 1.15s linear infinite}.cssload-rt{animation:cssload-lt 2.3s linear -1.15s infinite;-o-animation:cssload-lt 2.3s linear -1.15s infinite;-ms-animation:cssload-lt 2.3s linear -1.15s infinite;-webkit-animation:cssload-lt 2.3s linear -1.15s infinite;-moz-animation:cssload-lt 2.3s linear -1.15s infinite}.cssload-rt:before{top:0;right:0;animation:cssload-clockwise 1.15s linear infinite;-o-animation:cssload-clockwise 1.15s linear infinite;-ms-animation:cssload-clockwise 1.15s linear infinite;-webkit-animation:cssload-clockwise 1.15s linear infinite;-moz-animation:cssload-clockwise 1.15s linear infinite}.cssload-lb{margin-right:-6px;animation:cssload-lt 2.3s linear -1725ms infinite;-o-animation:cssload-lt 2.3s linear -1725ms infinite;-ms-animation:cssload-lt 2.3s linear -1725ms infinite;-webkit-animation:cssload-lt 2.3s linear -1725ms infinite;-moz-animation:cssload-lt 2.3s linear -1725ms infinite}.cssload-lb:before{bottom:0;left:0;animation:cssload-not-clockwise 1.15s linear infinite;-o-animation:cssload-not-clockwise 1.15s linear infinite;-ms-animation:cssload-not-clockwise 1.15s linear infinite;-webkit-animation:cssload-not-clockwise 1.15s linear infinite;-moz-animation:cssload-not-clockwise 1.15s linear infinite}.cssload-rb{animation:cssload-lt 2.3s linear -575ms infinite;-o-animation:cssload-lt 2.3s linear -575ms infinite;-ms-animation:cssload-lt 2.3s linear -575ms infinite;-webkit-animation:cssload-lt 2.3s linear -575ms infinite;-moz-animation:cssload-lt 2.3s linear -575ms infinite}.cssload-rb:before{bottom:0;right:0;animation:cssload-clockwise 1.15s linear infinite;-o-animation:cssload-clockwise 1.15s linear infinite;-ms-animation:cssload-clockwise 1.15s linear infinite;-webkit-animation:cssload-clockwise 1.15s linear infinite;-moz-animation:cssload-clockwise 1.15s linear infinite}@keyframes cssload-clockwise{0%{transform:rotate(-45deg)}100%{transform:rotate(315deg)}}@-o-keyframes cssload-clockwise{0%{-o-transform:rotate(-45deg)}100%{-o-transform:rotate(315deg)}}@-ms-keyframes cssload-clockwise{0%{-ms-transform:rotate(-45deg)}100%{-ms-transform:rotate(315deg)}}@-webkit-keyframes cssload-clockwise{0%{-webkit-transform:rotate(-45deg)}100%{-webkit-transform:rotate(315deg)}}@-moz-keyframes cssload-clockwise{0%{-moz-transform:rotate(-45deg)}100%{-moz-transform:rotate(315deg)}}@keyframes cssload-not-clockwise{0%{transform:rotate(45deg)}100%{transform:rotate(-315deg)}}@-o-keyframes cssload-not-clockwise{0%{-o-transform:rotate(45deg)}100%{-o-transform:rotate(-315deg)}}@-ms-keyframes cssload-not-clockwise{0%{-ms-transform:rotate(45deg)}100%{-ms-transform:rotate(-315deg)}}@-webkit-keyframes cssload-not-clockwise{0%{-webkit-transform:rotate(45deg)}100%{-webkit-transform:rotate(-315deg)}}@-moz-keyframes cssload-not-clockwise{0%{-moz-transform:rotate(45deg)}100%{-moz-transform:rotate(-315deg)}}@keyframes cssload-lt{0%,100%,25%,76%{opacity:1}26%,75%{opacity:0}}@-o-keyframes cssload-lt{0%,100%,25%,76%{opacity:1}26%,75%{opacity:0}}@-ms-keyframes cssload-lt{0%,100%,25%,76%{opacity:1}26%,75%{opacity:0}}@-webkit-keyframes cssload-lt{0%,100%,25%,76%{opacity:1}26%,75%{opacity:0}}@-moz-keyframes cssload-lt{0%,100%,25%,76%{opacity:1}26%,75%{opacity:0}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader14' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin:0px 0 0 -30px;}
.cssload-loader{position:absolute;left:50%;width:54.28px;height:54.28px;margin-left:-27.14px;margin-top:-27.14px;border-radius:100%;animation-name:cssload-loader;-o-animation-name:cssload-loader;-ms-animation-name:cssload-loader;-webkit-animation-name:cssload-loader;-moz-animation-name:cssload-loader;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-duration:3.4s;-o-animation-duration:3.4s;-ms-animation-duration:3.4s;-webkit-animation-duration:3.4s;-moz-animation-duration:3.4s}.cssload-loader .cssload-side{display:block;width:7px;height:23px;background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;margin:2px;position:absolute;border-radius:50%;animation-duration:1.275s;-o-animation-duration:1.275s;-ms-animation-duration:1.275s;-webkit-animation-duration:1.275s;-moz-animation-duration:1.275s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-timing-function:ease;-o-animation-timing-function:ease;-ms-animation-timing-function:ease;-webkit-animation-timing-function:ease;-moz-animation-timing-function:ease}.cssload-loader .cssload-side:nth-child(1),.cssload-loader .cssload-side:nth-child(5){transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);animation-name:cssload-rotate0;-o-animation-name:cssload-rotate0;-ms-animation-name:cssload-rotate0;-webkit-animation-name:cssload-rotate0;-moz-animation-name:cssload-rotate0}.cssload-loader .cssload-side:nth-child(3),.cssload-loader .cssload-side:nth-child(7){transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);animation-name:cssload-rotate90;-o-animation-name:cssload-rotate90;-ms-animation-name:cssload-rotate90;-webkit-animation-name:cssload-rotate90;-moz-animation-name:cssload-rotate90}.cssload-loader .cssload-side:nth-child(2),.cssload-loader .cssload-side:nth-child(6){transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);animation-name:cssload-rotate45;-o-animation-name:cssload-rotate45;-ms-animation-name:cssload-rotate45;-webkit-animation-name:cssload-rotate45;-moz-animation-name:cssload-rotate45}.cssload-loader .cssload-side:nth-child(4),.cssload-loader .cssload-side:nth-child(8){transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);animation-name:cssload-rotate135;-o-animation-name:cssload-rotate135;-ms-animation-name:cssload-rotate135;-webkit-animation-name:cssload-rotate135;-moz-animation-name:cssload-rotate135}.cssload-loader .cssload-side:nth-child(1){top:27.14px;left:54.28px;margin-left:-3px;margin-top:-11px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(2){top:46.21px;left:46.21px;margin-left:-3px;margin-top:-11px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(3){top:54.28px;left:27.14px;margin-left:-3px;margin-top:-11px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(4){top:46.21px;left:8.07px;margin-left:-3px;margin-top:-11px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(5){top:27.14px;left:0;margin-left:-3px;margin-top:-11px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(6){top:8.07px;left:8.07px;margin-left:-3px;margin-top:-11px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(7){top:0;left:27.14px;margin-left:-3px;margin-top:-11px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}.cssload-loader .cssload-side:nth-child(8){top:8.07px;left:46.21px;margin-left:-3px;margin-top:-11px;animation-delay:0;-o-animation-delay:0;-ms-animation-delay:0;-webkit-animation-delay:0;-moz-animation-delay:0}@keyframes cssload-rotate0{0%{transform:rotate(0)}100%,60%{transform:rotate(180deg)}}@-o-keyframes cssload-rotate0{0%{-o-transform:rotate(0)}100%,60%{-o-transform:rotate(180deg)}}@-ms-keyframes cssload-rotate0{0%{-ms-transform:rotate(0)}100%,60%{-ms-transform:rotate(180deg)}}@-webkit-keyframes cssload-rotate0{0%{-webkit-transform:rotate(0)}100%,60%{-webkit-transform:rotate(180deg)}}@-moz-keyframes cssload-rotate0{0%{-moz-transform:rotate(0)}100%,60%{-moz-transform:rotate(180deg)}}@keyframes cssload-rotate90{0%{transform:rotate(90deg)}100%,60%{transform:rotate(270deg)}}@-o-keyframes cssload-rotate90{0%{-o-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-o-transform:rotate(270deg);transform:rotate(270deg)}}@-ms-keyframes cssload-rotate90{0%{-ms-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-ms-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes cssload-rotate90{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-moz-keyframes cssload-rotate90{0%{-moz-transform:rotate(90deg);transform:rotate(90deg)}100%,60%{-moz-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes cssload-rotate45{0%{transform:rotate(45deg)}100%,60%{transform:rotate(225deg)}}@-o-keyframes cssload-rotate45{0%{-o-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-o-transform:rotate(225deg);transform:rotate(225deg)}}@-ms-keyframes cssload-rotate45{0%{-ms-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-ms-transform:rotate(225deg);transform:rotate(225deg)}}@-webkit-keyframes cssload-rotate45{0%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-webkit-transform:rotate(225deg);transform:rotate(225deg)}}@-moz-keyframes cssload-rotate45{0%{-moz-transform:rotate(45deg);transform:rotate(45deg)}100%,60%{-moz-transform:rotate(225deg);transform:rotate(225deg)}}@keyframes cssload-rotate135{0%{transform:rotate(135deg)}100%,60%{transform:rotate(315deg)}}@-o-keyframes cssload-rotate135{0%{-o-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-o-transform:rotate(315deg);transform:rotate(315deg)}}@-ms-keyframes cssload-rotate135{0%{-ms-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-ms-transform:rotate(315deg);transform:rotate(315deg)}}@-webkit-keyframes cssload-rotate135{0%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-webkit-transform:rotate(315deg);transform:rotate(315deg)}}@-moz-keyframes cssload-rotate135{0%{-moz-transform:rotate(135deg);transform:rotate(135deg)}100%,60%{-moz-transform:rotate(315deg);transform:rotate(315deg)}}@keyframes cssload-loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes cssload-loader{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes cssload-loader{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes cssload-loader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes cssload-loader{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader15' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 40%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 75px !important;height: 75px !important;margin:0px 0 0 -30px;}
.cssload-container{width:100%;height:47px;text-align:center}.cssload-tube-tunnel{width:47px;height:47px;margin:0 auto;border:4px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-radius:50%;animation:cssload-scale 810ms infinite linear;-o-animation:cssload-scale 810ms infinite linear;-ms-animation:cssload-scale 810ms infinite linear;-webkit-animation:cssload-scale 810ms infinite linear;-moz-animation:cssload-scale 810ms infinite linear}@keyframes cssload-scale{0%{transform:scale(0)}90%{transform:scale(.7)}100%{transform:scale(1)}}@-o-keyframes cssload-scale{0%{-o-transform:scale(0);transform:scale(0)}90%{-o-transform:scale(.7);transform:scale(.7)}100%{-o-transform:scale(1);transform:scale(1)}}@-ms-keyframes cssload-scale{0%{-ms-transform:scale(0);transform:scale(0)}90%{-ms-transform:scale(.7);transform:scale(.7)}100%{-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes cssload-scale{0%{-webkit-transform:scale(0);transform:scale(0)}90%{-webkit-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes cssload-scale{0%{-moz-transform:scale(0);transform:scale(0)}90%{-moz-transform:scale(.7);transform:scale(.7)}100%{-moz-transform:scale(1);transform:scale(1)}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader16' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 40%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-dual-ring {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes lds-dual-ring {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.lds-dual-ring {position: relative;margin:0px 0 0 -70px;}
.lds-dual-ring div {position: absolute;width: 100px !important;height: 100px !important;top: 20px;left: 20px;border-radius: 50%;border: 8px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-color: <?php echo esc_attr($divi_dppre_preloader_color); ?> transparent <?php echo esc_attr($divi_dppre_preloader_color); ?> transparent;
-webkit-animation: lds-dual-ring 1s linear infinite;animation: lds-dual-ring 1s linear infinite;}
.lds-dual-ring {-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);transform: translate(-100px, -100px) scale(1) translate(100px, 100px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader17' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 40%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-eclipse {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}100% {
-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes lds-eclipse {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.lds-eclipse {position: relative;margin:0px 0 0 -50px;}
.lds-eclipse div {position: absolute;-webkit-animation: lds-eclipse 2s linear infinite;animation: lds-eclipse 2s linear infinite;width: 160px;height: 160px;top: 20px;left: 20px;border-radius: 50%;box-shadow: 0 8px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-transform-origin: 80px 84px;transform-origin: 80px 84px;}
.lds-eclipse {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader18' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-ripple {0% {top: 94px;left: 94px;width: 0;height: 0;opacity: 1;}100% {top: 17px;left: 17px;width: 154px;height: 154px;opacity: 0;}}
@-webkit-keyframes lds-ripple {0% {top: 94px;left: 94px;width: 0;height: 0;opacity: 1;}100% {top: 17px;left: 17px;width: 154px;height: 154px;opacity: 0;}}
.lds-ripple {position: relative;margin:0px 0 0 -50px;}
.lds-ripple div {box-sizing: content-box;position: absolute;border-width: 6px;border-style: solid;opacity: 1;border-radius: 50%;-webkit-animation: lds-ripple 1.8s cubic-bezier(0, 0.2, 0.8, 1) infinite;animation: lds-ripple 1.8s cubic-bezier(0, 0.2, 0.8, 1) infinite;}
.lds-ripple div:nth-child(1) {border-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}
.lds-ripple div:nth-child(2) {border-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation-delay: -0.9s;animation-delay: -0.9s;}
.lds-ripple {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader19' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-rolling {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
@-webkit-keyframes lds-rolling {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
.lds-rolling {position: relative;margin:0px 0 0 -50px;}
.lds-rolling div,.lds-rolling div:after {position: absolute;width: 160px;height: 160px;border: 20px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-top-color: transparent;border-radius: 50%;}
.lds-rolling div {-webkit-animation: lds-rolling 1s linear infinite;animation: lds-rolling 1s linear infinite;top: 100px;left: 100px;}
.lds-rolling div:after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.lds-rolling {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader20' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-reload {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes lds-reload {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}50% {-webkit-transform: rotate(180deg);transform: rotate(180deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.lds-reload {position: relative;margin:0px 0 0 -50px;}
.lds-reload div {display: block;position: absolute;-webkit-transform-origin: 82px 82px;transform-origin: 82px 82px;border: 24px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-top-color: transparent;width: 164px;height: 164px;top: 18px;left: 18px;border-radius: 50%;-webkit-animation: lds-reload 1s linear infinite;animation: lds-reload 1s linear infinite;}
.lds-reload div:before {content: " ";display: block;position: absolute;top: -24px;left: -24px;width: 115px;height: 115px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border: 24px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-top-color: transparent;border-radius: 50%;}
.lds-reload div:after {content: " ";width: 0px;height: 0px;position: absolute;border-style: solid;border-width: 24px;border-top-width: 0;border-color: transparent transparent <?php echo esc_attr($divi_dppre_preloader_color); ?> transparent;display: block;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: -14.497474683058321px;left: -14.497474683058321px;-webkit-transform-origin: 24px 24px;
transform-origin: 24px 24px;}
.lds-reload {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader21' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-facebook_1 {0% {top: 10px;height: 180px;}50% {top: 50px;height: 100px;}100% {top: 50px;height: 100px;}}
@-webkit-keyframes lds-facebook_1 {0% {top: 10px;height: 180px;}50% {top: 50px;height: 100px;}100% {top: 50px;height: 100px;}}
@keyframes lds-facebook_2 {0% {top: 20px;height: 160px;}50% {top: 50px;height: 100px;}100% {top: 50px;height: 100px;}}
@-webkit-keyframes lds-facebook_2 {0% {top: 20px;height: 160px;}50% {top: 50px;height: 100px;}100% {top: 50px;height: 100px;}}
@keyframes lds-facebook_3 {0% {top: 30px;height: 140px;}50% {top: 50px;height: 100px;}100% {top: 50px;height: 100px;}}
@-webkit-keyframes lds-facebook_3 {0% {top: 30px;height: 140px;}50% {top: 50px;height: 100px;}100% {top: 50px;height: 100px;}}
.lds-facebook {position: relative;margin:0px 0 0 -50px;}
.lds-facebook div {position: absolute;width: 30px;}
.lds-facebook div:nth-child(1) {left: 35px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-facebook_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;animation: lds-facebook_1 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.lds-facebook div:nth-child(2) {left: 85px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-facebook_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;animation: lds-facebook_2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
.lds-facebook div:nth-child(3) {left: 135px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-facebook_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;animation: lds-facebook_3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;}
.lds-facebook {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader22' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-cube {0% {-webkit-transform: scale(1.5);transform: scale(1.5);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes lds-cube {0% {-webkit-transform: scale(1.5);transform: scale(1.5);}100% {-webkit-transform: scale(1);transform: scale(1);}}
.lds-cube {position: relative;margin:0px 0 0 -50px;}
.lds-cube div {position: absolute;width: 60px;height: 60px;top: 20px;left: 20px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-cube 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;animation: lds-cube 1s cubic-bezier(0, 0.5, 0.5, 1) infinite;-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}
.lds-cube div:nth-child(2) {top: 20px;left: 120px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation-delay: -0.2s;animation-delay: -0.2s;}
.lds-cube div:nth-child(3) {top: 120px;left: 120px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation-delay: 0s;animation-delay: 0s;}
.lds-cube div:nth-child(4) {top: 120px;left: 20px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation-delay: -0.1s;animation-delay: -0.1s;}
.lds-cube {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader23' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-blocks {0% {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;opacity:0.3;}8.333333333333334% {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;opacity:0.3;}8.416666666666666% {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}100% {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-webkit-keyframes lds-blocks {0% {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;opacity:0.3;}8.333333333333334% {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;opacity:0.3;}8.416666666666666% {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}100% {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
.lds-blocks {position: relative;margin:0px 0 0 -50px;}
.lds-blocks div {position: absolute;width: 40px;height: 40px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-blocks 1s linear infinite;animation: lds-blocks 1s linear infinite;}
.lds-blocks {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader24' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-ball {0%, 100% {animation-timing-function: cubic-bezier(0.45, 0, 0.9, 0.55);}0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);
}50% {-webkit-transform: translate(0, 100px);transform: translate(0, 100px);animation-timing-function: cubic-bezier(0, 0.45, 0.55, 0.9);}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
@-webkit-keyframes lds-ball {0%, 100% {animation-timing-function: cubic-bezier(0.45, 0, 0.9, 0.55);}0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}50% {-webkit-transform: translate(0, 100px);transform: translate(0, 100px);animation-timing-function: cubic-bezier(0, 0.45, 0.55, 0.9);}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
.lds-ball {position: relative;margin:0px 0 0 -50px;}
.lds-ball div {position: absolute;width: 60px;height: 60px;border-radius: 50%;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;left: 70px;top: 20px;-webkit-animation: lds-ball 1s linear infinite;animation: lds-ball 1s linear infinite;}
.lds-ball {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader25' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-wedges {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes lds-wedges {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.lds-wedges {position: relative;margin:0px 0 0 -50px;}
.lds-wedges > div > div {-webkit-transform-origin: 100px 100px;transform-origin: 100px 100px;-webkit-animation: lds-wedges 3s linear infinite;animation: lds-wedges 3s linear infinite;opacity: 0.8;}
.lds-wedges > div > div > div {position: absolute;left: 30px;top: 30px;width: 70px;height: 70px;border-radius: 70px 0 0 0;-webkit-transform-origin: 100px 100px;transform-origin: 100px 100px;}
.lds-wedges > div div:nth-child(1) > div {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.lds-wedges > div div:nth-child(1) {-webkit-animation-duration: 0.75s;animation-duration: 0.75s;}
.lds-wedges > div div:nth-child(2) > div {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.lds-wedges > div div:nth-child(2) {-webkit-animation-duration: 1s;animation-duration: 1s;}
.lds-wedges > div div:nth-child(3) > div {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.lds-wedges > div div:nth-child(3) {-webkit-animation-duration: 1.5s;animation-duration: 1.5s;}
.lds-wedges > div div:nth-child(4) > div {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.lds-wedges > div div:nth-child(4) {-webkit-animation-duration: 3s;animation-duration: 3s;}
.lds-wedges {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader26' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-disk {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes lds-disk {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
.lds-disk {position: relative;margin:0px 0 0 -50px;}
.lds-disk > div div:nth-child(1) {position: absolute;top: 30px;left: 30px;width: 140px;height: 140px;border-radius: 50%;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>}
.lds-disk > div div:nth-child(2) {position: absolute;top: 44px;left: 79px;width: 42px;height: 42px;border-radius: 50%;background: #fff;-webkit-animation: lds-disk 1s linear infinite;animation: lds-disk 1s linear infinite;-webkit-transform-origin: 21px 56px;transform-origin: 21px 56px;}
.lds-disk {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader27' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-double-ring {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-webkit-keyframes lds-double-ring {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes lds-double-ring_reverse {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}
@-webkit-keyframes lds-double-ring_reverse {0% {-webkit-transform: rotate(0);transform: rotate(0);}100% {-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}
.lds-double-ring {position: relative;margin:0px 0 0 -50px;}
.lds-double-ring div {position: absolute;width: 160px;height: 160px;top: 20px;left: 20px;border-radius: 50%;border: 8px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-color: <?php echo esc_attr($divi_dppre_preloader_color); ?> transparent <?php echo esc_attr($divi_dppre_preloader_color); ?> transparent;-webkit-animation: lds-double-ring 2s linear infinite;animation: lds-double-ring 2s linear infinite;}
.lds-double-ring div:nth-child(2) {width: 140px;height: 140px;top: 30px;left: 30px;border-color: transparent <?php echo esc_attr($divi_dppre_preloader_color); ?> transparent <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-double-ring_reverse 2s linear infinite;animation: lds-double-ring_reverse 2s linear infinite;opacity:0.5;}
.lds-double-ring {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader28' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-ellipsis3 {0%, 25% {left: 32px;-webkit-transform: scale(0);transform: scale(0);}50% {left: 32px;-webkit-transform: scale(1);transform: scale(1);}75% {left: 100px;}100% {left: 168px;-webkit-transform: scale(1);transform: scale(1);}}
@-webkit-keyframes lds-ellipsis3 {0%, 25% {left: 32px;-webkit-transform: scale(0);transform: scale(0);}50% {left: 32px;-webkit-transform: scale(1);transform: scale(1);}75% {left: 100px;}100% {left: 168px;-webkit-transform: scale(1);transform: scale(1);}}
@keyframes lds-ellipsis2 {0% {-webkit-transform: scale(1);transform: scale(1);}25%, 100% {-webkit-transform: scale(0);transform: scale(0);}}
@-webkit-keyframes lds-ellipsis2 {0% {-webkit-transform: scale(1);transform: scale(1);}25%, 100% {-webkit-transform: scale(0);transform: scale(0);}}
@keyframes lds-ellipsis {0% {left: 32px;-webkit-transform: scale(0);transform: scale(0);}25% {left: 32px;-webkit-transform: scale(1);transform: scale(1);}50% {left: 100px;}75% {left: 168px;-webkit-transform: scale(1);transform: scale(1);}100% {left: 168px;-webkit-transform: scale(0);transform: scale(0);}}
@-webkit-keyframes lds-ellipsis {0% {left: 32px;-webkit-transform: scale(0);transform: scale(0);}25% {left: 32px;-webkit-transform: scale(1);transform: scale(1);}50% {left: 100px;}75% {left: 168px;-webkit-transform: scale(1);transform: scale(1);}100% {left: 168px;-webkit-transform: scale(0);transform: scale(0);}}
.lds-ellipsis {position: relative;margin:0px 0 0 -50px;}
.lds-ellipsis > div {position: absolute;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 40px;height: 40px;}
.lds-ellipsis div > div {width: 40px;height: 40px;border-radius: 50%;background: #f00;position: absolute;top: 100px;left: 32px;-webkit-animation: lds-ellipsis 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;animation: lds-ellipsis 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;}
.lds-ellipsis div:nth-child(1) div {-webkit-animation: lds-ellipsis2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;animation: lds-ellipsis2 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}
.lds-ellipsis div:nth-child(2) div {-webkit-animation-delay: -0.5s;animation-delay: -0.5s;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}
.lds-ellipsis div:nth-child(3) div {-webkit-animation-delay: -0.25s;animation-delay: -0.25s;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}
.lds-ellipsis div:nth-child(4) div {-webkit-animation-delay: 0s;animation-delay: 0s;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}
.lds-ellipsis div:nth-child(5) div {-webkit-animation: lds-ellipsis3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;animation: lds-ellipsis3 1s cubic-bezier(0, 0.5, 0.5, 1) infinite forwards;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}
.lds-ellipsis {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader29' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
@keyframes lds-flickr-opacity {0% {-webkit-transform: translate(0 0);transform: translate(0 0);opacity: 1;}49.99% {opacity: 1;-webkit-transform: translate(80px, 0);transform: translate(80px, 0);}50% {opacity: 0;-webkit-transform: translate(80px, 0);transform: translate(80px, 0);}100% {opacity: 0;-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
@-webkit-keyframes lds-flickr-opacity {0% {-webkit-transform: translate(0 0);transform: translate(0 0);opacity: 1;}49.99% {opacity: 1;-webkit-transform: translate(80px, 0);transform: translate(80px, 0);}50% {opacity: 0;-webkit-transform: translate(80px, 0);transform: translate(80px, 0);}100% {opacity: 0;-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
@keyframes lds-flickr {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}50% {-webkit-transform: translate(80px, 0);transform: translate(80px, 0);}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
@-webkit-keyframes lds-flickr {0% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}50% {-webkit-transform: translate(80px, 0);transform: translate(80px, 0);}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
.lds-flickr {position: relative;margin:0px 0 0 -50px;}
.lds-flickr div {position: absolute;width: 80px;height: 80px;border-radius: 50%;top: 60px;left: 20px;}
.lds-flickr div:nth-child(1) {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-flickr 1s linear infinite;animation: lds-flickr 1s linear infinite;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.lds-flickr div:nth-child(2) {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-flickr 1s linear infinite;animation: lds-flickr 1s linear infinite;-webkit-animation-delay: 0s;animation-delay: 0s;}
.lds-flickr div:nth-child(3) {background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-animation: lds-flickr-opacity 1s linear infinite;animation: lds-flickr-opacity 1s linear infinite;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.lds-flickr {width: 100px !important;height: 100px !important;-webkit-transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader30' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin:50px 0 0 -20px;}
.cssload-spin-box {position: absolute;margin: auto;left: 0;top: 0;bottom: 0;right: 0;width: 26px;height: 26px;border-radius: 100%;box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;-o-box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;-ms-box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;-webkit-box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;-moz-box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: cssload-spin ease infinite 4.6s;-o-animation: cssload-spin ease infinite 4.6s;-ms-animation: cssload-spin ease infinite 4.6s;-webkit-animation: cssload-spin ease infinite 4.6s;
-moz-animation: cssload-spin ease infinite 4.6s;}
@keyframes cssload-spin {0%,100% {box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}25% {box-shadow: -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {box-shadow: -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}75% {box-shadow: 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-o-keyframes cssload-spin {0%,100% {box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}25% {box-shadow: -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {box-shadow: -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}75% {box-shadow: 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-ms-keyframes cssload-spin {0%,100% {box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}25% {box-shadow: -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {box-shadow: -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}75% {box-shadow: 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px #<?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-webkit-keyframes cssload-spin {0%,100% {box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}25% {box-shadow: -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {box-shadow: -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}75% {box-shadow: 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-moz-keyframes cssload-spin {0%,100% {box-shadow: 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}25% {box-shadow: -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {box-shadow: -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}75% {box-shadow: 26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, 26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px 26px <?php echo esc_attr($divi_dppre_preloader_color); ?>, -26px -26px <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader31' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 38%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin:50px 0 0 -20px;}
.cssload-fond{position:relative;margin: auto;}
.cssload-container-general{animation:cssload-animball_two 1.15s infinite;-o-animation:cssload-animball_two 1.15s infinite;-ms-animation:cssload-animball_two 1.15s infinite;-webkit-animation:cssload-animball_two 1.15s infinite;-moz-animation:cssload-animball_two 1.15s infinite;width:43px; height:43px;}
.cssload-internal{width:43px; height:43px; position:absolute;}
.cssload-ballcolor{width: 19px;height: 19px;border-radius: 50%;}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4{position: absolute;animation:cssload-animball_one 1.15s infinite ease;-o-animation:cssload-animball_one 1.15s infinite ease;-ms-animation:cssload-animball_one 1.15s infinite ease;-webkit-animation:cssload-animball_one 1.15s infinite ease;-moz-animation:cssload-animball_one 1.15s infinite ease;}
.cssload-ball_1{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;top:0; left:0;}
.cssload-ball_2{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;top:0; left:23px;}
.cssload-ball_3{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;top:23px; left:0;}
.cssload-ball_4{background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;top:23px; left:23px;}
@keyframes cssload-animball_one{0%{ position: absolute;}50%{top:12px; left:12px; position: absolute;opacity:0.5;}100%{ position: absolute;}}
@-o-keyframes cssload-animball_one{0%{ position: absolute;}50%{top:12px; left:12px; position: absolute;opacity:0.5;}100%{ position: absolute;}}
@-ms-keyframes cssload-animball_one{0%{ position: absolute;}50%{top:12px; left:12px; position: absolute;opacity:0.5;}100%{ position: absolute;}}
@-webkit-keyframes cssload-animball_one{0%{ position: absolute;}50%{top:12px; left:12px; position: absolute;opacity:0.5;}100%{ position: absolute;}}
@-moz-keyframes cssload-animball_one{0%{ position: absolute;}50%{top:12px; left:12px; position: absolute;opacity:0.5;}100%{ position: absolute;}}
@keyframes cssload-animball_two{0%{transform:rotate(0deg) scale(1);}50%{transform:rotate(360deg) scale(1.3);}100%{transform:rotate(720deg) scale(1);}}
@-o-keyframes cssload-animball_two{0%{-o-transform:rotate(0deg) scale(1);}50%{-o-transform:rotate(360deg) scale(1.3);}100%{-o-transform:rotate(720deg) scale(1);}}
@-ms-keyframes cssload-animball_two{0%{-ms-transform:rotate(0deg) scale(1);}50%{-ms-transform:rotate(360deg) scale(1.3);}100%{-ms-transform:rotate(720deg) scale(1);}}
@-webkit-keyframes cssload-animball_two{0%{-webkit-transform:rotate(0deg) scale(1);}50%{-webkit-transform:rotate(360deg) scale(1.3);}100%{-webkit-transform:rotate(720deg) scale(1);}}
@-moz-keyframes cssload-animball_two{0%{-moz-transform:rotate(0deg) scale(1);}50%{-moz-transform:rotate(360deg) scale(1.3);}100%{-moz-transform:rotate(720deg) scale(1);}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader32' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin:50px 0 0 0px;}
.cssload-loading {position: absolute;left: 50%;width: 15px;height: 15px;transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.cssload-loading .cssload-dot {position: absolute;border-radius: 50%;left: 1px;top: 1px;width: 13px;height: 13px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: cssload-spin 2.88s 0s infinite both;-o-animation: cssload-spin 2.88s 0s infinite both;-ms-animation: cssload-spin 2.88s 0s infinite both;-webkit-animation: cssload-spin 2.88s 0s infinite both;-moz-animation: cssload-spin 2.88s 0s infinite both;}
.cssload-loading .cssload-dot2 {position: absolute;border-radius: 50%;width: 15px;height: 15px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: cssload-spin2 2.88s 0s infinite both;-o-animation: cssload-spin2 2.88s 0s infinite both;-ms-animation: cssload-spin2 2.88s 0s infinite both;-webkit-animation: cssload-spin2 2.88s 0s infinite both;-moz-animation: cssload-spin2 2.88s 0s infinite both;}
@keyframes cssload-spin {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {transform: rotate(180deg);}25%, 75% {box-shadow: 21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}100% {transform: rotate(360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-o-keyframes cssload-spin {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {-o-transform: rotate(180deg);}25%, 75% {box-shadow: 21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}100% {-o-transform: rotate(360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-ms-keyframes cssload-spin {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {-ms-transform: rotate(180deg);}25%, 75% {box-shadow: 21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}100% {-ms-transform: rotate(360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-webkit-keyframes cssload-spin {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {-webkit-transform: rotate(180deg);}25%, 75% {box-shadow: 21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}100% {-webkit-transform: rotate(360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-moz-keyframes cssload-spin {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {-moz-transform: rotate(180deg);}25%, 75% {box-shadow: 21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -21px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -21px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px -15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -15px 15px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}100% {-moz-transform: rotate(360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@keyframes cssload-spin2 {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {transform: rotate(-180deg);}
25%, 75% {box-shadow: 39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;background: transparent;}100% {transform: rotate(-360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-o-keyframes cssload-spin2 {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {-o-transform: rotate(-180deg);}25%, 75% {box-shadow: 39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;
background: transparent;}100% {-o-transform: rotate(-360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-ms-keyframes cssload-spin2 {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {-ms-transform: rotate(-180deg);}25%, 75% {box-shadow: 39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;background: transparent;}100% {-ms-transform: rotate(-360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-webkit-keyframes cssload-spin2 {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {-webkit-transform: rotate(-180deg);}25%, 75% {box-shadow: 39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;background: transparent;}100% {-webkit-transform: rotate(-360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
@-moz-keyframes cssload-spin2 {0%, 100% {box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}50% {-moz-transform: rotate(-180deg);}25%, 75% {box-shadow: 39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -39px 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 -39px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px -28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, -28px 28px 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;background: transparent;}100% {-moz-transform: rotate(-360deg);box-shadow: 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>, 0 0 0 <?php echo esc_attr($divi_dppre_preloader_color); ?>;}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader33' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 42%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin:50px 0 0 0px;}
.cssload-loading {position: absolute;left: 50%;width: 23px;height: 23px;margin: -12px 0 0 -12px;}
.cssload-loading i {position: absolute;top: 23px; left: 23px;display: block;width: 23px;height: 23px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-radius: 23px;animation: cssload-spin2 1.73s ease-in-out infinite;-o-animation: cssload-spin2 1.73s ease-in-out infinite;-ms-animation: cssload-spin2 1.73s ease-in-out infinite;-webkit-animation: cssload-spin2 1.73s ease-in-out infinite;-moz-animation: cssload-spin2 1.73s ease-in-out infinite;}
.cssload-loading i:first-child {top: -23px; left: 0;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: cssload-spin 1.73s ease-in-out infinite;-o-animation: cssload-spin 1.73s ease-in-out infinite;-ms-animation: cssload-spin 1.73s ease-in-out infinite;-webkit-animation: cssload-spin 1.73s ease-in-out infinite;-moz-animation: cssload-spin 1.73s ease-in-out infinite;}
.cssload-loading i:last-child {top: 23px; left: -23px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: cssload-spin3 1.73s ease-in-out infinite;-o-animation: cssload-spin3 1.73s ease-in-out infinite;-ms-animation: cssload-spin3 1.73s ease-in-out infinite;-webkit-animation: cssload-spin3 1.73s ease-in-out infinite;-moz-animation: cssload-spin3 1.73s ease-in-out infinite;}
@keyframes cssload-spin {0% {top: -23px;left: 0;transform: scale(1);}17% {transform: scale(.5);}33% {top: 23px;left: 23px;transform: scale(1);}50% {transform: scale(.5);}66% {top: 23px;left: -23px;transform: scale(1);}83% {transform: scale(.5);}100% {top: -23px;left: 0;transform: scale(1);}}
@-o-keyframes cssload-spin {0% {top: -23px;left: 0;-o-transform: scale(1);}17% {-o-transform: scale(.5);}33% {top: 23px;left: 23px;-o-transform: scale(1);}50% {-o-transform: scale(.5);}66% {top: 23px;left: -23px;-o-transform: scale(1);}83% {-o-transform: scale(.5);}100% {top: -23px;left: 0;-o-transform: scale(1);}}
@-ms-keyframes cssload-spin {0% {top: -23px;left: 0;-ms-transform: scale(1);}17% {-ms-transform: scale(.5);}33% {top: 23px;left: 23px;-ms-transform: scale(1);}50% {-ms-transform: scale(.5);}66% {top: 23px;left: -23px;-ms-transform: scale(1);}83% {-ms-transform: scale(.5);}100% {top: -23px;left: 0;-ms-transform: scale(1);}}
@-webkit-keyframes cssload-spin {0% {top: -23px;left: 0;-webkit-transform: scale(1);}17% {-webkit-transform: scale(.5);}33% {top: 23px;left: 23px;-webkit-transform: scale(1);}50% {-webkit-transform: scale(.5);}66% {top: 23px;left: -23px;-webkit-transform: scale(1);}83% {-webkit-transform: scale(.5);}100% {top: -23px;left: 0;-webkit-transform: scale(1);}}
@-moz-keyframes cssload-spin {0% {top: -23px;left: 0;-moz-transform: scale(1);}17% {-moz-transform: scale(.5);}33% {top: 23px;left: 23px;-moz-transform: scale(1);}50% {
-moz-transform: scale(.5);}66% {top: 23px;left: -23px;-moz-transform: scale(1);}83% {-moz-transform: scale(.5);}100% {top: -23px;left: 0;-moz-transform: scale(1);}}
@keyframes cssload-spin2 {0% {top: 23px;left: 23px;transform: scale(1);}17% {transform: scale(.5);}33% {top: 23px;left: -23px;transform: scale(1);}50% {transform: scale(.5);}66% {top: -23px;left: 0;transform: scale(1);}83% {transform: scale(.5);}100% {top: 23px;left: 23px;transform: scale(1);}}
@-o-keyframes cssload-spin2 {0% {top: 23px;left: 23px;-o-transform: scale(1);}17% {-o-transform: scale(.5);}33% {top: 23px;left: -23px;-o-transform: scale(1);}50% {-o-transform: scale(.5);}66% {top: -23px;left: 0;-o-transform: scale(1);}83% {-o-transform: scale(.5);}100% {top: 23px;left: 23px;-o-transform: scale(1);}}
@-ms-keyframes cssload-spin2 {0% {top: 23px;left: 23px;-ms-transform: scale(1);}17% {-ms-transform: scale(.5);}33% {top: 23px;left: -23px;-ms-transform: scale(1);}50% {-ms-transform: scale(.5);}66% {top: -23px;left: 0;-ms-transform: scale(1);}83% {-ms-transform: scale(.5);}100% {top: 23px;left: 23px;-ms-transform: scale(1);}}
@-webkit-keyframes cssload-spin2 {0% {top: 23px;left: 23px;-webkit-transform: scale(1);}17% {-webkit-transform: scale(.5);}33% {top: 23px;left: -23px;-webkit-transform: scale(1);}50% {-webkit-transform: scale(.5);}66% {top: -23px;left: 0;-webkit-transform: scale(1);}83% {-webkit-transform: scale(.5);}100% {top: 23px;left: 23px;-webkit-transform: scale(1);}}
@-moz-keyframes cssload-spin2 {0% {top: 23px;left: 23px;-moz-transform: scale(1);}17% {-moz-transform: scale(.5);}33% {top: 23px;left: -23px;-moz-transform: scale(1);}50% {-moz-transform: scale(.5);}66% {top: -23px;left: 0;-moz-transform: scale(1);}83% {-moz-transform: scale(.5);}100% {top: 23px;left: 23px;-moz-transform: scale(1);}}
@keyframes cssload-spin3 {0% {top: 23px;left: -23px;transform: scale(1);}17% {transform: scale(.5);}33% {top: -23px;left: 0;transform: scale(1);}50% {transform: scale(.5);}66% {top: 23px;left: 23px;transform: scale(1);}83% {transform: scale(.5);}100% {top: 23px;left: -23px;transform: scale(1);}}
@-o-keyframes cssload-spin3 {0% {top: 23px;left: -23px;-o-transform: scale(1);}17% {-o-transform: scale(.5);}33% {top: -23px;left: 0;-o-transform: scale(1);}50% {-o-transform: scale(.5);}66% {top: 23px;left: 23px;-o-transform: scale(1);}83% {-o-transform: scale(.5);}100% {top: 23px;left: -23px;-o-transform: scale(1);}}
@-ms-keyframes cssload-spin3 {0% {top: 23px;left: -23px;-ms-transform: scale(1);}17% {-ms-transform: scale(.5);}33% {top: -23px;left: 0;-ms-transform: scale(1);}50% {-ms-transform: scale(.5);}66% {top: 23px;left: 23px;-ms-transform: scale(1);}83% {-ms-transform: scale(.5);}100% {top: 23px;left: -23px;-ms-transform: scale(1);}}
@-webkit-keyframes cssload-spin3 {0% {top: 23px;left: -23px;-webkit-transform: scale(1);}17% {-webkit-transform: scale(.5);}33% {top: -23px;left: 0;-webkit-transform: scale(1);}50% {-webkit-transform: scale(.5);}66% {top: 23px;left: 23px;-webkit-transform: scale(1);}83% {-webkit-transform: scale(.5);}100% {top: 23px;left: -23px;-webkit-transform: scale(1);}}
@-moz-keyframes cssload-spin3 {0% {top: 23px;left: -23px;-moz-transform: scale(1);}17% {-moz-transform: scale(.5);}33% {top: -23px;left: 0;-moz-transform: scale(1);}50% {-moz-transform: scale(.5);}66% {top: 23px;left: 23px;-moz-transform: scale(1);}83% {-moz-transform: scale(.5);}100% {top: 23px;left: -23px;-moz-transform: scale(1);}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader34' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 40%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin:50px 0 0 -20px;}
.wrapper {display: block;width: 195px;}
.cssload-loader {width: 49px;height: 49px;border-radius: 50%;display: inline-block;position: relative;vertical-align: middle;}
.cssload-loader,.cssload-loader:before,.cssload-loader:after {animation: 1.15s infinite ease-in-out;-o-animation: 1.15s infinite ease-in-out;-ms-animation: 1.15s infinite ease-in-out;-webkit-animation: 1.15s infinite ease-in-out;-moz-animation: 1.15s infinite ease-in-out;}
.cssload-loader:before,.cssload-loader:after {width: 100%; height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;}
.cssload-loader:before,.cssload-loader:after {content: "";}
.cssload-loader:before,.cssload-loader:after {content: "";background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);animation: cssload-animation 1.73s infinite ease-in-out;-o-animation: cssload-animation 1.73s infinite ease-in-out;-ms-animation: cssload-animation 1.73s infinite ease-in-out;-webkit-animation: cssload-animation 1.73s infinite ease-in-out;-moz-animation: cssload-animation 1.73s infinite ease-in-out;}
.cssload-loader:after { animation-delay: 0.86s;-o-animation-delay: 0.86s;-ms-animation-delay: 0.86s;-webkit-animation-delay: 0.86s;-moz-animation-delay: 0.86s; }
@keyframes cssload-animation {0%{ transform: translateX(-100%) scale(0); }50% { transform: translateX(0%) scale(1); }100% { transform: translateX(100%) scale(0); }}
@-o-keyframes cssload-animation {0%{ -o-transform: translateX(-100%) scale(0); }50% { -o-transform: translateX(0%) scale(1); }100% { -o-transform: translateX(100%) scale(0); }}
@-ms-keyframes cssload-animation {0%{ -ms-transform: translateX(-100%) scale(0); }50% { -ms-transform: translateX(0%) scale(1); }100% { -ms-transform: translateX(100%) scale(0); }}
@-webkit-keyframes cssload-animation {0%{ -webkit-transform: translateX(-100%) scale(0); }50% { -webkit-transform: translateX(0%) scale(1); }100% { -webkit-transform: translateX(100%)scale(0); }}
@-moz-keyframes cssload-animation {0%{ -moz-transform: translateX(-100%) scale(0); }50% { -moz-transform: translateX(0%) scale(1); }100% { -moz-transform: translateX(100%) scale(0); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader35' ){?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>; opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 38%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin:50px 0 0 -20px;}
.wrapper {display: block;width: 195px;}
.cssload-loader {width: 49px;height: 49px;border-radius: 50%;display: inline-block;position: relative;vertical-align: middle;background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;}
.cssload-loader,.cssload-loader:before,.cssload-loader:after {animation: 1.15s infinite ease-in-out;-o-animation: 1.15s infinite ease-in-out;-ms-animation: 1.15s infinite ease-in-out;-webkit-animation: 1.15s infinite ease-in-out;-moz-animation: 1.15s infinite ease-in-out;}
.cssload-loader:before,.cssload-loader:after {width: 100%; height: 100%;border-radius: 50%;position: absolute;top: 0;left: 0;}
.cssload-loader:before,.cssload-loader:after {content: "";}
.cssload-loader {animation: cssload-animation 1.15s infinite linear;-o-animation: cssload-animation 1.15s infinite linear;-ms-animation: cssload-animation 1.15s infinite linear;-webkit-animation: cssload-animation 1.15s infinite linear;-moz-animation: cssload-animation 1.15s infinite linear;}
@keyframes cssload-animation {0% {transform: rotate(0deg); border-radius: 50%; }50% {transform: rotate(90deg); border-radius: 0%; }100% { transform: rotate(180deg); border-radius: 50%; }}
@-o-keyframes cssload-animation {0% {-o-transform: rotate(0deg); border-radius: 50%; }50% {-o-transform: rotate(90deg); border-radius: 0%; }100% { -o-transform: rotate(180deg); border-radius: 50%; }}
@-ms-keyframes cssload-animation {0% {-ms-transform: rotate(0deg); border-radius: 50%; }50% {-ms-transform: rotate(90deg); border-radius: 0%; }100% { -ms-transform: rotate(180deg); border-radius: 50%; }}
@-webkit-keyframes cssload-animation {0% {-webkit-transform: rotate(0deg); border-radius: 50%; }50% {-webkit-transform: rotate(90deg); border-radius: 0%; }100% { -webkit-transform: rotate(180deg); border-radius: 50%; }}
@-moz-keyframes cssload-animation {0% {-moz-transform: rotate(0deg); border-radius: 50%; }50% {-moz-transform: rotate(90deg); border-radius: 0%; }100% { -moz-transform: rotate(180deg); border-radius: 50%; }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader36' ){
$divi_dppre_preloader_color02 = dppreloader_hex2rgba(esc_attr($divi_dppre_preloader_color), 0.2);
$divi_dppre_preloader_color08 = dppreloader_hex2rgba(esc_attr($divi_dppre_preloader_color), 0.8);
$divi_dppre_preloader_color09 = dppreloader_hex2rgba(esc_attr($divi_dppre_preloader_color), 0.9);
?>
<style type="text/css">
.overlay-loader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
/*.box {position: absolute;width: 170px;height: 170px;left: 50%;margin-left: -85px;margin-top: -85px;}*/
.loading:before {content: '';position: absolute;width: 77px;height: 77px;top: 50%;margin-top: -38px;left: 50%;margin-left: -38px;border-width: 4px 2px;border-style: solid;border-color: <?php echo esc_attr($divi_dppre_preloader_color); ?> <?php echo esc_attr($divi_dppre_preloader_color02); ?>;border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;animation: spin 3.45s infinite;-o-animation: spin 3.45s infinite;
-ms-animation: spin 3.45s infinite;-webkit-animation: spin 3.45s infinite;-moz-animation: spin 3.45s infinite;}
.loading:after {content: '';position: absolute;width: 13px;height: 13px;top: 50%;margin-top: -6px;left: 50%;margin-left: -6px;background-color: rgb(0,0,0);border-radius: 50%;-o-border-radius: 50%;-ms-border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;animation: pulse 6.9s infinite, borderPulse 6.9s infinite;-o-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;-ms-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;-webkit-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;-moz-animation: pulse 6.9s infinite, borderPulse 6.9s infinite;}
@keyframes spin {0% {transform: rotate(0deg);}50% {transform: rotate(360deg);}100% {transform: rotate(1080deg);}}
@-o-keyframes spin {0% {-o-transform: rotate(0deg);}50% {-o-transform: rotate(360deg);}100% {-o-transform: rotate(1080deg);}}
@-ms-keyframes spin {0% {-ms-transform: rotate(0deg);}50% {-ms-transform: rotate(360deg);}100% {-ms-transform: rotate(1080deg);}}
@-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}50% {-webkit-transform: rotate(360deg);}100% {-webkit-transform: rotate(1080deg);}}
@-moz-keyframes spin {0% {-moz-transform: rotate(0deg);}50% {-moz-transform: rotate(360deg);}100% {-moz-transform: rotate(1080deg);}}
@keyframes pulse {0% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}13% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}15% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}28% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}30% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}43% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}45% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}70% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}74% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}100% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}}
@-o-keyframes pulse {0% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}13% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}15% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}28% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}30% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}43% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}45% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}70% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}74% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}100% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}}
@-ms-keyframes pulse {0% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}13% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}15% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}28% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}30% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}43% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}45% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}70% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}74% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}100% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}}
@-webkit-keyframes pulse {0% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}13% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}15% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}28% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}30% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}43% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}45% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}70% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}
74% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}100% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}}
@-moz-keyframes pulse {0% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}13% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}15% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}28% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}30% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}43% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}45% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}70% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}74% {background-color: <?php echo esc_attr($divi_dppre_preloader_color02); ?>;}100% {background-color: <?php echo esc_attr($divi_dppre_preloader_color09); ?>;}}
@keyframes borderPulse {0% {box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 2px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}40% {box-shadow: 0 0 0 2px rgb(255,255,255), 0 0 0 4px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}80% {box-shadow: 0 0 0 6px #FFF, 0 0 2px 6px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}}
@-o-keyframes borderPulse {0% {box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 2px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}40% {box-shadow: 0 0 0 2px rgb(255,255,255), 0 0 0 4px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}80% {box-shadow: 0 0 0 6px #FFF, 0 0 2px 6px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}}
@-ms-keyframes borderPulse {0% {box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 2px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}40% {box-shadow: 0 0 0 2px rgb(255,255,255), 0 0 0 4px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}
80% {box-shadow: 0 0 0 6px #FFF, 0 0 2px 6px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}}
@-webkit-keyframes borderPulse {0% {box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 2px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}40% {box-shadow: 0 0 0 2px rgb(255,255,255), 0 0 0 4px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}80% {box-shadow: 0 0 0 6px #FFF, 0 0 2px 6px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}}
@-moz-keyframes borderPulse {0% {box-shadow: 0 0 0 0 rgb(255,255,255), 0 0 0 2px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}40% {box-shadow: 0 0 0 2px rgb(255,255,255), 0 0 0 4px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}80% {box-shadow: 0 0 0 6px #FFF, 0 0 2px 6px <?php echo esc_attr($divi_dppre_preloader_color08); ?>;}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader37' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 50px;height: 50px;margin: -30px 0 0 -30px;transform: rotate(45deg);animation: animate 1.5s infinite;}.loader div{width: 25px;height: 25px;float: left;}.loader div:nth-child(1){ animation: animate_1 1.5s infinite; }.loader div:nth-child(2){ animation:animate_2 1.5s infinite; }.loader div:nth-child(3){ animation: animate_3 1.5s infinite; }.loader div:nth-child(4){ animation: animate_4 1.5s infinite; }
@keyframes animate{100%{ transform: rotate(-135deg); }}
@keyframes animate_1{25%{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform: translate(0,-50px) rotate(-180deg);}100%{background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;transform: translate(0,0) rotate(-180deg);}}
@keyframes animate_2{25%{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform: translate(50px,0) rotate(-180deg);}100%{background-color:<?php echo esc_attr($divi_dppre_background_color); ?>;transform: translate(0,0) rotate(-180deg);}}
@keyframes animate_3{25%{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform: translate(-50px,0) rotate(-180deg);}100%{background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;transform: translate(0,0) rotate(-180deg);}}
@keyframes animate_4{25%{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform: translate(0,50px) rotate(-180deg);}100%{background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;transform: translate(0,0) rotate(-180deg);}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader38' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{width: 150px;height: 150px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;transform: rotate(45deg);margin: -80px 0 0 -80px;}.loader:before{content: "";background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 50px;height: 50px;position: absolute;top: 50px;left: 50px;animation: animate 0.5s infinite;}.loader div{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 20px;height: 20px;margin-right: 110px;margin-bottom: 110px;float: left;}.loader div:nth-child(2n){ margin-right: 0px; }.loader div:nth-child(1){ animation: animate_1 2s infinite; }.loader div:nth-child(2){ animation: animate_2 2s infinite; }.loader div:nth-child(3){ animation: animate_3 2s infinite; }.loader div:nth-child(4){ animation: animate_4 2s infinite; }
@keyframes animate{25%{ transform: scale(0.5); }}
@keyframes animate_1{25%{ transform: translate(130px,0) rotate(-90deg); }50%{ transform: translate(130px,130px) rotate(-180deg); }75%{ transform: translate(0,130px) rotate(-270deg); }100%{ transform: rotate(-360deg); }}
@keyframes animate_2{25%{ transform: translate(0,130px) rotate(-90deg); }50%{ transform: translate(-130px,130px) rotate(-180deg); }75%{ transform: translate(-130px,0) rotate(-270deg); }100%{ transform: rotate(-360deg); }}
@keyframes animate_3{25%{ transform: translate(0,-130px) rotate(-90deg); }50%{ transform: translate(130px,-130px) rotate(-180deg); }75%{ transform: translate(130px,0) rotate(-270deg); }100%{ transform: rotate(-360deg); }}
@keyframes animate_4{25%{ transform: translate(-130px,0) rotate(-90deg); }50%{ transform: translate(-130px,-130px) rotate(-180deg); }75%{ transform: translate(0,-130px) rotate(-270deg); }100%{ transform: rotate(-360deg); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader39' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -43px 0 0 -43px;border: 3px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 68px;height: 68px;animation: animate 2.6s linear infinite;}.loader:before,.loader:after{content: '';width: 50px;height: 50px;border: 3px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;position: absolute;top: 7px;left: 7px;animation: animate_1 1.3s linear infinite;animation-direction: reverse;}.loader:after{width: 96px;height: 96px;top: -15px;left: -15px;}
@keyframes animate{0%{ transform: rotate(0deg); }100%{ transform: rotate(360deg); }}
@keyframes animate_1{0%{ transform: rotate(0deg); }100%{ transform: rotate(360deg); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader40' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{width: 20px;height: 20px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -12px 0 0 -12px;}.loader:before,.loader:after {content: '';width: 20px;height: 20px;border-radius: 50%;position: absolute;bottom: 0;left: 0;animation: animate 0.8s linear;}.loader:after{ animation: animate_1 0.8s 0.8s linear infinite; }
@keyframes animate{0%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}11.1111%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}22.2222%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -46.8px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 29.27422px -29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}33.3333%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -52.2px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 33.0926px -33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 41.4px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}44.4444%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -46.8px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36.91097px -36.91097px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 46.8px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 29.27422px 29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}55.5556%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 33.0926px -33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 52.2px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}66.6667%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 29.27422px -29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 46.8px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36.91097px 36.91097px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 46.8px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -29.27422px 29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}77.7778%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 41.4px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 52.2px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -41.4px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}88.8889%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 29.27422px 29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 46.8px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36.91097px 36.91097px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -46.8px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -29.27422px -29.27422px;}100%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -52.2px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px -33.0926px;}}
@keyframes animate_1{0%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -52.2px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px -33.0926px;}12.5%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -46.8px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 29.27422px -29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -29.27422px 29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -46.8px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36.91097px -36.91097px;}25%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -52.2px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 33.0926px -33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 41.4px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -41.4px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px -33.0926px;}37.5%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -46.8px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36.91097px -36.91097px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 46.8px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 29.27422px 29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -29.27422px -29.27422px;}50% {box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 33.0926px -33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 52.2px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}62.5%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 29.27422px -29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 46.8px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36.91097px 36.91097px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 46.8px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -29.27422px 29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}75%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 41.4px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 52.2px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -41.4px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -25.45584px -25.45584px;}87.5%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -36px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 29.27422px 29.27422px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 46.8px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -36.91097px 36.91097px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -46.8px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -29.27422px -29.27422px;}100%{box-shadow: <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px -41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px -25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 36px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 25.45584px 25.45584px, <?php echo esc_attr($divi_dppre_preloader_color); ?> 0px 41.4px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px 33.0926px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -52.2px 0px, <?php echo esc_attr($divi_dppre_preloader_color); ?> -33.0926px -33.0926px;}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader41' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.loader{width: 100px;height: 100px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -85px 0 0 -50px;overflow: hidden;}.loader > div:nth-child(1){width: 20px;height: 20px;transform: translate(0, -100%);position: absolute;top: 100%;left: 0;animation: push-out-slide 0.85s infinite alternate ease-in-out;}
.loader > div:nth-child(1):after{content: '';background: #333;width: 100%;height: 100%;position: absolute;animation: push-out-flip 0.85s infinite alternate ease-in-out;}.loader > div:nth-child(2){background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 20px;height: 30px;transform: translate(-50%, -100%);position: absolute;top: 100%;left: 50%;}.loader:after,.loader:before{content: '';background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 20px;height: 40px;position: absolute;bottom: 0;animation: 3.4s infinite ease;}.loader:after{right: 0;animation-name: push-out-pushed-1;}.loader:before{left: 0;animation-name: push-out-pushed-2;}
@keyframes push-out-pushed-1{0%, 18.125%, 50%, 68.125%, 100%{ transform: translate(0, 0); }25%, 43.125%, 75%, 93.125%{ transform: translate(0, 100%); }}
@keyframes push-out-pushed-2{0%, 18.125%, 50%, 68.125%, 100%{ transform: translate(0, 100%); }25%, 43.125%, 75%, 93.125%{ transform: translate(0, 0); }}
@keyframes push-out-flip{0%{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform: translate(0, 0) rotate(0deg);}50%{background-color: #333;transform: translate(0, -80px) rotate(90deg);}100%{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform: translate(0, 0) rotate(180deg);}}
@keyframes push-out-slide{to{ transform: translate(0, -100%) translate(80px, 0); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader42' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{width: 240px;height: 50px;padding: 12px 0 0;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -30px 0 0 -90px;}.loader span{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 8px;height: 8px;margin: 0 2px;display: inline-block;}.loader span:nth-child(1){animation: temp 1s 0.05s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(2){animation: temp 1s 0.1s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(3){animation: temp 1s 0.15s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(4){animation: temp 1s 0.2s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(5){animation: temp 1s 0.25s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(6){animation: temp 1s 0.3s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(7){animation: temp 1s 0.35s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(8){animation: temp 1s 0.4s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(9){animation: temp 1s 0.45s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(10){animation: temp 1s 0.5s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(11){animation: temp 1s 0.55s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(12){animation: temp 1s 0.6s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(13){animation: temp 1s 0.65s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(14){animation: temp 1s 0.7s infinite cubic-bezier(0.005,0.560,0.580,1.590);}.loader span:nth-child(15){animation: temp 1s 0.75s infinite cubic-bezier(0.005,0.560,0.580,1.590);}
@keyframes temp{50%{background:<?php echo esc_attr($divi_dppre_preloader_color); ?>;transform: scale(1, 5);}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader43' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{width: 84px;height: 84px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -50px 0 0 -45px;transform: rotate(45deg);/*animation: animate 1.2s infinite ease-in-out;*/}.loader span{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 40px;height: 40px;border: 1px <?php echo esc_attr($divi_dppre_preloader_color); ?> solid;border-radius: 5px;display: block;position: absolute;animation: animate_1 1.2s infinite ease-in-out both;}.loader span:nth-child(1){top: 0;left: 0;}.loader span:nth-child(2){background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;border: 1px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;top: 0;right: 0;animation: animate_2 1.2s infinite ease-in-out both;}.loader span:nth-child(3){background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;border: 1px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;bottom: 0;left: 0;animation: animate_2 1.2s infinite ease-in-out both;}.loader span:nth-child(4){background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;border: 1px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;bottom: 0;right: 0;}
@keyframes animate{0%, 10%, 100%{width: 84px;height: 84px;}65%{width: 150px;height: 150px;}}
@keyframes animate_1{0%, 30%{ transform: rotate(0); }55%{background-color: transparent;transform: scale(0.5);}100%{ transform: rotate(180deg); }}
@keyframes animate_2{0%, 30%{ transform: rotate(0); }55%{background-color: transparent;transform: scale(0.5);}100%{ transform: rotate(180deg); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader44' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 130px;height: 50px;margin: -30px 0 0 -70px;}.loader span{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 20px;height: 10px;position: absolute;bottom: 10px;animation: animate 2s infinite linear;}.loader span:nth-child(2){left: 21px;animation-delay: .2s;}.loader span:nth-child(3){left: 42px;animation-delay: .3s;}.loader span:nth-child(4){left: 63px;animation-delay: .4s;}.loader span:nth-child(5){left: 85px;animation-delay: .5s;}
@keyframes animate{0%{height: 5px;opacity: 0;transform: translateX(7px);}25%{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;height: 30px;opacity: 1;transform: translateX(7px);}50%{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;height: 5px;opacity: 1;transform: translateX(12px);}100%{height: 5px;opacity: 0;transform: translateX(17px);}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader45' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{width: 180px;height: 100px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -50px 0 0 -90px;}.loader span{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 7px;height: 10%;border-radius: 14px;margin: 25% 5px 0 0;float: left;display: block;}.loader span:last-child{ margin-right: 0px; }.loader span:nth-child(1){ animation: load 2.5s 1.4s infinite linear; }.loader span:nth-child(2){ animation: load 2.5s 1.2s infinite linear; }.loader span:nth-child(3){ animation: load 2.5s 1s infinite linear; }.loader span:nth-child(4){ animation: load 2.5s 0.8s infinite linear; }.loader span:nth-child(5){ animation: load 2.5s 0.6s infinite linear; }.loader span:nth-child(6){ animation: load 2.5s 0.4s infinite linear; }.loader span:nth-child(7){ animation: load 2.5s 0.2s infinite linear; }.loader span:nth-child(8){ animation: load 2.5s 0s infinite linear; }.loader span:nth-child(9){ animation: load 2.5s 0.2s infinite linear; }.loader span:nth-child(10){ animation: load 2.5s 0.4s infinite linear; }.loader span:nth-child(11){ animation: load 2.5s 0.6s infinite linear; }.loader span:nth-child(12){ animation: load 2.5s 0.8s infinite linear; }.loader span:nth-child(13){ animation: load 2.5s 1s infinite linear; }.loader span:nth-child(14){ animation: load 2.5s 1.2s infinite linear; }.loader span:nth-child(15){ animation: load 2.5s 1.4s infinite linear; }
@keyframes load{0%{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;margin-top: 25%;height: 10%;}50%{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;height: 100%;margin-top: 0%;}100%{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;height: 10%;margin-top: 25%;}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader46' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{text-align: center;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -55px 0 0 -115px;}.loader .dpno > div{width: 30px;height: 30px;border-radius: 8px;display: inline-flex;transform: rotate(45deg);animation: dpno-effect 2.4s infinite ease-in-out;}.loader .dpno > div:after{content: "";width: 30px;height: 30px;border-radius: 8px;opacity: 0;position: relative;top: 0px;left: -43px;animation: illusion 2.4s infinite ease-in-out;}.dpno >div:nth-child(1){margin: 13px;background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation-delay: 0.6s;}.dpno > div:nth-child(1):after{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation-delay: 0.6s;}
.dpno > div:nth-child(2){background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;margin: 13px;animation-delay: 1.2s;}.dpno > div:nth-child(2):after{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation-delay: 1.2s;}.dpno > div:nth-child(3){background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;margin: 13px;animation-delay: 1.8s;}.dpno > div:nth-child(3):after{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation-delay: 1.8s;}.dpno > div:nth-child(4){background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;margin: 13px;animation-delay: 2.4s;}.dpno > div:nth-child(4):after{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation-delay: 2.4s;}
@keyframes illusion{0%, 25%{ opacity: 1; }26.1%, 33.33%, 100%{ opacity: 0; }}
@keyframes dpno-effect{20%, 100%{ transform: rotate(135deg); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader47' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{width: 150px;height: 150px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -70px 0 0 -85px;}.loader ul{padding: 0;margin: 0;list-style: none;display: inline-block;text-indent: 2.8em;position: absolute;left: calc(50% - 0.7em);top: calc(50% - 4.2em);}.loader ul li:after,.loader ul:after{background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;width: 1.1em;height: 1.1em;box-shadow: 0 0 3px #fff;border-radius: 100%;}.loader ul li:after,.loader ul:after{content: "";display: block;}.loader ul:after{position: absolute;top: 2.8em;}.loader li:after{ animation: dotAnimationTwo 2.5s infinite; }.loader li{padding-bottom: 5.6em;position: absolute;top: 0;left: 0;}.loader li:nth-child(1){transform: rotate(0deg);animation-delay: 0.125s;}.loader li:nth-child(1):after{ animation-delay: 0.125s; }.loader li:nth-child(2){transform: rotate(36deg);animation-delay: 0.25s;}.loader li:nth-child(2):after{ animation-delay: 0.25s; }.loader li:nth-child(3){transform: rotate(72deg);animation-delay: 0.375s;}.loader li:nth-child(3):after{ animation-delay: 0.375s; }.loader li:nth-child(4){transform: rotate(108deg);animation-delay: 0.5s;}.loader li:nth-child(4):after{ animation-delay: 0.5s; }.loader li:nth-child(5){transform: rotate(144deg);animation-delay: 0.625s;}.loader li:nth-child(5):after{ animation-delay: 0.625s; }.loader li:nth-child(6){transform: rotate(180deg);animation-delay: 0.75s;}.loader li:nth-child(6):after{ animation-delay: 0.75s; }.loader li:nth-child(7){transform: rotate(216deg);animation-delay: 0.875s;}.loader li:nth-child(7):after{ animation-delay: 0.875s; }.loader li:nth-child(8){transform: rotate(252deg);animation-delay: 1s;}.loader li:nth-child(8):after{ animation-delay: 1s; }.loader li:nth-child(9){transform: rotate(288deg);animation-delay: 1.125s;}.loader li:nth-child(9):after{ animation-delay: 1.125s; }.loader li:nth-child(10){transform: rotate(324deg);animation-delay: 1.25s;}.loader li:nth-child(10):after{ animation-delay: 1.25s; }.loader li{ animation: dotAnimation 2.5s infinite; }
@keyframes dotAnimation{0%, 55%, 100%{ padding: 0 0 5.6em 0; }5%, 50%{ padding: 2.8em 0; }}
@keyframes dotAnimationTwo{0%, 55%, 100%{opacity: 1;transform: scale(1);}5%, 50%{opacity: 0.5;transform: scale(0.5);}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader48' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader{width: 100px;height: 60px;border: 5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;z-index: 1;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -30px 0 0 -55px;}.loader-page{background: transparent;width: 50px;height: 60px;margin: 0 auto;border-top: 5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-bottom: 5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-right: 5px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform-origin: 0% 50%;position: absolute;left: 50%;top: -5px;animation: flip 1.2s infinite linear forwards;}.loader-page:nth-child(1){z-index: -1;animation-delay: 1.4s;}.loader-page:nth-child(2){z-index: -2;animation-delay: 2.8s;}.loader-page:nth-child(3){z-index: -3;animation-delay: 4.2s;}
@keyframes flip{0%{ transform: perspective(600px) rotateY(0deg); }20%{ background: transparent; }29.9%{ background: transparent; }30%{background: transparent;transform: perspective(200px) rotateY(-90deg);}54.999%{ opacity: 1; }55%{ opacity: 0; }60%{background: transparent;transform: perspective(200px) rotateY(-180deg);}100%{background: transparent;transform: perspective(200px) rotateY(-180deg);}}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader49' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.loader {text-align: center;padding: 0;list-style-type: none;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin:-55px 0 0 -55px;}.loader li{width: 20px;height: 20px;margin: 10px 0;display: inline-block;transition: 0.5s all ease;}.loader li:nth-child(1){background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: right-1 1s infinite alternate;animation-delay: 100ms;}.loader li:nth-child(2){background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: right-2 1s infinite alternate;animation-delay: 200ms;}.loader li:nth-child(3){background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: right-3 1s infinite alternate;animation-delay: 300ms;}.loader li:nth-child(4){background-color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: right-4 1s infinite alternate;animation-delay: 400ms;}.loader li:nth-child(5){background-color:<?php echo esc_attr($divi_dppre_preloader_color); ?>;animation: right-5 1s infinite alternate;animation-delay: 500ms;}
@keyframes right-1{0%{ transform: translateY(-50px); }100%{ transform: translateY(50px); }}
@keyframes right-2{0%{ transform: translateY(-60px); }100%{ transform: translateY(60px); }}
@keyframes right-3{0%{ transform: translateY(-70px); }100%{ transform: translateY(70px); }}
@keyframes right-4{0%{ transform: translateY(-80px); }100%{ transform: translateY(80px); }}
@keyframes right-5{0%{ transform: translateY(-85px); }100%{ transform: translateY(85px); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader50' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.preloader{text-align: center;--n: 5;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -25px 0 0px -120px;}
.dot{background:<?php echo esc_attr($divi_dppre_preloader_color); ?>;--i: 0;}.dot:nth-child(2){background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;--i: 1;}.dot:nth-child(3){background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;--i: 2;}.dot:nth-child(4){background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;--i: 3;}.dot:nth-child(5){background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;--i: 4;}.dot:after{--o: 1;background: #fff;content: "";}.dot, .dot:after {display: inline-block;width: 3em;height: 3em;border-radius: 50%;animation: effect 1.5s calc(((var(--i) + var(--o, 0))/var(--n) - 1)*1.5s) infinite;}
@keyframes effect{0%, 50%{ transform: scale(0); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader51' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.preloader{height: 75px;width: 75px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -40px 0 0 -40px;}.spinner{width: 75px;height: 75px;margin: 0;border-top: 10px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;box-shadow: 4px 4px 5px #d2d2d2 inset;border-right: 10px solid transparent;border-radius: 50%;animation: 1.5s spin linear infinite;}.spinner-2{width: 75px;height: 75px;margin: 0;border-top: 10px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;border-left: 10px solid transparent;border-radius: 50%;position: absolute;top: 0;animation: 1.5s spin-2 linear infinite;}
@keyframes spin{from{ transform: rotate(0deg); }to{ transform: rotate(360deg); }}
@keyframes spin-2{from{ transform: rotate(360deg); }to{ transform: rotate(0deg); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader52' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.preloader{display: flex;flex-flow: column wrap;justify-content: center;align-content: center;align-items: center;perspective: 700;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -80px 0 0 -75px;}.loaderi{text-align: center;margin: 5px;border-radius: 50%;border: 4px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;display: flex;flex-flow: column wrap;justify-content: center;align-content: center;align-items: center;transform-style: preserve-3d;position: relative;}.loader-inner-1{animation-delay: 0.2s;animation: change_first_circle 2s ease-in-out infinite;}.loader-inner-2{animation-delay: 0.2s;animation: change_second_circle 2s ease-in-out infinite;}.loader-inner-3{animation-delay: 0.2s;width: 100px;height: 100px;animation: change_last_circle 3s linear infinite;}
@keyframes change_first_circle {50%{ transform: rotateX(360deg) scale(0.8); }}
@keyframes change_second_circle {50%{ transform: rotateY(360deg) scale(0.8); }}
@keyframes change_last_circle {50%{ transform: rotateX(360deg) scale(0.8); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader53' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.preloader{height: 105px;width: 105px;animation: loader-container 10s linear infinite;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -60px 0 0 -50px;}.preloader > div{width: 44px;height: 44px;box-shadow: 0 0 8px -2px rgba(0,0,0,0.3);position: absolute;animation-duration: 1500ms;animation-timing-function: ease-in-out;animation-iteration-count: infinite;}.box1{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform-origin: bottom center;top: 4px;left: 4px;animation-name: box1;}.box2{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform-origin: center left;top: 4px;right: 4px;animation-name: box2;}.box3{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>);transform-origin: top center;bottom: 4px;right: 4px;animation-name: box3;}.box4{background: <?php echo esc_attr($divi_dppre_preloader_color); ?>;transform-origin: center right;bottom: 4px;left: 4px;animation-name: box4;}
@keyframes loader-container{0%{ transform: rotate(0); }23%{ transform: rotate(0); }25%{ transform: rotate(90deg); }48%{ transform: rotate(90deg); }50%{ transform: rotate(180deg); }73%{ transform: rotate(180deg); }75%{ transform: rotate(270deg); }98%{ transform: rotate(270deg); }100%{ transform: rotate(360deg); }}
@keyframes box1{0%{ transform: perspective(200px) rotateX(90deg); }11%{ transform: perspective(200px) rotateX(0); }88%{ transform: perspective(200px) rotateX(0); }99%{ transform: perspective(200px) rotateX(90deg); }100%{ transform: perspective(200px) rotateX(90deg); }}
@keyframes box2{0%{ transform: perspective(200px) rotateY(90deg); }11%{ transform: perspective(200px) rotateY(90deg); }22%{ transform: perspective(200px) rotateY(0); }77%{ transform: perspective(200px) rotateY(0); }88%{ transform: perspective(200px) rotateY(90deg); }100%{ transform: perspective(200px) rotateY(90deg); }}
@keyframes box3{0%{ transform: perspective(200px) rotateX(-90deg); }22%{ transform: perspective(200px) rotateX(-90deg); }33%{ transform: perspective(200px) rotateX(0); }66%{ transform: perspective(200px) rotateX(0); }77%{ transform: perspective(200px) rotateX(-90deg); }100%{ transform: perspective(200px) rotateX(-90deg); }}
@keyframes box4{0%{ transform: perspective(200px) rotateY(-90deg); }33%{ transform: perspective(200px) rotateY(-90deg); }44%{ transform: perspective(200px) rotateY(0); }55%{ transform: perspective(200px) rotateY(0); }66%{ transform: perspective(200px) rotateY(-90deg); }100%{ transform: perspective(200px) rotateY(-90deg); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader54' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}.preloader{display: flex;align-items: center;justify-content: center;}.loaderi {font-size: 10px;width: 10em;height: 10em;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -50px 0 0 -50px;}.loaderi::before,.loaderi::after {content: '';width: 1em;height: 1em;background-color: currentColor;box-shadow:0 0, 2em 0, 4em 0, 6em 0,0 2em, 2em 2em, 4em 2em, 6em 2em,0 4em, 2em 4em, 4em 4em, 6em 4em,0 6em, 2em 6em, 4em 6em, 6em 6em;border-radius: 50%;position: absolute;animation: round 2s ease infinite;}.loaderi::before { color: <?php echo esc_attr($divi_dppre_preloader_color); ?>; }.loaderi::after {color: <?php echo esc_attr($divi_dppre_preloader_color); ?>;animation-delay: -1s;}
@keyframes round {0% { transform: translateX(0) translateY(0); }25% { transform: translateX(3em) translateY(0); }50% { transform: translateX(3em) translateY(3em); }75% { transform: translateX(0) translateY(3em); }}
</style>
<?php
}else if ( $divi_dppre_preloader_images == 'dp_loader55' ){?>
<style type="text/css">
.overlay-loader {background-color: <?php echo esc_attr($divi_dppre_background_color); ?>;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: <?php echo esc_attr($divi_dppre_body_opacity); ?>;z-index: 999999;height: 100%;width: 100%;overflow: hidden !important;margin: auto;}
.preloader{height: 80px;width: 80px;position: absolute;left: 50%;top: 50%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;margin: -50px 0 0 -50px;}.preloader:before,.preloader:after{content: '';height: 100%;width: 100%;border: 9px solid <?php echo esc_attr($divi_dppre_preloader_color); ?>;position: absolute;left: 0;top: 0;animation: spin 2.2s linear 0s infinite normal;}.preloader:after{width: 50%;height: 50%;margin: 18px;border-style: dotted;border-radius: 50px;left: 0;top: 0;bottom: 0;right: 0;animation: spinback 1.5s linear 0s infinite normal;}
@keyframes spin{from{ transform: rotate(0); }to{ transform: rotate(360deg); }}
@keyframes spinback{from{ transform:rotate(0); }to{ transform:rotate(-360deg); }}
</style>
<?php
}else{}
}//end else
}
}
function dppreloader_hex2rgba($color, $opacity = false) {
$default = 'rgb(0,0,0)';
//Return default if no color provided
if(empty($color))
return $default;
//Sanitize $color if "#" is provided
if ($color[0] == '#' ) {
$color = substr( $color, 1 );
}
//Check if color has 6 or 3 characters and get values
if (strlen($color) == 6) {
$hex = array( $color[0] . $color[1], $color[2] . $color[3], $color[4] . $color[5] );
} elseif ( strlen( $color ) == 3 ) {
$hex = array( $color[0] . $color[0], $color[1] . $color[1], $color[2] . $color[2] );
} else {
return $default;
}
//Convert hexadec to rgb
$rgb = array_map('hexdec', $hex);
//Check if opacity is set(rgba or rgb)
if($opacity){
if(abs($opacity) > 1)
$opacity = 1.0;
$output = 'rgba('.implode(",",$rgb).','.$opacity.')';
} else {
$output = 'rgb('.implode(",",$rgb).')';
}
//Return rgb(a) color string
return $output;
}
function dppre_preloader_js() {
$dem_themename = dppreloader_theme_name();
if($dem_themename == 'other' ){ return false;}
if( et_get_option($dem_themename.'_dppre_preloader') != '' ){ $divi_dppre_preloader = et_get_option($dem_themename.'_dppre_preloader'); }else{ $divi_dppre_preloader = 'off'; }
if( $divi_dppre_preloader == 'on' && ! ET_FB_ENABLED ){
$divi_dppre_preloader_images = get_option( 'divi_dppre_preloader_images' ) ;
if ( $divi_dppre_preloader_images != '' ){
$divi_dppre_preloader_images = get_option( 'divi_dppre_preloader_images' ) ;
}else{
$divi_dppre_preloader_images = 'dp_loader1' ;
}
global $post, $wp_query;
$post_id = '';
$post_id = $post->ID;
if ( $post_id == '' ){
$post_id = $wp_query->get_queried_object_id();
}
$divi_dppre_custom_preloader = et_get_option($dem_themename.'_dppre_custom_preloader');
$divi_dppre_effects = et_get_option($dem_themename.'_dppre_effects');
$divi_dppre_fadeout_speed = et_get_option($dem_themename.'_dppre_fadeout_speed');
$divi_dppre_delay_time = et_get_option($dem_themename.'_dppre_delay_time');
$divi_dppre_preloader_home = et_get_option($dem_themename.'_dppre_preloader_home','off');
$divi_dppre_preloader_mobile = et_get_option($dem_themename.'_dppre_preloader_mobile','off');
$divi_dppre_preloader_mobile_device_width = et_get_option($dem_themename.'_dppre_preloader_mobile_device_width','980');
$preloader_selected_pages = et_get_option($dem_themename.'_preloader_selected_pages');
$dppre_preloader_specificpage = et_get_option($dem_themename.'_dppre_preloader_specificpage');
if ( $divi_dppre_custom_preloader != '' ){
if ( $divi_dppre_preloader_home == 'on' && $dppre_preloader_specificpage != 'on' ){
if ( !is_front_page() ){
return false;
}
}
if ( $divi_dppre_preloader_home != 'on' && $dppre_preloader_specificpage == 'on' ){
if( in_array( $post_id , $preloader_selected_pages ) ){
}else if ( is_post_type_archive() ){
if( in_array( '999999991' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_singular() && !is_page() ){
if( in_array( '999999992' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_tax() || is_tag() || is_category() ){
if( in_array( '999999993' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_author( ) || is_multi_author() ){
if( in_array( '999999994' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_search() ){
if( in_array( '999999995' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_404() ){
if( in_array( '999999996' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_date() || is_year() || is_month() || is_day() || is_time() ){
if( in_array( '999999997' , $preloader_selected_pages ) ){ }else{ return false;}
}else{ return false;}
}
?>
<script type="text/javascript">
jQuery(window).on('load', function(){
<?php if ( $divi_dppre_preloader_mobile == 'on' ) { ?>
if( jQuery( window ).width() >= <?php echo esc_attr($divi_dppre_preloader_mobile_device_width);?> ){
if( jQuery( '.et-bfb' ).length <= 0 && jQuery( '.et-fb' ).length <= 0 ){
jQuery('.dp_loader_icon').fadeOut('<?php echo esc_attr($divi_dppre_fadeout_speed); ?>');
jQuery('.dp_preloader').delay(<?php echo ((int) ($divi_dppre_delay_time)+300); ?>).<?php echo esc_attr($divi_dppre_effects); ?>('<?php echo esc_attr($divi_dppre_fadeout_speed); ?>');
}else{
jQuery(".dp_preloader").css('display','none');
}
}
<?php }else{ ?>
if( jQuery( '.et-bfb' ).length <= 0 && jQuery( '.et-fb' ).length <= 0 ){
jQuery('.dp_loader_icon').fadeOut('<?php echo esc_attr($divi_dppre_fadeout_speed); ?>');
jQuery('.dp_preloader').delay(<?php echo ((int) ($divi_dppre_delay_time)+300); ?>).<?php echo esc_attr($divi_dppre_effects); ?>('<?php echo esc_attr($divi_dppre_fadeout_speed); ?>');
}else{
jQuery(".dp_preloader").css('display','none');
}
<?php } ?>
});
</script>
<?php
}else{
if ( $divi_dppre_preloader_home == 'on' && $dppre_preloader_specificpage != 'on' ){
if ( !is_front_page() ){
return false;
}
}
if ( $divi_dppre_preloader_home != 'on' && $dppre_preloader_specificpage == 'on' ){
if( in_array( $post_id , $preloader_selected_pages ) ){
}else if ( is_post_type_archive() ){
if( in_array( '999999991' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_singular() && !is_page() ){
if( in_array( '999999992' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_tax() || is_tag() || is_category() ){
if( in_array( '999999993' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_author( ) || is_multi_author() ){
if( in_array( '999999994' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_search() ){
if( in_array( '999999995' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_404() ){
if( in_array( '999999996' , $preloader_selected_pages ) ){ }else{ return false;}
}else if ( is_date() || is_year() || is_month() || is_day() || is_time() ){
if( in_array( '999999997' , $preloader_selected_pages ) ){ }else{ return false;}
}else{ return false;}
}
if ( $divi_dppre_preloader_images == 'dp_loader1' || $divi_dppre_preloader_images == 'dp_loader2' || $divi_dppre_preloader_images == 'dp_loader3' || $divi_dppre_preloader_images == 'dp_loader4' || $divi_dppre_preloader_images == 'dp_loader5' || $divi_dppre_preloader_images == 'dp_loader6' || $divi_dppre_preloader_images == 'dp_loader7' || $divi_dppre_preloader_images == 'dp_loader8' || $divi_dppre_preloader_images == 'dp_loader9' || $divi_dppre_preloader_images == 'dp_loader10' || $divi_dppre_preloader_images == 'dp_loader11' || $divi_dppre_preloader_images == 'dp_loader12' || $divi_dppre_preloader_images == 'dp_loader13' || $divi_dppre_preloader_images == 'dp_loader14' || $divi_dppre_preloader_images == 'dp_loader15' || $divi_dppre_preloader_images == 'dp_loader16' || $divi_dppre_preloader_images == 'dp_loader17' || $divi_dppre_preloader_images == 'dp_loader18' || $divi_dppre_preloader_images == 'dp_loader19' || $divi_dppre_preloader_images == 'dp_loader20' || $divi_dppre_preloader_images == 'dp_loader21' || $divi_dppre_preloader_images == 'dp_loader22' || $divi_dppre_preloader_images == 'dp_loader23' || $divi_dppre_preloader_images == 'dp_loader24' || $divi_dppre_preloader_images == 'dp_loader25' || $divi_dppre_preloader_images == 'dp_loader26' || $divi_dppre_preloader_images == 'dp_loader27' || $divi_dppre_preloader_images == 'dp_loader28' || $divi_dppre_preloader_images == 'dp_loader29' || $divi_dppre_preloader_images == 'dp_loader30' || $divi_dppre_preloader_images == 'dp_loader31' || $divi_dppre_preloader_images == 'dp_loader32' || $divi_dppre_preloader_images == 'dp_loader33' || $divi_dppre_preloader_images == 'dp_loader34' || $divi_dppre_preloader_images == 'dp_loader35' || $divi_dppre_preloader_images == 'dp_loader36' || $divi_dppre_preloader_images == 'dp_loader37'|| $divi_dppre_preloader_images == 'dp_loader38'|| $divi_dppre_preloader_images == 'dp_loader39'|| $divi_dppre_preloader_images == 'dp_loader40'|| $divi_dppre_preloader_images == 'dp_loader41'|| $divi_dppre_preloader_images == 'dp_loader42'|| $divi_dppre_preloader_images == 'dp_loader43'|| $divi_dppre_preloader_images == 'dp_loader44'|| $divi_dppre_preloader_images == 'dp_loader45'|| $divi_dppre_preloader_images == 'dp_loader46'|| $divi_dppre_preloader_images == 'dp_loader47'|| $divi_dppre_preloader_images == 'dp_loader48'|| $divi_dppre_preloader_images == 'dp_loader49'|| $divi_dppre_preloader_images == 'dp_loader50' || $divi_dppre_preloader_images == 'dp_loader51' || $divi_dppre_preloader_images == 'dp_loader52' || $divi_dppre_preloader_images == 'dp_loader53' || $divi_dppre_preloader_images == 'dp_loader54' || $divi_dppre_preloader_images == 'dp_loader55'){
?>
<script type="text/javascript">
jQuery(window).on('load', function(){
<?php if ( $divi_dppre_preloader_mobile == 'on' ) { ?>
if( jQuery( window ).width() >= <?php echo esc_attr($divi_dppre_preloader_mobile_device_width);?> ){
if( jQuery( '.et-bfb' ).length <= 0 && jQuery( '.et-fb' ).length <= 0 ){
jQuery('.loader').delay(<?php echo (esc_attr($divi_dppre_delay_time)); ?>).fadeOut('<?php echo esc_attr($divi_dppre_fadeout_speed); ?>');
jQuery('.overlay-loader').delay(<?php echo ((int) ($divi_dppre_delay_time)+300); ?>).<?php echo esc_attr($divi_dppre_effects); ?>('<?php echo esc_attr($divi_dppre_fadeout_speed); ?>');
}else{
jQuery(".overlay-loader").css('display','none');
}
}
<?php }else{ ?>
if( jQuery( '.et-bfb' ).length <= 0 && jQuery( '.et-fb' ).length <= 0 ){
jQuery('.loader').delay(<?php echo (esc_attr($divi_dppre_delay_time)); ?>).fadeOut('<?php echo esc_attr($divi_dppre_fadeout_speed); ?>');
jQuery('.overlay-loader').delay(<?php echo ((int) ($divi_dppre_delay_time)+300); ?>).<?php echo esc_attr($divi_dppre_effects); ?>('<?php echo esc_attr($divi_dppre_fadeout_speed); ?>');
}else{
jQuery(".overlay-loader").css('display','none');
}
<?php } ?>
});
</script>
<?php
}
}//end else
}
}
?>